/* Phone dashboard foundation. Desktop rules and card containers stay intact. */
#dashboard-phone-header{display:none}
@media(max-width:650px){
 body:has(#app-shell:not([hidden])){overflow:auto}
 #app-shell:not([hidden]):has(#dashboard-phone-header){padding-bottom:0!important}
 #app-shell:not([hidden]):has(#dashboard-phone-header)>.application-frame{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
 #app-shell:not([hidden]):has(#dashboard-phone-header) main.dashboard{width:100%!important;margin:0!important;padding:12px 12px 28px!important;height:auto!important;overflow:visible!important}
 #app-shell:not([hidden]):has(#dashboard-phone-header) #dashboard-phone-header{display:flex;position:sticky;top:0;z-index:1001;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#fff;color:#12233d!important;border-bottom:2px solid #d3a640;text-decoration:none}
 #dashboard-phone-header>a{display:flex;align-items:center;min-height:48px} #dashboard-phone-header img{display:block;width:125px;height:auto}
 #dashboard-phone-header button{min-height:48px;min-width:84px;padding:10px 16px;border:1px solid #12233d;background:#12233d;color:#fff;font:700 16px system-ui}
 #app-shell:not([hidden]):has(#dashboard-phone-header)>.application-frame>.app-sidebar{display:none!important}
 #app-shell #overview-panel.panel{display:flex!important;flex-direction:column!important;padding:0!important;gap:12px!important;max-width:100%;min-width:0}
 #app-shell #overview-panel.panel[hidden]{display:none!important}
 #overview-panel.panel::before{display:none}
 #overview-panel :is(.home-right-rail,.home-primary-card-grid,.home-primary-card-column,.welcome){display:contents!important}
 #overview-panel #welcome-heading{order:0!important;margin:4px 2px!important;font:700 24px/1.2 system-ui!important;white-space:normal!important}
 #overview-panel .welcome>:is(.status,#profile-copy,#roles,#briefing-role-summary,#briefing-attention-summary){display:none!important}
 #overview-panel :is(.card,.home-today,.trail-magic-monday-card){box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;min-height:0!important;margin:0!important;padding:16px!important;border-radius:12px!important;order:20!important}
 #overview-panel #home-today{order:1!important}
 #overview-panel #home-attention-card{order:2!important}
 #overview-panel #home-calendar-card{order:3!important}
 #overview-panel.panel>#home-focus-card{order:4!important;margin:0!important;width:100%!important;border-radius:12px!important;padding:0!important;display:block}
 #overview-panel #home-shortcuts-card{order:5!important}
 #overview-panel .planning-dashboard-board{order:6!important}
 #overview-panel #home-announcements-card{order:7!important}
 #overview-panel #saved-places-card{order:8!important}
 #overview-panel #home-recent-card{order:9!important}
 #overview-panel #trail-magic-monday-card{order:10!important}
 #overview-panel #briefing-finance-preview{order:11!important;margin:0!important;padding:14px!important;border:1px solid #d7dedf;border-radius:12px;background:#f7f9f8}
 #overview-panel #trail-wisdom-card{order:12!important}
 /* Role-specific dashboards will be designed after the personal foundation. */
 #overview-panel :is(#role-briefing-card,#home-role-workspace-card,#patrol-leader-workspace,#home-horizon-card){display:none!important}
 #overview-panel [hidden]{display:none!important}
 #overview-panel h2,#overview-panel h3{font:700 20px/1.25 system-ui!important;margin:0 0 8px!important;overflow-wrap:anywhere}
 #overview-panel p{font-size:15px!important;line-height:1.45!important;margin:6px 0 12px!important}
 #overview-panel .eyebrow{font-size:11px!important;letter-spacing:.1em}
 #overview-panel :is(button,.resource-link,.filter-button,.secondary-action){min-height:48px!important;font-size:15px!important;padding:10px 12px!important;white-space:normal!important;touch-action:manipulation}
 #overview-panel :is(.home-focus-copy){padding:18px!important}
 #overview-panel #home-focus-title{font-size:25px!important}
 #overview-panel #home-focus-art{display:none!important}
 #overview-panel .home-focus-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px!important;margin:12px 0!important}
 #overview-panel #home-focus-action,#overview-panel #home-calendar-open{width:100%}
 #overview-panel .home-attention-item{grid-template-columns:minmax(0,1fr) auto!important;padding:12px 0!important;gap:12px!important}
 #overview-panel .home-attention-item strong{font-size:16px!important}
 #overview-panel .home-attention-item::before{display:none!important}
 #overview-panel .home-calendar-event{grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important}
 #overview-panel .home-calendar-event h3{font-size:17px!important}
 #overview-panel .home-calendar-event-copy p{font-size:14px!important}
 #overview-panel .home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #overview-panel .home-shortcut{min-height:60px!important}
 #overview-panel .home-shortcut strong{font-size:14px!important}
 #overview-panel .planning-dashboard-board>a{display:flex!important;align-items:center;justify-content:center;min-height:48px;margin:10px 0 0!important;padding:10px;border:1px solid #12233d;border-radius:7px;text-align:center;font-size:15px!important;font-weight:700;background:#12233d;color:#fff!important;text-decoration:none}
 #overview-panel .planning-dashboard-board>a+a{background:white;color:#12233d!important}
 #overview-panel .planning-dashboard-board>div:empty{display:none}
 #overview-panel .planning-dashboard-board>div>a{box-sizing:border-box;display:block;flex:1 1 100%!important;min-width:0!important;min-height:48px;padding:12px!important;border-radius:7px;background:#f4f6f2;color:#12233d!important;font-size:15px;overflow-wrap:anywhere}
 #overview-panel .home-announcement{padding:12px!important;gap:12px!important}
 #overview-panel .home-announcement strong{font-size:17px!important}
 #overview-panel .home-announcement .resource-number{font-size:11px!important}
 #overview-panel .trail-magic-monday-logo{width:180px!important;max-width:75%!important;margin:0 0 8px!important}
 #overview-panel .trail-magic-monday-card button{width:100%}
 #overview-panel .trail-wisdom-quote{font-size:20px!important;line-height:1.35!important;margin:14px 0!important}
 #overview-panel .today-weather-days{margin-top:10px;padding-top:8px}
 #overview-panel .finance-preview-balances dt,#overview-panel .finance-preview-balances dd{font-size:14px}
 #overview-panel :is(a,button):focus-visible,#dashboard-phone-header button:focus-visible{outline:3px solid #d3a640;outline-offset:3px}
}

@media(max-width:650px){
 #recruiting-panel .recruiting-boundary{color:#12233d!important;background:#fff!important;border-left-color:#17624f}
}

/* Planning's exact menu is shared by every app section on phones. */
#planning-phone-menu{display:none}
@media(max-width:650px){
 #dashboard-phone-header{min-height:66px}
 #dashboard-phone-header #planning-phone-toggle{border-radius:7px}
 #planning-phone-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;inset:66px 0 auto 0;width:100%;max-height:calc(100dvh - 66px);overflow:auto;padding:12px;background:#fffdf8;z-index:1002;box-shadow:-12px 12px 40px #12233d55;box-sizing:border-box}
 #planning-phone-menu a{display:flex;align-items:center;min-height:56px;padding:10px;border:1px solid #ccd2d7;border-radius:7px;text-decoration:none;font-size:15px;font-weight:700;color:#12233d;box-sizing:border-box}
}

/* Compact, evenly sized Tools group navigation on phones. */
@media(max-width:650px){
 #app-shell #tools-group-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
 #app-shell #tools-group-jumps>strong{grid-column:1/-1;margin:0 0 2px}
 #app-shell #tools-group-jumps>button{width:100%;min-width:0;min-height:64px;margin:0;padding:12px 10px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;font-size:15px;line-height:1.3;border-radius:8px}
 #app-shell #tools-group-jumps>button[hidden]{display:none!important}
}