/* Public auth and account sheet presentation only. */
#authShell{background:var(--surface)!important;color:var(--text-primary)!important;padding-top:80px}
#authShell>.auth-brand{top:24px;left:24px;color:var(--text-primary)!important}
#authShell .auth-layout{min-height:0}
#authShell .auth-story{background:var(--surface-soft)!important;color:var(--text-primary)!important;padding-top:40px}
#authShell .auth-story-copy h2{color:var(--text-primary)!important}
#authShell .auth-story-copy p,#authShell .auth-story-copy .overline{color:var(--text-secondary)!important}
#authShell .auth-fleet-showcase{opacity:1!important;filter:none!important}
#authShell .auth-fleet-showcase>img{opacity:1!important;filter:none!important}
#authShell .sample-dashboard-grid article{background:#17211e!important;color:#fff!important}
#authShell .sample-dashboard-grid strong{color:#fff!important}
#authShell .sample-dashboard-grid :is(small,span){color:#d7e2dc!important}
#authShell .auth-showcase-shade{background:linear-gradient(180deg,transparent 45%,rgba(8,14,12,.35))}
#authShell>#publicFooter{position:static!important;display:block;width:100%;box-sizing:border-box;margin:0!important;padding:20px 20px calc(20px + env(safe-area-inset-bottom));text-align:center;background:var(--surface)!important;color:var(--text-secondary)!important;font-size:12px!important;line-height:1.6}
#publicFooter a{color:inherit;text-decoration:underline}
#accountPanel{z-index:12000}
#accountPanel .account-panel{height:100%;height:100dvh;overscroll-behavior:contain}
#accountPanel .account-panel-head{background:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important;padding-top:max(20px,env(safe-area-inset-top))}
#accountPanel .account-panel-head h2{color:var(--text-primary)!important}
#accountPanel .account-panel-head .overline{color:var(--text-secondary)!important}
#accountPanel .account-panel-close{width:44px;height:44px;flex:0 0 44px;background:var(--surface-strong)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
#accountPanel .account-panel-body{padding-bottom:calc(32px + env(safe-area-inset-bottom))!important;min-width:0}
body:has(#accountPanel:not([hidden])) .experience-mobile-nav{display:none!important}
#profilePhotoPreview{width:112px!important;height:112px!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border:1px solid var(--border);background-color:var(--surface-soft)!important}
#accountPanel .profile-photo-editor{grid-template-columns:112px minmax(0,1fr);gap:16px}
#accountPanel .profile-photo-editor label{display:grid;gap:7px;color:var(--text-primary)}
#accountPanel .profile-photo-editor input{min-width:0;width:100%;box-sizing:border-box}
#accountPanel .account-appearance-card p{font-size:14px;line-height:1.4;margin:6px 0 12px;color:var(--text-secondary)}
#accountStartTrialButton{background:#c5dba6!important;color:#182716!important;border-color:#a8c18c!important;box-shadow:none!important;position:static!important;min-height:48px}
#accountStartTrialButton small{color:#2e4327!important;font-size:12px!important}
/* Signed-out brand continuity with the public FleetDV wordmark. */
#authShell>.auth-brand{gap:9px;font:800 20px/1 "Manrope",sans-serif;letter-spacing:-.04em}
#authShell>.auth-brand{color:var(--text-primary)!important;text-decoration:none}
#authShell>.auth-brand .brand-mark{width:18px;height:19px;border-radius:0;background:linear-gradient(to top,var(--text-primary) 0 42%,transparent 42%) 0 100%/4px 100% no-repeat,linear-gradient(to top,var(--text-primary) 0 72%,transparent 72%) 7px 100%/4px 100% no-repeat,linear-gradient(to top,var(--text-primary) 0 100%,transparent 100%) 14px 100%/4px 100% no-repeat;color:transparent;font-size:0;box-shadow:none}
#appLoadingShell .loading-brand{gap:9px;color:#101619;font:800 20px/1 "Manrope",sans-serif;letter-spacing:-.04em}
#appLoadingShell .loading-brand .brand-mark{width:18px;height:19px;border-radius:0;background:linear-gradient(to top,#101619 0 42%,transparent 42%) 0 100%/4px 100% no-repeat,linear-gradient(to top,#101619 0 72%,transparent 72%) 7px 100%/4px 100% no-repeat,linear-gradient(to top,#101619 0 100%,transparent 100%) 14px 100%/4px 100% no-repeat;box-shadow:none}
#authShell .auth-form-pane{background:var(--app-bg)}
#authShell .auth-card{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important;border-radius:20px;box-shadow:var(--theme-shadow)}
#authShell .auth-card h1{color:var(--text-primary)}
#authShell .auth-card>p,#authShell .auth-form small{color:var(--text-secondary)}
#authShell .auth-card .overline,#authShell .auth-link,#authShell .password-toggle{color:var(--accent)}
#authShell .auth-tabs{background:var(--metric-bg);border:1px solid var(--border-subtle)}
#authShell .auth-tabs button{color:var(--text-secondary)}
#authShell .auth-tabs button.active{background:var(--card-elevated-bg);color:var(--text-primary);box-shadow:var(--theme-shadow)}
#authShell .auth-form label{color:var(--text-secondary)}
#authShell .auth-form input{background:var(--interactive-bg)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}
#authShell .password-toggle:hover,#authShell .password-toggle:focus-visible{background:var(--metric-bg)}
#authShell .password-requirements{color:var(--text-muted)}
#authShell .signup-offer{background:var(--card-elevated-bg);border-color:var(--border-default)}
#authShell .signup-offer strong{color:var(--text-primary)}
#authShell .signup-offer span{color:var(--text-primary)}
#authShell .signup-offer small{color:var(--text-secondary)}
#authShell .signup-legal-consent{color:var(--text-secondary)}
#authShell .signup-legal-consent a{color:var(--accent)}
#authShell .auth-status{color:var(--positive)!important}
#authShell .auth-status.error{color:var(--negative)!important}
#authShell .primary-button{border-radius:11px;background:var(--text-primary);color:var(--card-bg)}
@media(max-width:980px){
 #authShell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-top:72px}
 #authShell .auth-layout{display:block;flex:1;min-width:0}
 #authShell .auth-form-pane{order:0;min-height:calc(100dvh - 136px);padding:20px 16px 32px}
 #authShell .auth-story{order:1;display:none!important}
 #authShell .auth-card{padding:24px 20px;min-height:0}
 #authShell>#publicFooter{margin-top:auto!important}
}
@media(max-width:780px){
 #accountPanel .profile-photo-editor{grid-template-columns:minmax(0,1fr)}
 #accountPanel .profile-photo-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 #accountPanel .profile-photo-actions :is(label,button){min-height:44px;align-items:center;justify-content:center}
 #accountPanel .appearance-options{grid-template-columns:minmax(0,1fr);gap:8px}
 #accountPanel .appearance-options button{height:76px;min-height:76px;padding:10px 14px;grid-template-columns:28px minmax(0,1fr);gap:3px 8px}
 #accountPanel .appearance-options button small{grid-column:2}
 #accountPanel .account-panel-head{gap:12px;padding-inline:18px}
 #accountPanel .account-panel-head h2{font-size:23px}
}