/* Explicit mobile edition only. Desktop CSU style rules stay unchanged. */
html[data-layout=mobile]{--rail:0px;--header:72px}
html[data-layout=mobile] body{overflow-x:hidden}
html[data-layout=mobile] .app-main{margin:0 auto;padding-top:72px;padding-bottom:76px;max-width:640px}
html[data-layout=mobile] .topbar{position:fixed;inset:0 0 auto;height:72px;padding:7px max(9px,calc((100vw - 640px)/2 + 9px));gap:8px;background-size:auto 100%;z-index:45}
html[data-layout=mobile] .topbar .mobile-menu{display:inline-flex;min-width:30px;min-height:44px;border:0;padding:0;color:#fff}
html[data-layout=mobile] .top-brand{width:auto;min-width:0;flex:1;border:0;padding:0;gap:7px;height:auto;overflow:hidden}
html[data-layout=mobile] .top-brand img{width:40px;height:40px}
html[data-layout=mobile] .top-brand strong{font-size:21px;letter-spacing:0;white-space:normal}
html[data-layout=mobile] .top-brand small{font-size:7px;letter-spacing:.5px;white-space:normal}
html[data-layout=mobile] .top-mountain-brand,html[data-layout=mobile] .top-utility,html[data-layout=mobile] .top-controls .global-search,html[data-layout=mobile] .top-controls .bell-button,html[data-layout=mobile] .top-account .avatar,html[data-layout=mobile] .top-role small{display:none}
html[data-layout=mobile] .topbar-right{margin:0;flex:none}
html[data-layout=mobile] .top-controls{gap:5px}
html[data-layout=mobile] .top-account{display:flex}
html[data-layout=mobile] .top-role .role-select{max-width:115px;width:115px;font-size:10px;min-height:44px;border:1px solid #ffffff35;border-radius:5px}
html[data-layout=mobile] .top-controls .theme-button{display:inline-flex;min-height:44px;min-width:28px;width:28px;padding:0;border:0}
html[data-layout=mobile] .theme-label{display:none}
html[data-layout=mobile] .sidebar{top:72px;width:235px;transform:translateX(-100%);z-index:44;transition:transform .18s}
html[data-layout=mobile] .sidebar.open{transform:translateX(0)}
html[data-layout=mobile] .sidebar .nav-item{min-height:48px;font-size:14px}
html[data-layout=mobile] .sidebar-ram-art,html[data-layout=mobile] .sidebar-slogan{display:none}
html[data-layout=mobile] .mobile-scrim:not([hidden]){display:block;position:fixed;inset:72px 0 0;background:#0008;z-index:43}
html[data-layout=mobile] .content,html[data-layout=mobile] body[data-route=overview] .content,html[data-layout=mobile] body[data-route=full-overview] .content{padding:16px;max-width:640px;margin:0 auto}
html[data-layout=mobile] .overview-view-hint,html[data-layout=mobile] .full-overview-label{display:none}
html[data-layout=mobile] .overview-view-link{flex:1;min-height:46px;padding:9px 8px;font-size:13px;gap:6px}
html[data-layout=mobile] .coach-hero{min-height:180px;padding:25px 22px}
html[data-layout=mobile] .coach-hero h1{font-size:35px;max-width:390px}
html[data-layout=mobile] .coach-hero-copy>p{font-size:12px}
html[data-layout=mobile] .coach-identity{display:none}
html[data-layout=mobile] .coach-tasks{grid-template-columns:1fr;gap:23px}
html[data-layout=mobile] .coach-card-stack{grid-template-columns:1fr;gap:11px}
html[data-layout=mobile] .coach-task{display:grid;grid-template-columns:43px minmax(0,1fr);column-gap:14px;min-height:145px;padding:19px}
html[data-layout=mobile] .coach-task-icon{grid-row:1/4;margin:0}
html[data-layout=mobile] .coach-task-title{font-size:25px}
html[data-layout=mobile] .coach-task-description{min-height:0;max-width:none;font-size:12px}
html[data-layout=mobile] .coach-task-cta{grid-column:2;padding-top:11px}
html[data-layout=mobile] .coach-priorities{flex-wrap:wrap;padding:17px}
html[data-layout=mobile] .coach-priorities-copy{flex-basis:calc(100% - 44px);display:block}
html[data-layout=mobile] .coach-priorities .btn{width:100%;min-height:46px;justify-content:space-between}
html[data-layout=mobile] .coach-footnote{flex-wrap:wrap}
html[data-layout=mobile] .page-heading{display:block}
html[data-layout=mobile] .page-heading .page-actions{margin-top:14px;display:flex;flex-wrap:wrap}
html[data-layout=mobile] .page-heading h1{font-size:29px}
html[data-layout=mobile] .page-heading p{font-size:12px;max-width:none}
html[data-layout=mobile] .dash-kpis,html[data-layout=mobile] .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
html[data-layout=mobile] .dash-motto{display:none}
html[data-layout=mobile] .dash-main-grid,html[data-layout=mobile] .dash-bottom-grid,html[data-layout=mobile] .overview-grid,html[data-layout=mobile] .overview-bottom,html[data-layout=mobile] .scout-grid,html[data-layout=mobile] .depth-grid,html[data-layout=mobile] .fr-grid,html[data-layout=mobile] .report-grid{grid-template-columns:1fr}
html[data-layout=mobile] .dash-profile{min-height:0}
html[data-layout=mobile] .dash-table-scroll,html[data-layout=mobile] .table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
html[data-layout=mobile] .dash-filters{flex-wrap:wrap}
html[data-layout=mobile] .dash-search{min-width:100%;width:100%}
html[data-layout=mobile] .dash-filters select{min-width:0;flex:1}
html[data-layout=mobile] .dash-table{min-width:640px}
html[data-layout=mobile] .board-lanes{grid-template-columns:repeat(4,260px);overflow:auto;max-width:100%;scroll-snap-type:x proximity}
html[data-layout=mobile] .board-lane{scroll-snap-align:start}
html[data-layout=mobile] .board-card select{min-height:44px}
html[data-layout=mobile] button,html[data-layout=mobile] select,html[data-layout=mobile] .btn{min-height:44px}
html[data-layout=mobile] input,html[data-layout=mobile] select,html[data-layout=mobile] textarea{font-size:16px}
html[data-layout=mobile] .modal{max-width:min(100vw,640px);max-height:100dvh;border-radius:0}
html[data-layout=mobile] .modal-body{padding:16px}
html[data-layout=mobile] .profile-layout,html[data-layout=mobile] .profile-grid{grid-template-columns:1fr}
html[data-layout=mobile] .csu-mobile-edition-nav{display:flex;position:fixed;inset:auto 0 0;z-index:42;background:var(--panel);border-top:1px solid var(--line);padding:5px max(5px,calc((100vw - 620px)/2)) max(5px,env(safe-area-inset-bottom));justify-content:space-around}
html[data-layout=mobile] .csu-mobile-edition-nav a{display:grid;justify-items:center;align-content:center;gap:2px;min-width:50px;min-height:48px;font-size:10px;text-decoration:none;color:var(--muted)}
html[data-layout=mobile] .csu-mobile-edition-nav span{font-size:20px;line-height:1.1}
html[data-layout=mobile] .csu-mobile-edition-nav b{font-weight:500}
html[data-layout=mobile] .csu-mobile-edition-nav .active{color:var(--text);background:var(--panel2);border-radius:6px}
html[data-layout=mobile] #csu-ask-launcher{bottom:76px;right:max(12px,calc((100vw - 615px)/2));min-height:44px}
html[data-layout=mobile] #csu-ask-dialog{bottom:130px;right:max(12px,calc((100vw - 615px)/2));max-height:calc(100dvh - 215px);max-width:calc(100vw - 24px)}
@media(max-width:400px){html[data-layout=mobile] .top-brand img{width:32px;height:32px}html[data-layout=mobile] .top-brand strong{font-size:18px}html[data-layout=mobile] .top-role .role-select{width:100px;max-width:100px}html[data-layout=mobile] .topbar{gap:5px}}
@media print{.csu-mobile-edition-nav{display:none!important}html[data-layout=mobile] .app-main{padding:0;max-width:none}}

/* Keep mobile navigation targets at least 44 CSS pixels; desktop unchanged. */
html[data-layout=mobile] .topbar .mobile-menu,html[data-layout=mobile] .top-controls .theme-button{width:44px;min-width:44px;min-height:44px;flex-shrink:0}