/* Sudan First Academy v2.20.12 — Global Mobile Width Integrity
   Scope is limited to Academy application roots. Desktop layout is untouched. */

/* The student "Home" control must never break vertically. */
.sfa-student-viewbar [data-sfa-home-button]{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
}

@media (max-width:760px){
  /* Escape narrow theme/content columns and keep only a small 5px viewport gutter. */
  .sfa-sp,
  .sfa-fm,
  .sfa-trainer-app,
  .sfa-room-page,
  .sfa-login-wrap,
  .sfa-auth-shell,
  .sfa-px{
    width:calc(100vw - 10px)!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw + 5px)!important;
    margin-right:calc(50% - 50vw + 5px)!important;
    box-sizing:border-box!important;
  }

  /* Preserve breathing room inside the app, not outside it. */
  .sfa-sp{padding-inline:6px!important}
  .sfa-fm{padding-inline:6px!important}
  .sfa-trainer-app{padding-inline:6px!important}
  .sfa-room-page{padding-inline:5px!important}
  .sfa-login-wrap{padding-inline:6px!important}
  .sfa-px{padding-inline:6px!important}

  /* Main student workspace/cards use the available width. */
  .sfa-app-content,
  .sfa-app-content>.sfa-sp-card,
  .sfa-app-content>.sfa-message-center,
  .sfa-lo-student,
  .sfa-lo-student>.sfa-sp-card,
  .sfa-learning-hub,
  .sfa-session-material-groups,
  .sfa-session-material-group{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Keep view header balanced on narrow phones. */
  .sfa-student-viewbar{
    gap:8px!important;
    padding-inline:10px!important;
  }
  .sfa-student-viewbar>div{min-width:0!important}
  .sfa-student-viewbar [data-sfa-home-button]{
    padding-inline:9px!important;
    font-size:11px!important;
  }

  /* Manager and room shells should not re-introduce large side gutters. */
  .sfa-room-shell{width:100%!important;max-width:none!important;margin-inline:0!important}
  .sfa-fm>.sfa-fm-head,
  .sfa-fm>.sfa-fm-tabs,
  .sfa-fm>.sfa-fm-content{max-width:none!important}
}

@media (max-width:420px){
  .sfa-sp,
  .sfa-fm,
  .sfa-trainer-app,
  .sfa-room-page,
  .sfa-login-wrap,
  .sfa-auth-shell,
  .sfa-px{
    width:calc(100vw - 6px)!important;
    margin-left:calc(50% - 50vw + 3px)!important;
    margin-right:calc(50% - 50vw + 3px)!important;
  }
  .sfa-student-viewbar [data-sfa-home-button]{font-size:10px!important;padding-inline:8px!important}
}