/* v3.25.69 — targeted supervisor attendance + mobile/tablet shell authority. */

/* The attendance back control was present but visually washed out on the pale panel. */
html body .sfwb-supervisor-app .sfwb-sup-session-detail-head > .sfwb-sup-back-to-table{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 16px!important;
  border:1px solid #0878bd!important;
  border-radius:12px!important;
  background:#0878bd!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 7px 18px rgba(4,92,151,.18)!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .sfwb-supervisor-app .sfwb-sup-session-detail-head > .sfwb-sup-back-to-table:hover,
html body .sfwb-supervisor-app .sfwb-sup-session-detail-head > .sfwb-sup-back-to-table:focus-visible{
  background:#075f9e!important;
  border-color:#075f9e!important;
}

/* Coach attendance must be easy to notice in the attendance page. */
html body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-coach-attendance{
  border:1px solid #cfe2ef!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(7,63,102,.08)!important;
  overflow:hidden!important;
}
html body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-coach-attendance > header{
  background:linear-gradient(135deg,#063d72,#087dbd)!important;
  padding:14px 16px!important;
}
html body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-coach-attendance > header h3,
html body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-coach-attendance > header span{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-coach-att-card{
  margin:0!important;border:0!important;border-radius:0!important;padding:16px!important;
}

/* Tablet/mobile: never reserve desktop sidebar width. Drawer stays fully inside viewport and scrolls itself. */
@media (max-width:1100px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  html body .sfwb-supervisor-app.sfwb-role-central-app{
    width:100%!important;max-width:100%!important;padding-right:0!important;margin:0!important;overflow:visible!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app > .sfwb-sup-workspace{
    width:100%!important;max-width:100%!important;margin:0!important;padding-right:12px!important;padding-left:12px!important;box-sizing:border-box!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app .sfwb-role-topbar{
    width:100%!important;max-width:100%!important;margin-right:0!important;margin-left:0!important;box-sizing:border-box!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app .sfwb-role-topbar .sfwb-menu-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;
    position:relative!important;z-index:2147482000!important;opacity:1!important;visibility:visible!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar.sfwb-role-central-sidebar{
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(360px,90vw)!important;min-width:0!important;max-width:90vw!important;
    height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
    transform:translate3d(105%,0,0)!important;
    transition:transform .24s ease!important;
    z-index:2147481000!important;
    box-sizing:border-box!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app.is-menu-open > aside.sfwb-sidebar.sfwb-role-central-sidebar{
    transform:translate3d(0,0,0)!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar .sfwb-nav{
    max-height:none!important;height:auto!important;overflow:visible!important;flex:0 0 auto!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar .sfwb-sidebar-user,
  html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar .sfwb-sidebar-help,
  html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar .sfwb-sidebar-program{
    flex:0 0 auto!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app.is-menu-open::after{
    content:""!important;position:fixed!important;inset:0!important;background:rgba(4,25,48,.42)!important;z-index:2147480000!important;display:block!important;
  }
  html body .sfwb-supervisor-app .sfwb-sup-session-detail-head{
    display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;
  }
  html body .sfwb-supervisor-app .sfwb-sup-session-detail-head > .sfwb-sup-back-to-table{
    order:2!important;width:auto!important;max-width:100%!important;
  }
  html body .sfwb-supervisor-app .sfwb-sup-session-detail-head > div{
    order:1!important;min-width:0!important;flex:1 1 260px!important;
  }
}

@media (max-width:620px){
  html body .sfwb-supervisor-app.sfwb-role-central-app > .sfwb-sup-workspace{padding-right:8px!important;padding-left:8px!important}
  html body .sfwb-supervisor-app .sfwb-sup-session-detail-head > .sfwb-sup-back-to-table{width:100%!important}
  html body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-coach-meta{grid-template-columns:1fr 1fr!important}
}
\n/* v3.26.103 — attendance timing precision */\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-timing{padding:18px!important;border-radius:18px!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-timing-grid{gap:12px!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-timing-grid label{background:#f8fbfd!important;border:1px solid #d9e7ef!important;border-radius:13px!important;padding:10px 12px!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-timing-grid label span{font-size:12px!important;color:#56758b!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-sup-timing-grid input{background:#fff!important;font-size:15px!important;font-weight:800!important;color:#123650!important}\nhtml body .sfwb-supervisor-app .sfwb-sup-time-summary{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:12px 0!important}\nhtml body .sfwb-supervisor-app .sfwb-sup-time-summary>span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:#eef8fc!important;border:1px solid #d4e9f3!important;border-radius:12px!important;padding:10px 12px!important}\nhtml body .sfwb-supervisor-app .sfwb-sup-time-summary small{color:#718a9c!important;font-weight:700!important}\nhtml body .sfwb-supervisor-app .sfwb-sup-time-summary b{color:#0878b8!important;font-size:16px!important}\nhtml body .sfwb-supervisor-app .sfwb-sup-timing-actions{display:flex!important;align-items:center!important;gap:12px!important}\nhtml body .sfwb-supervisor-app .sfwb-sup-timing-actions button{min-width:180px!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-att-time{font-size:11px!important;gap:5px!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-att-time span{font-weight:900!important;color:#506e83!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-att-time input{min-width:112px!important;font-size:13px!important;font-weight:800!important;background:#fff!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-meal-check{display:grid!important;gap:3px!important;align-content:center!important;background:#f7fbf8!important;border:1px solid #d9eee1!important;border-radius:10px!important;padding:7px 9px!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-meal-main{display:flex!important;align-items:center!important;gap:6px!important}\nhtml body .sfwb-supervisor-app.is-sup-tab-attendance .sfwb-meal-check small{font-size:9px!important;color:#6e8b7a!important}\n@media(max-width:780px){html body .sfwb-supervisor-app .sfwb-sup-time-summary{grid-template-columns:1fr!important}html body .sfwb-supervisor-app .sfwb-sup-timing-actions{display:grid!important;grid-template-columns:1fr!important}html body .sfwb-supervisor-app .sfwb-sup-timing-actions button{width:100%!important}}\n
/* v3.26.110 — visual session timeline */
html body .sfwb-supervisor-app .sfwb-sup-time-timeline{margin:14px 0 8px;padding:14px 16px;background:#f8fbfd;border:1px solid #d9e7ef;border-radius:14px;direction:rtl}
html body .sfwb-supervisor-app .sfwb-time-track{display:flex;direction:rtl;height:12px;overflow:hidden;border-radius:999px;background:#e5eef4;box-shadow:inset 0 0 0 1px #d5e3ec}
html body .sfwb-supervisor-app .sfwb-time-segment{display:block;min-width:0;transition:flex-grow .2s ease}
html body .sfwb-supervisor-app .sfwb-time-training{background:linear-gradient(90deg,#0d80bd,#16a9d8)}
html body .sfwb-supervisor-app .sfwb-time-break{background:#f2b426;min-width:12px}
html body .sfwb-supervisor-app .sfwb-time-points{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;text-align:center}
html body .sfwb-supervisor-app .sfwb-time-points span{display:grid;gap:2px}
html body .sfwb-supervisor-app .sfwb-time-points b{font-size:13px;color:#123650;direction:ltr;unicode-bidi:isolate}
html body .sfwb-supervisor-app .sfwb-time-points small{font-size:10px;color:#6d8798;font-weight:800}
html body .sfwb-supervisor-app .sfwb-sup-timing.is-readonly input,html body .sfwb-supervisor-app .sfwb-sup-timing input:disabled{background:#f3f6f8!important;color:#617786!important;cursor:not-allowed}
@media(max-width:780px){html body .sfwb-supervisor-app .sfwb-time-points{grid-template-columns:1fr 1fr;text-align:right}html body .sfwb-supervisor-app .sfwb-sup-time-timeline{padding:12px}}