/* 0.30.72-r1: mobile density, softer palette, clearer parent feedback and compact media */
@media(max-width:760px){
  :root{
    --ms-soft-navy:#315f7f;
    --ms-soft-cyan:#e9f7f8;
    --ms-soft-mint:#edf9f3;
    --ms-soft-amber:#fff7e7;
    --ms-soft-rose:#fff0f3;
    --ms-soft-lilac:#f3f0fb;
    --ms-mobile-line:#dce8ee;
  }
  #content .primary{
    min-height:38px!important;
    padding:8px 12px!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#397a91,#456f98)!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  #content .secondary,
  #content .danger-button{
    min-height:36px!important;
    padding:7px 11px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
    box-shadow:none!important;
  }
  #content .secondary{background:#fbfdff!important;border-color:var(--ms-mobile-line)!important;color:#35566e!important}
  #content .danger-button{background:#fff5f6!important;border-color:#efcfd5!important;color:#a23a4a!important}
  #content .head-actions{gap:7px!important;align-items:center!important;flex-wrap:wrap!important}
  #content .card,
  #content .homework-card,
  #content .message-compact-card,
  #content .performance-section,
  #content .performance-overview{
    border-color:var(--ms-mobile-line)!important;
    box-shadow:0 5px 18px rgba(38,79,108,.045)!important;
  }

  .teacher-followups{padding:12px!important}
  .teacher-followups .card-head{gap:8px!important}
  .teacher-followups .card-head .primary{width:auto!important;justify-self:start!important}
  .teacher-followup-counts{gap:7px!important}
  .teacher-followup-counts>div{padding:9px!important;border-radius:11px!important;background:var(--ms-soft-cyan)!important}
  .teacher-followup-counts .urgent{background:var(--ms-soft-amber)!important}
  .teacher-followup-counts strong{font-size:18px!important}
  .teacher-followups p{font-size:10px!important;margin:7px 0 0!important}

  .notification-summary{gap:7px!important;margin-bottom:10px!important}
  .notification-summary article{padding:9px 10px!important;border-radius:12px!important}
  .notification-summary strong{font-size:18px!important}
  .notification-filters{gap:6px!important;margin-bottom:10px!important}
  .notification-filters button{min-height:34px!important;padding:6px 10px!important;font-size:10px!important}
  .notification-filters button.active{background:#4d728f!important;border-color:#4d728f!important}
  .notification-item{padding:11px!important;gap:9px!important;border-radius:13px!important}
  .notification-item-icon{width:36px!important;height:36px!important;border-radius:10px!important}
  .notification-item-body>strong{font-size:12px!important}
  .notification-item-body p{font-size:9.5px!important}
  .notification-actions{display:flex!important;grid-column:1/-1!important;gap:6px!important;width:auto!important;justify-content:flex-start!important}
  .notification-actions button{width:auto!important;min-height:34px!important}

  .news-card.has-media{
    grid-template-columns:76px minmax(0,1fr)!important;
    grid-template-areas:"media copy"!important;
    gap:10px!important;
    align-items:start!important;
  }
  .news-media-open{
    width:76px!important;
    height:76px!important;
    padding:3px!important;
    border-radius:11px!important;
    align-self:start!important;
    background:#eef7f8!important;
  }
  .news-media-open img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    border-radius:8px!important;
  }
  .news-card h3{font-size:13px!important;margin:3px 0!important}
  .news-card p{-webkit-line-clamp:2!important;font-size:9.5px!important;line-height:1.7!important}
  .news-card footer{font-size:8.5px!important}

  .attachment-preview{
    width:auto!important;
    max-width:100%!important;
    padding:6px 8px!important;
    gap:7px!important;
    border-radius:10px!important;
  }
  .attachment-preview img{
    width:46px!important;
    height:38px!important;
    border-radius:7px!important;
  }
  .attachment-file-icon{
    width:40px!important;
    height:38px!important;
    border-radius:7px!important;
  }
  .attachment-preview strong{font-size:9px!important}
  .attachment-preview small{font-size:8.5px!important;max-width:180px!important}

  .message-role-inbox{gap:9px!important}
  .message-inbox-primary{padding:11px!important}
  .message-compact-list{gap:7px!important}
  .message-compact-card{
    display:block!important;
    padding:10px 11px!important;
    border-radius:12px!important;
    background:#fff!important;
    border-right:3px solid #a6cbd4!important;
  }
  .message-compact-card.unread{background:linear-gradient(135deg,#fbfeff,#f6fbfd)!important;border-right-color:#5da6b9!important}
  .message-compact-card.finance-reminder{background:linear-gradient(135deg,#fffdf7,#fffaf0)!important;border-right-color:#dfb75f!important}
  .message-card-route{
    display:block!important;
    margin:0 0 4px!important;
    font-size:8.5px!important;
    color:#718394!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .message-compact-card>strong{
    display:block!important;
    font-size:12px!important;
    line-height:1.65!important;
    margin:0 0 3px!important;
    color:#173f61!important;
  }
  .message-compact-card>p{
    margin:0!important;
    font-size:9.7px!important;
    line-height:1.8!important;
    -webkit-line-clamp:2!important;
    color:#526879!important;
  }
  .message-compact-card>footer{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:7px!important;
    padding-top:6px!important;
    border-top:1px solid #edf2f5!important;
  }
  .message-compact-card>footer small{font-size:8.5px!important;color:#8795a2!important}
  .message-attachment-preview{margin-top:7px!important}

  .performance-overview{padding:10px 11px!important;gap:9px!important;border-radius:13px!important}
  .performance-overview-head h2{font-size:16px!important}
  .performance-overview-head strong{font-size:12px!important}
  .performance-overview-head small,.performance-overview-head span{font-size:8.5px!important}
  .performance-insight-grid{gap:7px!important}
  .performance-insight-grid article{padding:9px!important;border-radius:10px!important}
  .performance-insight-grid h3{font-size:10.5px!important}
  .performance-insight-grid article>span{padding:5px 0!important}
  .performance-section{padding:10px 11px!important;margin:9px 0!important;border-radius:12px!important}
  .performance-section-head{margin-bottom:7px!important}
  .performance-section-head h3,.personal-results-center .card-head h3{font-size:12.5px!important}
  .personal-results-center .card-head small,.performance-section-head small{font-size:8.5px!important}
  .personal-results-center{font-size:10px!important}
  .personal-results-center strong{font-size:11px!important}

  .parent-homework-evaluation{
    padding:10px!important;
    border-radius:12px!important;
    border-color:#cfe8dc!important;
    background:linear-gradient(135deg,#f4fbf7,#fbfefd)!important;
  }
  .parent-homework-evaluation-head strong{font-size:12px!important;color:#245b49!important}
  .parent-homework-result{
    margin-top:8px!important;
    padding:9px 10px!important;
    border:0!important;
    border-right:3px solid #70b99a!important;
    border-radius:9px!important;
    background:#fff!important;
  }
  .parent-homework-result small{font-size:8.5px!important;color:#5e7f72!important}
  .parent-homework-result>strong{font-size:15px!important;color:#23644f!important}
  .parent-homework-result p{
    margin-top:3px!important;
    font-size:11.5px!important;
    line-height:1.8!important;
    color:#3d6d5c!important;
    font-weight:700!important;
  }

  .finance-tabs{padding:4px!important;gap:4px!important;border-radius:11px!important}
  .finance-tabs button{padding:7px 10px!important;font-size:10px!important;border-radius:8px!important}
  .finance-tabs button span{min-width:18px!important;height:18px!important;font-size:8px!important}

  .dashboard-overdue-finance{padding:11px!important;gap:8px!important;border-radius:12px!important;background:linear-gradient(135deg,#fffdf7,#fff9ed)!important}
  .dashboard-overdue-finance>div:first-child strong{font-size:11.5px!important}
  .dashboard-overdue-list button{padding:7px 9px!important;background:#fff!important}

  .role-action-grid button{border-color:#dce8ee!important;background:linear-gradient(145deg,#fff,#f9fcfd)!important}
  .role-action-grid button:nth-child(3n+1) .ico,.role-action-grid button:nth-child(3n+1)>span:first-child{background:var(--ms-soft-cyan)!important;color:#237f92!important}
  .role-action-grid button:nth-child(3n+2) .ico,.role-action-grid button:nth-child(3n+2)>span:first-child{background:var(--ms-soft-mint)!important;color:#2e8060!important}
  .role-action-grid button:nth-child(3n) .ico,.role-action-grid button:nth-child(3n)>span:first-child{background:var(--ms-soft-rose)!important;color:#a75b6b!important}

  .attendance-actions{gap:7px!important}
  .attendance-actions .primary{width:auto!important;max-width:100%!important}
}