/* Shared original Carshu service identity. Image pixels and aspect ratio stay unchanged. */



.brand.no1tire-brand{max-width:100%;min-width:0;letter-spacing:normal;line-height:1}



.no1tire-brand-panel{display:inline-flex;align-items:center;justify-content:center;width:218px;max-width:100%;flex:none;padding:5px 8px;background:#fff!important;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color-scheme:only light}



.no1tire-brand-image{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:3/1;object-fit:contain;filter:none!important;mix-blend-mode:normal}



.sidebar>.brand.no1tire-brand{margin:2px 0 28px;width:100%}



.sidebar>.brand.no1tire-brand .no1tire-brand-panel{width:100%}



.boot>.no1tire-brand-panel{width:240px}



.install-visual>.no1tire-brand-panel{width:114px;max-width:38%;padding:4px 6px;flex-shrink:0}



.mobile-install-banner>.no1tire-brand-panel{width:80px;max-width:26%;padding:3px 4px;flex-shrink:0}



@media(max-width:600px){.auth-story>.brand.no1tire-brand .no1tire-brand-panel{width:210px}.sidebar>.brand.no1tire-brand{margin-bottom:30px}}







/* Login illustration uses the same unmodified original identity. */



.art-core.no1tire-auth-art{width:220px;height:96px;bottom:112px;right:28px;background:#fff!important;border-color:#dbe3ed;border-radius:22px;padding:12px;letter-spacing:normal}



.art-core.no1tire-auth-art>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none!important}







/* Carshu service theme. Legal company settings and source records are not changed. */



:root{--surface:#fff;--surface-alt:#f5f8fd;--surface-accent:#eaf2ff;--edge:#dce6f4;--ink:#142b49;--ink-secondary:#5b708b;--brand-accent:#1459c7;--green:#1763df;--green-dark:#0d469c;--mint:#eaf2ff;--bg:#f4f7fc;--text:var(--ink);--muted:var(--ink-secondary);--line:var(--edge)}



.primary{background:#1763df;color:#fff;box-shadow:0 3px 8px #1763df14}.primary:hover{background:#0c4fbd}.secondary:hover,.nav-link:hover{background:var(--surface-accent)}.nav-link{color:var(--ink-secondary)}.nav-link.active{background:var(--surface-accent);color:var(--brand-accent)}



.auth-story{background:#eaf2ff}.auth-copy h1{color:#143f78}.auth-copy .eyebrow,.auth-copy p,.auth-story footer{color:#516f96}.art-core span{color:#647fa5}.eyebrow{color:#607a9b}.no1tire-brand-panel{border-color:#dbe7f7}



:where(button,a,input,select,textarea,summary):focus-visible{outline-color:#1763df}



:root[data-theme="dark"]{--surface:#16263e;--surface-alt:#102036;--surface-accent:#203e68;--edge:#344d70;--ink:#edf5ff;--ink-secondary:#b8cbe4;--brand-accent:#91bdff;--bg:#0b1729;--green:#2a73e6;--green-dark:#1451ad;--mint:var(--surface-accent)}



:root[data-theme="dark"] .auth-story{background:#102542}:root[data-theme="dark"] .auth-copy h1{color:#e6f1ff}:root[data-theme="dark"] .auth-copy p,:root[data-theme="dark"] .auth-copy .eyebrow{color:#b2cae9}






/* Login-only readable Carshu tones: never alter attendance or completion states. */


.auth{--carshu-auth-copy:#526b8b;--carshu-auth-label:#29496d;--carshu-auth-placeholder:#6e83a0}


.auth .auth-form>p:not(.auth-note),.auth .auth-tags,.auth .auth-tags span{color:var(--carshu-auth-copy)}


.auth #auth-form>label{color:var(--carshu-auth-label)}.auth #auth-form input::placeholder{color:var(--carshu-auth-placeholder);opacity:1}


.auth .auth-form>.pill.mint{background:#e5efff;color:#175bc2;border:1px solid #d0e1fb}


.auth .auth-copy .eyebrow{color:#2a62a6}.auth .auth-art .art-chip{background:#e7f0ff;color:#426388;border-color:#cadcf6}.auth .auth-art .orbit{border-color:#8baace88}


:root[data-theme="dark"] .auth{--carshu-auth-copy:#b6c9e2;--carshu-auth-label:#c5d7ed;--carshu-auth-placeholder:#9fb7d6}


:root[data-theme="dark"] .auth .auth-form>.pill.mint{background:#203f68;color:#c4dcff;border-color:#365d8e}


:root[data-theme="dark"] .auth .auth-copy .eyebrow{color:#9cc5ff}:root[data-theme="dark"] .auth .auth-art .art-chip{background:#203f68;color:#c4dcff;border-color:#365d8e}:root[data-theme="dark"] .auth .auth-story footer{color:#9db5d2}




/* Same mobile-only breakpoint as mobile.css; the desktop sidebar logo remains singular. */

@media(max-width:700px){

 .topbar{gap:8px}.topbar .breadcrumb{min-width:0;flex:1;gap:8px}

 .topbar .breadcrumb .mobile-menu{width:44px;height:44px;min-width:44px;flex:none;margin-right:0}

 .topbar .mobile-wordmark{width:120px;height:38px;min-width:96px;max-width:120px;flex:0 1 120px;line-height:1;letter-spacing:0;font-size:0!important}

 .topbar .mobile-wordmark .no1tire-brand-panel{width:100%;height:38px;padding:3px 5px;border-radius:8px;box-sizing:border-box;vertical-align:top}

 .topbar .mobile-wordmark .no1tire-brand-image{width:100%;height:100%;max-height:30px;aspect-ratio:3/1;object-fit:contain}

 .topbar .topbar-tools{flex:0 0 auto;gap:6px}.topbar .topbar-tools .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}

}

@media(max-width:420px){.topbar .topbar-tools .sync{display:none}}


/* Only workspace chrome and installation promotion; work-status greens stay intact. */
.sidebar .workspace{border-color:var(--edge)}.sidebar .workspace-icon{background:#e7f0ff;color:#245baf}.sidebar .workspace strong{color:var(--ink)}.sidebar .workspace small,.sidebar .workspace>.icon{color:var(--ink-secondary)}
:root[data-theme="dark"] .sidebar .workspace-icon{background:#203f68;color:#c4dcff}
@media(max-width:700px){
 .mobile-install-banner{gap:10px;padding:12px;align-items:center;background:#edf4ff;border-color:#c8dcf8}
 .mobile-install-banner:hover{background:#e1ecff}
 .mobile-install-banner>.no1tire-brand-panel{width:72px;max-width:72px;flex:0 0 72px;padding:3px 4px;border-radius:8px}
 .mobile-install-banner>.carshu-install-copy{flex:1;min-width:0}
 .mobile-install-banner .carshu-install-copy strong{font-size:13px;line-height:1.45;font-weight:750;color:#174eaa;white-space:normal;word-break:keep-all;overflow-wrap:normal}
 .mobile-install-banner .carshu-install-copy small{font-size:11px;line-height:1.5;color:#526b8b;white-space:normal;word-break:keep-all;overflow-wrap:normal;margin-top:3px}
 .mobile-install-banner>.icon{width:20px;height:20px;min-width:20px;flex:none;color:#2365c0}
 :root[data-theme="dark"] .mobile-install-banner{background:#183455;border-color:#355984}
 :root[data-theme="dark"] .mobile-install-banner:hover{background:#20416a}
 :root[data-theme="dark"] .mobile-install-banner .carshu-install-copy strong{color:#d0e3ff}
 :root[data-theme="dark"] .mobile-install-banner .carshu-install-copy small{color:#b6c9e2}
 :root[data-theme="dark"] .mobile-install-banner>.icon{color:#9cc5ff}
}