/* TIM HEBAT REV656 — unified landing, sidebar page workspaces, schedule submenu, fast transition */
:root{--th-rev656-bg:#f6f8fb;--th-rev656-ink:#172033;--th-rev656-muted:#667085}

/* Beranda PIC: keep every foreground element readable on the maroon hero. */
body .th-pic-home-hero,
body .th-pic-home-hero *,
body .th-pic-home-hero h1,
body .th-pic-home-hero h2,
body .th-pic-home-hero h3,
body .th-pic-home-hero p,
body .th-pic-home-hero span,
body .th-pic-home-hero strong,
body .th-pic-home-hero b,
body .th-pic-home-hero small{color:#fff!important}
body .th-pic-home-hero span,
body .th-pic-home-hero p,
body .th-pic-home-hero small{opacity:.92!important}

/* Settings belongs to Jadwal, never as a peer top-level sidebar destination. */
#th-app-sidebar [data-side-tab="settings"]{display:none!important}
#th-app-sidebar .th-rev656-schedule-submenu{display:grid;gap:3px;margin:-1px 8px 5px 26px;padding-left:8px;border-left:1px solid #e3e7ee}
#th-app-sidebar .th-rev656-schedule-submenu button{min-height:30px!important;padding:5px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#667085!important;font-size:10.5px!important;font-weight:750!important;text-align:left!important;width:100%!important}
#th-app-sidebar .th-rev656-schedule-submenu button:hover,
#th-app-sidebar .th-rev656-schedule-submenu button.active{background:#f7ecee!important;color:#7f2530!important}
body.th-settings-hub-open #th-app-sidebar [data-side-tab="schedule"]{background:linear-gradient(180deg,var(--th-v35zz-primary2,#ad3945),var(--th-v35zz-primary,#8f2e39))!important;color:#fff!important}

/* Sidebar-launched personal/diagnostic workspaces are application pages, not popups. */
@media(min-width:980px){
  #th46p-root,#th46s-root,#thv47-root,#th-pr-root{
    position:fixed!important;left:var(--th-sidebar,var(--th-sidebar-w,214px))!important;right:0!important;top:82px!important;bottom:0!important;inset:auto 0 0 var(--th-sidebar,var(--th-sidebar-w,214px))!important;z-index:870!important;background:var(--th-rev656-bg)!important;overflow:auto!important
  }
  #th46p-root .th46p-overlay,#th46s-root .th46s-overlay,#thv47-root .thv47-overlay,#th-pr-root .th-pr-backdrop{
    position:absolute!important;inset:0!important;background:var(--th-rev656-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:block!important;padding:0!important;overflow:auto!important
  }
  #th46p-root .th46p-modal,#th46s-root .th46s-modal,#thv47-root .thv47-modal,#th-pr-root .th-pr-modal{
    width:100%!important;max-width:none!important;min-height:100%!important;height:auto!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--th-rev656-bg)!important;overflow:visible!important
  }
  #th46p-root .th46p-modal>header,#th46s-root .th46s-modal>header,#thv47-root .thv47-modal>header,#th-pr-root .th-pr-modal>header{
    position:sticky!important;top:0!important;z-index:5!important;background:rgba(246,248,251,.97)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid #e5e9f0!important;padding:18px 32px!important
  }
  #th46p-root .th46p-main,#th46s-root .th46s-main,#thv47-root .thv47-main,#th-pr-root .th-pr-body{
    max-width:1480px!important;margin-inline:auto!important;box-sizing:border-box!important
  }
  #th46p-root [data-close],#th46s-root [data-close],#thv47-root [data-close],#th-pr-root [data-pr-close]{display:none!important}
}

/* Route shield prevents native attendance/schedule bridge frames from flashing during feature handoff. */
#th-rev656-route-shield{position:fixed;z-index:2147482500;background:var(--th-rev656-bg);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;transition:opacity .08s linear}
#th-rev656-route-shield[hidden]{display:none!important}
#th-rev656-route-shield .inner{display:flex;align-items:center;gap:10px;color:#5d6877;font:700 12px/1.2 Inter,system-ui,sans-serif;background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:9px 13px;box-shadow:0 8px 24px rgba(31,42,68,.06)}
#th-rev656-route-shield .dot{width:8px;height:8px;border:2px solid #d8a7ad;border-top-color:#8e2e39;border-radius:50%;animation:th656spin .55s linear infinite}
@keyframes th656spin{to{transform:rotate(360deg)}}
@media(min-width:980px){#th-rev656-route-shield{left:var(--th-sidebar,var(--th-sidebar-w,214px));right:0;top:82px;bottom:0}}
@media(max-width:979px){#th-rev656-route-shield{inset:0}}