/* Admin New Look mobile layout. Kept separate and loaded last so desktop and classic styles stay untouched. */
@media (max-width:760px) {
  body.theme-redesign #main-app {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    grid-template-areas:"topbar" "filter" "content"!important;
    min-width:0;
  }
  body.theme-redesign #htl-shared-topbar,
  body.light.theme-redesign #htl-shared-topbar {
    grid-area:topbar;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr);
    align-items:center;
    gap:8px 10px;
    position:sticky!important;
    top:0!important;left:auto!important;right:auto!important;
    z-index:210!important;
    width:100%!important;
    min-height:0!important;height:auto!important;
    margin:0!important;padding:10px 12px!important;
    box-sizing:border-box;
    border-radius:0!important;
    overflow:visible!important;
  }
  body.theme-redesign #main-app #htl-sidebar-toggle {
    grid-column:1;grid-row:1;
    width:44px!important;height:44px!important;flex:none;
    display:grid;place-items:center;margin:0!important;
    touch-action:manipulation;
  }
  body.theme-redesign #htl-shared-topbar .tlogo {
    grid-column:2;grid-row:1;min-width:0!important;width:auto!important;
    max-width:100%;overflow:hidden;
  }
  body.theme-redesign #htl-shared-topbar .tlogo>div {min-width:0;}
  body.theme-redesign #htl-shared-topbar .tlogo-t,
  body.theme-redesign #htl-shared-topbar .tlogo-s {
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  body.theme-redesign #htl-shared-topbar .tright {
    grid-column:1/-1;grid-row:2;
    display:flex!important;min-width:0;width:100%;box-sizing:border-box;
    overflow-x:auto;overflow-y:hidden;
    white-space:nowrap;flex-wrap:nowrap!important;
    gap:8px!important;padding:2px 0 4px;margin:0!important;
    scrollbar-width:thin;scrollbar-color:var(--theme-accent) transparent;
    -webkit-overflow-scrolling:touch;
  }
  body.theme-redesign #htl-shared-topbar .tright>* {flex:none;}
  body.theme-redesign #main-app .nav {
    position:fixed!important;grid-area:auto!important;
    top:var(--htl-mobile-header-bottom,108px)!important;
    left:0!important;right:auto!important;bottom:0!important;
    width:min(84vw,330px)!important;
    height:auto!important;max-height:none!important;
    box-sizing:border-box;
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    padding:17px 13px calc(25px + env(safe-area-inset-bottom))!important;
    border-radius:0 20px 0 0!important;
    z-index:205!important;
    visibility:hidden!important;pointer-events:none!important;
    transform:translateX(-105%)!important;
    transition:transform .2s ease,visibility .2s ease;
    -webkit-overflow-scrolling:touch;
  }
  body.theme-redesign.htl-mobile-nav-open #main-app .nav {
    visibility:visible!important;pointer-events:auto!important;transform:none!important;
  }
  body.theme-redesign #main-app .nav .nb {
    width:100%!important;min-height:46px!important;
    flex:none!important;white-space:normal!important;
  }
  body.theme-redesign #main-app #global-filter-bar {
    grid-area:filter;position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;
    width:auto!important;min-width:0;max-width:100%;
    margin:0 10px 4px!important;
    padding:9px 11px!important;
    overflow-x:auto;flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch;
  }
  body.theme-redesign #main-app #global-filter-bar>* {flex:none;}
  body.theme-redesign #main-app .content {
    grid-area:content;min-width:0;width:100%!important;max-width:none!important;
    box-sizing:border-box;margin:0!important;
    padding:16px 12px calc(80px + env(safe-area-inset-bottom))!important;
  }
  body.theme-redesign #main-app .content .tp {min-width:0;max-width:100%;}
  body.theme-redesign #main-app .content :is(img,video,canvas,svg) {max-width:100%;}
  body.theme-redesign #main-app :is(input,select,textarea) {font-size:16px;}
  body.theme-redesign #main-app :is(button,summary,select) {touch-action:manipulation;}
  body.theme-redesign #main-app .ws-command,
  body.theme-redesign #main-app .ws-kpi-band {grid-template-columns:minmax(0,1fr)!important;}
  body.theme-redesign #main-app #tab-vault :is(.htl-vault-page,.htl-vault-brief,.htl-vault-editorial,.htl-vault-week,.htl-vault-loop,.htl-vault-snapshot,.htl-vault-dossier,.htl-discipline) {min-width:0;max-width:100%;box-sizing:border-box;}
  body.theme-redesign #main-app #tab-vault .htl-vault-welcome,
  body.light.theme-redesign #main-app #tab-vault .htl-vault-welcome {
    min-width:0;min-height:380px;padding:26px 20px!important;
  }
  body.theme-redesign #main-app #tab-vault .htl-vault-welcome>div,
  body.light.theme-redesign #main-app #tab-vault .htl-vault-welcome>div {width:100%;max-width:100%!important;min-width:0;}
  body.theme-redesign #main-app #tab-vault .htl-vault-welcome h1 {
    font-size:clamp(36px,11vw,54px)!important;overflow-wrap:anywhere;
  }
  body.theme-redesign #main-app #tab-vault .htl-vault-date {
    position:static!important;margin:0 0 13px!important;
    white-space:normal!important;align-self:flex-start;
  }
  body.theme-redesign #main-app #tab-vault .htl-vault-scope {width:100%!important;min-width:0;}
  body.theme-redesign #main-app #tab-vault .htl-vault-account-picker {width:100%;min-width:0;}
  body.theme-redesign #main-app #tab-vault .htl-vault-account-picker summary {
    width:100%;min-width:0;max-width:100%;box-sizing:border-box;
    white-space:normal;flex-wrap:wrap;
  }
  body.theme-redesign #main-app #tab-vault .htl-vault-account-name {
    min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  body.theme-redesign #main-app #tab-vault .htl-vault-brief,
  body.theme-redesign #main-app #tab-vault .htl-vault-editorial,
  body.theme-redesign #main-app #tab-vault .htl-vault-week-chart,
  body.theme-redesign #main-app #tab-vault .htl-vault-loop-flow {grid-template-columns:minmax(0,1fr)!important;}
  body.theme-redesign #main-app #tab-vault .htl-vault-brief-list {grid-template-columns:minmax(0,1fr)!important;}
  body.theme-redesign #main-app #tab-vault .htl-vault-week-bottom,
  body.theme-redesign #main-app #tab-vault .htl-vault-section-title,
  body.theme-redesign #main-app #tab-vault .htl-vault-outlook header,
  body.theme-redesign #main-app #tab-vault .htl-levels-header {flex-wrap:wrap;}
  body.theme-redesign #main-app #tab-vault .htl-vault-week-column.is-featured {grid-column:auto!important;}
  body.theme-redesign #main-app #tab-vault .htl-vault-week,
  body.theme-redesign #main-app #tab-vault .htl-vault-outlook,
  body.theme-redesign #main-app #tab-vault .htl-vault-levels,
  body.theme-redesign #main-app #tab-vault .htl-vault-brief-main {padding:20px 17px!important;}
  body.theme-redesign #main-app #tab-vault .htl-vault-metrics {grid-template-columns:minmax(0,1fr)!important;}
  body.theme-redesign #main-app #tab-vault .htl-vault-metrics>div {min-width:0;}
  body.theme-redesign #main-app #tab-vault .htl-discipline-head {align-items:flex-start;}
  body.theme-redesign #main-app #tab-vault .htl-discipline-ring {flex-basis:72px;width:72px;height:72px;}
  body.theme-redesign #main-app #tab-vault .htl-discipline-actions button {flex:1 1 145px;}
  body.theme-redesign #main-app #tab-vault .htl-vault-text-action,
  body.theme-redesign #main-app #tab-vault .htl-vault-small-action {min-height:44px;}
  body.theme-redesign #main-app #tab-calendar .calgrid,
  body.theme-redesign #main-app #tab-calendar .calmonth {
    min-width:0;max-width:100%;overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  body.theme-redesign #main-app .twrap {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  body.theme-redesign .ai-coach-panel {
    right:8px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;
    left:8px!important;width:auto!important;max-width:none!important;
    max-height:calc(100dvh - 105px)!important;
  }
  body.theme-redesign .ai-coach-panel-input textarea {min-width:0;}
  body.theme-redesign #jmodal .modal {max-height:calc(100dvh - 20px);overflow-y:auto;}
  body.htl-login-preview #lp {
    min-height:100dvh;padding:16px!important;
    align-items:center;justify-content:center;
  }
  body.htl-login-preview #lp .lcard {
    width:100%!important;max-width:420px!important;box-sizing:border-box;
    padding:25px 20px!important;margin:auto!important;
  }
  body.htl-login-preview #lp .linput {width:100%;box-sizing:border-box;font-size:16px!important;}
}
@media (max-width:390px) {
  body.theme-redesign #htl-shared-topbar .tlogo-t {font-size:13px!important;}
  body.theme-redesign #main-app #tab-vault .htl-vault-welcome h1 {font-size:36px!important;}
  body.theme-redesign #main-app #tab-vault .htl-vault-scope-kicker {width:100%;}
  body.theme-redesign #main-app #tab-vault .htl-discipline-ring {flex-basis:65px;width:65px;height:65px;}
}
@media (prefers-reduced-motion:reduce) {
  body.theme-redesign #main-app .nav {transition:none!important;}
}