@font-face{font-family:Inter;src:url('/assets/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/Inter-SemiBold.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/Inter-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--bg:#f0f4f3;--surface:#fff;--input:#f0f4f3;--ink:#17383b;--muted:#526967;--line:#dee8e5;--nav:#e8f0ed;--brand:#0f464b;--mint:#c9e0da;--on-action:#c9e0da;--strong:#0f464b;--on-strong:#c9e0da;--sun:#f4ec9b;--on-warning:#17383b}
:root[data-theme=dark]{color-scheme:dark;--bg:#101c1d;--surface:#1b2b2d;--input:#152527;--ink:#e5f0ed;--muted:#aec5bf;--line:#8aa5a0;--nav:#243638;--brand:#a0d4d5;--mint:#243638;--on-action:#101c1d;--on-strong:#e5f0ed}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 Inter,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brand);outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:26px;line-height:1.4;font-weight:600}h2{font-size:20px;font-weight:600}small,.muted{color:var(--muted)}.preline{white-space:pre-line}.startup{padding:48px}.skip{position:fixed;left:12px;top:-100px;z-index:100;background:var(--surface);padding:12px}.skip:focus{top:12px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 24px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;text-align:center;white-space:normal}.button:hover{filter:brightness(.97);text-decoration:none}.primary{background:var(--brand);border-color:var(--brand);color:var(--on-action)}.button img{flex-shrink:0}.text-button{border:0;background:none;color:var(--brand);padding:10px 0;text-align:left;font-weight:600;min-height:44px}.error,.notice{background:var(--sun);color:var(--on-warning);padding:16px;border-radius:12px;white-space:pre-line}.error:empty{display:none}.feedback{position:fixed;z-index:100;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--surface);border:1px solid var(--brand);box-shadow:0 4px 24px #0002;padding:12px 18px;border-radius:12px;display:flex;gap:16px;align-items:center}.feedback button{background:var(--brand);color:var(--on-action);border:0;border-radius:8px;padding:10px;font-weight:600}
.auth-layout{display:grid;grid-template-columns:minmax(0,620fr) minmax(0,748fr);gap:24px;padding:24px;min-height:100dvh}.collector{background:var(--strong);color:var(--on-strong);border-radius:28px;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:600}.brand img{width:40px;height:40px;object-fit:contain}.collector .eyebrow{font-size:12px;font-weight:600;margin-bottom:12px}.collector h2{font-size:48px;line-height:1.4;font-weight:700;white-space:pre-line}.collector .hero-intro{font-size:17px;line-height:24px;white-space:pre-line;margin-top:12px}.collector-card{border-radius:20px;padding:20px;background:var(--surface);color:var(--ink);display:flex;flex-direction:column;gap:16px}.preview-title{font-weight:600;display:flex;justify-content:space-between}.blister{display:block;width:100%;height:320px;object-fit:contain;border-radius:12px}.model-row{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.model-row h3{font-size:20px;margin:0 0 3px}.badge{background:var(--nav);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;min-width:100px}.continuity{display:flex;gap:14px}.continuity p{margin-bottom:4px;font-size:16px;font-weight:600}.continuity small{color:inherit}
.account-panel{display:flex;flex-direction:column;min-width:0;min-height:calc(100dvh - 48px);padding:24px 64px;border-radius:28px;background:var(--surface);gap:20px}.back-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;min-height:40px}.auth-center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0}.auth-form{width:100%;max-width:428px;display:flex;flex-direction:column;gap:20px}.auth-form h1{font-size:32px;font-weight:700;line-height:1.4}.auth-intro{display:flex;flex-direction:column;gap:12px}.chooser .auth-intro{text-align:center;align-items:center}.logo{width:104px;height:104px;object-fit:contain}.auth-intro p{font-size:16px;white-space:pre-line}.actions{display:flex;flex-direction:column;gap:12px}.auth-form .button{min-height:56px;border-radius:12px;font-size:16px}.auth-form .google,.auth-form .facebook{border-color:var(--muted)}.divider{display:flex;align-items:center;gap:12px;justify-content:center;font-size:12px}.divider:before,.divider:after{content:'';height:1px;background:var(--muted);width:72px}.privacy-note{text-align:center;font-size:13px}.legal-footer{text-align:center;display:flex;flex-direction:column;gap:8px;font-size:12px}.legal-footer nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.legal-footer a{font-weight:600}.field{display:flex;flex-direction:column;gap:8px;font-size:12px}.field input,.field select{color:var(--ink);background:var(--input);border:1px solid var(--muted);border-radius:10px;min-height:54px;padding:12px;font-size:16px;width:100%;min-width:0}.password-control{position:relative}.password-control input{padding-right:76px}.password-control button{position:absolute;right:4px;top:4px;bottom:4px;min-width:64px;color:var(--ink);background:transparent;border:0;font-size:14px}.auth-form form{display:flex;flex-direction:column;gap:12px}.auth-language{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.auth-language select{background:var(--input);color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:8px;min-height:40px}.auth-form .text-button{font-size:14px}
.workspace-header{background:var(--surface);height:76px;display:flex;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line)}.workspace-header .brand{font-size:16px;min-width:176px;color:var(--ink)}.shell-mark{background:var(--brand);width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.shell-mark img{width:18px;height:18px}.workspace-header .context{color:var(--muted);font-size:12px;flex:1}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100dvh - 76px)}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:12px}.personal-card{padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:4px}.personal-card small,.nav-label{font-size:10px;color:var(--muted)}.personal-card strong{font-size:13px;overflow-wrap:anywhere}.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:12px;border-radius:9px;font-size:13px;color:var(--muted)}.nav-link img{width:18px;height:18px}.nav-link[aria-current=page]{background:var(--nav);color:var(--brand);font-weight:600}.main-content{padding:32px;display:flex;flex-direction:column;gap:20px;min-width:0}.signed-in{color:var(--muted);overflow-wrap:anywhere}.preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{background:var(--surface);padding:24px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}.card .field{width:100%;color:var(--muted)}.card .field select{font-size:14px;min-height:44px;border-color:var(--line);border-radius:8px}.card form{display:flex;flex-direction:column;gap:16px;width:100%;align-items:flex-start}.card small{font-size:12px}.card .button{font-size:14px;min-width:150px}.card .appearance-setting{margin-top:0}.legal-links{display:flex;gap:12px;flex-wrap:wrap}.legal-links .button{min-width:190px}.menu-button{display:none}.policy{max-width:900px;overflow-wrap:anywhere}.policy main{padding:0;max-width:none}.policy h1,.policy h2,.policy h3{margin:20px 0 12px}.policy p,.policy ul,.policy ol{margin:12px 0}.policy a{text-decoration:underline}.policy table{max-width:100%;display:block;overflow:auto}
@media(min-width:1600px){.auth-layout{max-width:1600px;margin:auto}.collector{min-height:912px}}
@media(max-width:1199px){.workspace{display:block}.sidebar{display:none;position:fixed;z-index:20;top:76px;bottom:0;left:0;width:min(320px,100%);overflow:auto;box-shadow:8px 0 40px #0003}.sidebar[data-open=true]{display:flex}.menu-button{display:inline-flex}.workspace-header .context{display:none}.workspace-header .brand{flex:1}.main-content{padding:24px}.collector{padding:32px}.collector h2{font-size:38px}.account-panel{padding:24px 32px}.blister{height:260px}}
@media(max-width:767px){.auth-layout{display:block;padding:0;min-height:100dvh}.collector{display:none}.account-panel{border-radius:0;background:var(--bg);min-height:100dvh;padding:20px 24px;gap:16px}.auth-center{padding:40px 0}.auth-form{max-width:428px}.auth-form h1{font-size:28px}.logo{width:96px;height:96px}.auth-form .button{font-size:14px;min-height:52px}.legal-footer{padding-bottom:env(safe-area-inset-bottom,12px)}.workspace-header{padding:12px 16px;gap:12px}.workspace-header .brand{min-width:0}.main-content{padding:24px 16px}.preferences-grid{grid-template-columns:1fr;gap:20px}.card{padding:20px}.legal-links{width:100%}.legal-links .button{width:100%;min-width:0}.feedback{bottom:12px}.main-content h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.icon-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-slot>img{width:auto;height:auto;max-width:none}.size-16{width:16px;height:16px}.size-18{width:18px;height:18px}.size-20{width:20px;height:20px}.size-22{width:22px;height:22px}.size-28{width:28px;height:28px}.icon-slot>.icon-dark{display:none}:root[data-theme=dark] .icon-slot>.icon-light{display:none}:root[data-theme=dark] .icon-slot>.icon-dark{display:block}

/* Atlas authentication composition: footer and centered form match the design. */
.auth-form #message:empty{display:none}
.sign-in-error{display:flex;flex-direction:column;gap:4px;padding:12px 16px}
.sign-in-error strong{font-size:14px;font-weight:600;line-height:20px}
.sign-in-error span{font-size:13px;line-height:18px}
.auth-intro p{line-height:22px}
.divider,.legal-footer{line-height:17px}
.back-link{line-height:20px}
.auth-form .privacy-note{line-height:18px}
.auth-form .button.provider-preview:disabled{opacity:1;cursor:not-allowed}
.facebook .icon-slot>img{width:20px;height:20px}
.size-32{width:32px;height:32px}
.auth-status-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:24px;background:var(--nav);flex-shrink:0}
.auth-status-icon img[src*="/lock-"]{width:20.4666px;height:25.8px}
.auth-status-icon img[src*="/status-mail-"]{width:25.8px;height:20.4666px}
.auth-status-icon img[src*="/status-check-"]{width:20.4666px;height:15.1333px;transform:translateY(-1.3333px)}
.auth-form label.field{font-size:14px;line-height:20px}
.auth-form .field input{border-radius:12px}
.auth-form .secondary{border-color:var(--muted)}
.recovery-help{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--nav);color:var(--ink);border-radius:12px}
.recovery-help h2{font-size:16px;line-height:22px}
.recovery-help p{font-size:14px;line-height:20px}
.close-menu{display:none}
@media(min-width:768px){
  .auth-form h1{line-height:45px}
  .collector{gap:0}
  .collector .eyebrow{line-height:17px}
  .preview-title>span{font-size:18px;line-height:25px}
  .model-row p{line-height:20px}
  .badge{min-width:120px}
  .continuity p{line-height:22px}
  .continuity small{font-size:14px;line-height:20px}
  .account-panel>.back-link{min-height:28px;align-self:flex-start}
  .auth-form .back-link{min-height:20px}
}
@media(min-width:1200px){.collector h2{line-height:67px}}
@media(max-width:1199px){
  body.menu-open{overflow:hidden}
  .workspace-header{height:64px;padding:16px;gap:12px}
  .workspace{min-height:calc(100dvh - 64px)}
  .workspace-header .shell-mark{display:none}
  .workspace-header .brand{font-size:16px;line-height:22px;color:var(--brand)}
  .workspace-header .menu-button{width:40px;min-width:40px;min-height:32px;height:32px;padding:0}
  .sidebar{top:64px;width:100%;padding:24px;gap:16px;border:0;border-radius:8px;box-shadow:none;align-items:stretch}
  .sidebar h2{font-size:20px;line-height:28px}
  .compact-context{font-size:13px;line-height:18px;color:var(--muted)}
  .sidebar .nav-link,.sidebar .close-menu{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px;line-height:20px;font-weight:600;background:var(--surface);color:var(--ink);text-align:center}
  .sidebar .nav-link[aria-current=page]{background:var(--surface)}
}

/* Atlas Help uses native disclosures; no collection/editor behavior lives here. */
.sidebar-bottom{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:0}
.sidebar-help{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;color:var(--muted);font-size:12px;font-weight:500;line-height:17px;border-radius:12px}
.sidebar-help[aria-current=page]{background:var(--nav);color:var(--brand)}
.sidebar-divider{height:1px;background:var(--line);flex-shrink:0}
.sidebar-profile{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px;border-radius:12px;color:var(--ink)}
.sidebar-profile[aria-current=page],.sidebar-profile:hover,.sidebar-help:hover{background:var(--nav);text-decoration:none}
.profile-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;background:var(--mint);color:var(--brand);border-radius:50%;font-size:12px;line-height:17px;font-weight:600}
.profile-labels{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.profile-labels strong{font-size:13px;line-height:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-labels small{font-size:11px;line-height:16px;overflow-wrap:anywhere}
@media(min-width:1200px){.sidebar{padding-bottom:24px}}
@media(max-width:1199px){.sidebar-bottom{margin-top:auto;padding-top:8px}.sidebar-profile{flex-shrink:0}.sidebar-help{font-size:14px;line-height:20px}}

.help-heading{display:flex;gap:24px;align-items:flex-start;min-height:64px;width:100%}
.help-heading h1{flex:0 1 942px;font-size:24px;line-height:1.4}
.help-heading .button{flex:0 0 160px;min-height:40px;padding:8px 16px}
.help-intro-title{font-size:24px;line-height:1.4}
.help-topics{display:flex;flex-direction:column;gap:20px;width:100%}
.help-topics details{background:var(--surface);padding:20px;min-height:64px}
.help-topics summary{display:flex;gap:20px;align-items:flex-start;min-height:24px;font-size:16px;font-weight:600;line-height:1.4;list-style:none;cursor:pointer;touch-action:manipulation}
.help-topics summary::-webkit-details-marker{display:none}
.help-topics summary:focus-visible{outline:3px solid var(--brand);outline-offset:5px}
.faq-indicator{flex-shrink:0}
.faq-indicator::before{content:'+'}
details[open] .faq-indicator::before{content:'−'}
.help-topics details>p{margin-top:16px;line-height:20px;color:var(--muted)}
.help-content .help-contact{align-self:flex-start;min-width:190px;min-height:40px;padding:8px 20px}

/* Policy text and links are imported unchanged from the published documents. */
.legal-header{border:0}
.legal-header .brand{gap:10px}
.legal-header .context{flex:0 1 850px;font-size:13px;line-height:1.35}
.legal-header .home-link{flex:0 0 150px;font-size:13px;line-height:1.35;font-weight:600}
.legal-reading-body{display:grid;grid-template-columns:240px minmax(0,850px);gap:80px;align-items:start;min-height:calc(100dvh - 76px);padding:64px}
.legal-navigation{display:flex;flex-direction:column;gap:24px;min-width:0}
.legal-navigation>a{align-self:flex-start;color:var(--ink);font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.legal-navigation>a[aria-current=page]{font-weight:600}
.legal-navigation .home-link{font-size:14px;font-weight:600}
.legal-article{background:var(--surface);padding:40px;min-height:680px;min-width:0;font-size:16px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.legal-article h1{font-size:36px;line-height:1.4;font-weight:700;color:var(--ink);margin:0 0 24px}
.legal-article h2{font-size:24px;line-height:1.4;color:var(--ink);margin:24px 0}
.legal-article h3{color:var(--ink);margin:24px 0 16px}
.legal-article p,.legal-article ul,.legal-article ol{margin:16px 0}
.legal-article ul,.legal-article ol{padding-left:24px}
.legal-article .document-header{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}
.legal-article .document-header>*{margin:0}
.legal-article .eyebrow{font-size:12px;font-weight:600}
.legal-article a{text-decoration:underline}
.legal-article hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.legal-article table{display:block;max-width:100%;overflow:auto}
.legal-article pre{white-space:pre-wrap}
@media(max-width:1199px){
  .legal-header .brand{flex:1}
  .legal-reading-body{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px;min-height:calc(100dvh - 64px)}
  .legal-navigation{flex-direction:row;flex-wrap:wrap;gap:12px 24px}
  .legal-navigation>a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:767px){
  .help-heading{gap:16px}
  .help-heading .button{flex-basis:130px}
  .legal-header .home-link{flex:0 1 auto;max-width:150px;text-align:right}
  .legal-article{padding:24px;min-height:0}
  .legal-article h1{font-size:28px}
  .legal-article h2{font-size:22px}
}

/* WEB-02: the table uses the same Atlas semantic tokens as the shared shell. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#garage-search{display:flex;align-items:center;gap:10px;width:min(430px,35vw);height:38px;background:var(--bg);border-radius:10px;padding:10px;margin-left:auto}
#garage-search input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);font-size:12px;outline-offset:6px}
input::placeholder{color:var(--muted);opacity:1}
.table-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;vertical-align:middle}.table-icon img{display:block;flex-shrink:0}.table-icon .icon-dark{display:none}:root[data-theme=dark] .table-icon .icon-light{display:none}:root[data-theme=dark] .table-icon .icon-dark{display:block}
.main-content:has(#collection-root){padding:24px 32px;gap:0}#collection-root{display:flex;flex-direction:column;gap:18px;min-width:0}
.collection-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;min-height:56px}.collection-heading h1{font-size:28px;line-height:1.35}.collection-heading .button{width:200px;min-height:38px;padding:8px 16px;border-radius:8px}
.collection-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:clip;min-width:0}.collection-toolbar{display:flex;flex-direction:column;gap:8px;padding:16px;min-width:0}.collection-toolbar .button,.collection-toolbar select,.collection-toolbar input{height:40px;min-height:40px;font-size:14px;font-weight:600;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.collection-search-row{display:flex;gap:12px;align-items:center;min-width:0}.collection-search-row form{position:relative;flex:1;min-width:160px}.collection-search-row input{width:100%;padding:10px 40px 10px 14px}.search-submit{position:absolute;right:6px;top:4px;display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:var(--brand);border-radius:6px}
.collection-sort{flex:0 1 270px;min-width:160px}.collection-sort select{width:100%;padding:8px 12px}.desktop-refresh{flex:0 1 176px}.collection-filter-row{display:grid;grid-template-columns:1fr 1fr .85fr .7fr 1fr 1fr;gap:8px;min-width:0}.collection-filter-row .button{height:36px;min-height:36px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.collection-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}.collection-summary p{font-size:12px;color:var(--brand);line-height:1.5}.collection-summary .button{min-width:140px;min-height:28px;height:auto;padding:4px 10px;font-size:12px}.compact-totals,.compact-filters,.compact-secondary,.table-scroll-hint{display:none}
.table-viewport{max-height:calc(100dvh - 370px);min-height:180px;overflow:auto;scrollbar-gutter:stable;isolation:isolate}.garage-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;text-align:left}.garage-table th{position:sticky;top:0;z-index:2;height:36px;padding:8px 12px;background:var(--bg);color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.garage-table td{height:58px;border-bottom:1px solid var(--line);padding:8px 12px;font-size:12px;line-height:1.4;color:var(--muted);background:var(--surface)}.garage-table tr:hover td,.garage-table tr:focus-within td{background:var(--nav)}.garage-table .identity{position:sticky;left:0;min-width:260px;z-index:1;padding-left:16px}.garage-table th.identity{z-index:3}.photo-heading{display:inline-block;width:56px}.item-identity{display:flex;align-items:center;gap:12px;min-width:0}.thumbnail{display:flex;align-items:center;justify-content:center;width:44px;height:36px;flex:0 0 44px;border:0;border-radius:8px;padding:0;background:var(--nav);overflow:hidden}.thumbnail img{display:block;width:44px;height:36px;object-fit:contain}.photo-fallback{font-size:9px;line-height:12px;text-align:center;color:var(--muted);padding:2px;overflow-wrap:anywhere}.item-name{display:flex;flex-direction:column;gap:3px;border:0;text-align:left;background:transparent;color:var(--ink);font:inherit;padding:0;max-width:100%;min-width:0}.item-name strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.item-name small{font-size:10px;font-weight:400}.garage-table .col-brand_name{min-width:130px}.garage-table .col-car_condition{min-width:110px}.garage-table .col-storage_location_name{min-width:160px}.garage-table .col-quantity{min-width:60px;color:var(--ink);font-size:13px;font-weight:600}.garage-table [class*=col-]:not(.col-quantity){min-width:110px;max-width:220px}.cell-value{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.condition-badge{display:inline-block;border-radius:13px;padding:5px 10px;background:var(--nav);color:var(--brand);font-size:11px;font-weight:600;white-space:nowrap}.location-cell{display:flex;align-items:center;gap:7px}.garage-table .row-action{min-width:40px;width:40px;padding:6px}.row-action button{display:grid;place-items:center;background:transparent;border:0;padding:8px;color:var(--muted);border-radius:6px}
.collection-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;font-size:12px;min-height:38px}.collection-pagination p{margin-right:auto;color:var(--muted)}.collection-pagination .button{border:0;min-height:32px;padding:4px 8px;font-size:12px;background:transparent}.collection-hint{font-size:12px;color:var(--muted)}.collection-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;min-height:350px;padding:32px}.collection-state h2{font-size:24px}.collection-state p{max-width:520px;color:var(--muted)}
.collection-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.collection-actions .button{min-width:120px;min-height:40px}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-top:4px}.collection-field{display:flex;flex-direction:column;gap:8px;width:100%;font-size:12px;color:var(--muted)}.collection-field select{width:100%;min-height:42px;padding:10px 12px;background:var(--input);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:14px}.collection-field select[multiple]{min-height:78px}.filter-grid p{font-size:12px;margin-top:8px}.column-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:4px}.column-groups .card{gap:10px;padding:20px}.column-groups h2{font-size:18px}.column-groups p{font-size:13px;line-height:18px}.column-choice{display:flex;align-items:center;gap:10px;min-height:28px;font-size:13px;overflow-wrap:anywhere;max-width:100%}.column-choice input{width:16px;height:16px;flex-shrink:0;accent-color:var(--brand)}
#collection-hover{position:fixed;z-index:40;top:176px;right:32px;width:420px;max-width:calc(100vw - 32px);padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 36px #0003;pointer-events:none}.preview-image{display:flex;align-items:center;justify-content:center;min-height:160px;background:var(--surface);border-radius:6px;overflow:hidden}.preview-image img{width:100%;height:240px;object-fit:contain}.preview-image .photo-fallback{font-size:14px;line-height:20px}.collection-dialog{width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 16px 60px #0005;overflow:auto}.collection-dialog::backdrop{background:#101c1d80}.collection-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.collection-dialog>header h2{font-size:16px}.collection-dialog>header .button{border:0;min-height:32px;padding:2px 10px;font-size:24px}.collection-dialog>p{margin-top:12px;font-size:12px}.collection-dialog dl{font-size:13px;margin-top:20px}.collection-dialog dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding:10px 0}.collection-dialog dt{color:var(--muted)}.collection-dialog dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:1199px){#garage-search{display:none}.main-content:has(#collection-root){padding:24px}.collection-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-sort{max-width:240px}.collection-pagination{flex-wrap:wrap}.column-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.main-content:has(#collection-root){padding:16px}#collection-root{gap:12px}.collection-heading{min-height:34px}.collection-heading h1{font-size:24px}.collection-heading>.button{display:none}.compact-totals{display:block;color:var(--brand);font-size:13px;line-height:18px}.collection-card{border:0;border-radius:8px;background:transparent}.collection-toolbar{padding:0;gap:12px;margin-bottom:12px}.collection-search-row{gap:8px}.collection-search-row form{min-width:0}.collection-toolbar input{font-size:13px}.collection-toolbar .compact-filters{display:inline-flex;min-width:96px;padding:8px 12px}.collection-search-row>.collection-sort,.desktop-refresh,.collection-filter-row,.collection-summary{display:none}.table-scroll-hint{display:block;color:var(--muted);font-size:12px;padding-bottom:12px}.table-viewport{max-height:min(356px,calc(100dvh - 380px));min-height:240px;border-radius:8px;background:var(--surface)}.garage-table .identity{width:174px;min-width:174px;max-width:174px;padding:8px}.photo-heading{width:48px}.item-identity{gap:8px;align-items:flex-start}.thumbnail{width:40px;flex-basis:40px}.thumbnail img{width:40px}.item-name{width:110px;flex-shrink:1}.item-name strong{font-size:12px;line-height:17px}.item-name small{font-size:9px}.garage-table td{height:80px;max-height:80px;vertical-align:top;padding:12px 8px}.garage-table th{height:36px;padding:8px;font-size:12px;font-weight:500;background:var(--nav);color:var(--ink)}.collection-pagination{padding:12px 0;gap:8px}.collection-pagination p{flex:1;min-width:100px;font-size:11px}.collection-pagination .button{font-size:12px;min-height:36px;padding:6px}.compact-secondary{display:flex;gap:8px}.compact-secondary .button{flex:1;min-height:36px}.collection-hint{font-size:11px}.collection-state{min-height:300px;padding:24px 16px}.filter-grid,.column-groups{grid-template-columns:1fr}.filter-grid{padding:20px;gap:20px}.collection-dialog dl>div{grid-template-columns:1fr;gap:4px}#collection-hover{top:auto;bottom:24px;right:16px}}
@media(min-width:768px){.table-viewport{max-height:min(500px,calc(100dvh - 370px))}.garage-table .identity{width:100%}.collection-pagination{padding:3px 16px}}
.garage-table [class].col-brand_name{width:130px;min-width:130px;max-width:130px}.garage-table [class].col-car_condition{width:110px;min-width:110px;max-width:110px}.garage-table [class].col-storage_location_name{width:160px;min-width:160px;max-width:160px}.garage-table [class].col-quantity{width:60px;min-width:60px;max-width:60px}
.multi-field{border:0;padding:0;margin:0;min-width:0}.multi-field legend{padding:0;margin-bottom:8px}.multi-field details{position:relative;width:100%}.multi-field summary{display:block;list-style:none;cursor:pointer;min-height:42px;padding:10px 32px 10px 12px;background:var(--input);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-field summary::-webkit-details-marker{display:none}.multi-field summary::after{content:'▾';position:absolute;right:12px;color:var(--muted)}.multi-field summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.multi-choices{position:absolute;z-index:10;top:calc(100% + 4px);left:0;width:100%;max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0003}.multi-choices label{display:flex;gap:10px;align-items:center;min-height:36px;padding:4px;font-size:14px;overflow-wrap:anywhere}.multi-choices input{width:16px;height:16px;accent-color:var(--brand);flex-shrink:0}.multi-choices button{padding:8px;text-align:left;min-height:36px;background:var(--nav);color:var(--brand);border:0;border-radius:6px;font:inherit}

/* Account-owned Garage name: the same compact control in both navigation sizes. */
.personal-card.garage-name-control{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;text-align:left;color:var(--ink)}
.garage-name-control>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.garage-name-control strong{overflow-wrap:anywhere;line-height:1.4}
.garage-name-control svg{flex-shrink:0;color:var(--muted)}
.garage-name-control:hover{border-color:var(--brand)}
.garage-name-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #0004}
.garage-name-dialog::backdrop{background:#081b1dcc}
.garage-name-dialog form{display:flex;flex-direction:column;gap:20px}
.garage-name-dialog .field{font-size:14px;font-weight:600}
.garage-name-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
@media(max-width:767px){.garage-name-dialog{padding:24px}.garage-name-actions .button{flex:1;padding-inline:16px}}

/* Essential Preferences: one responsive panel, shared Atlas theme tokens. */
.preferences-content{gap:24px}
.preferences-heading{display:flex;flex-direction:column;gap:6px}
.preferences-heading h1{font-size:32px;font-weight:600;line-height:46px}
.preferences-heading p{font-size:14px;line-height:20px;color:var(--muted)}
.preferences-panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}
.preference-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding:28px}
.preference-row+.preference-row{border-top:1px solid var(--line)}
.preference-description{display:flex;flex-direction:column;gap:6px;min-width:0}
.preference-description h2{font-size:17px;font-weight:600;line-height:25px}
.preference-description p{font-size:13px;line-height:19px;color:var(--muted)}
.preference-controls,.preference-form{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0}
.preference-input-row{display:flex;align-items:flex-end;gap:12px;min-width:0}
.preference-input-row .field{flex:1;min-width:0;font-size:12px;font-weight:500;line-height:17px;color:var(--muted)}
.preference-input-row input,.preference-input-row select{height:42px;min-height:42px;border-color:var(--line);border-radius:8px;font-size:14px;line-height:20px;padding:10px 12px}
.preferences-panel .button{height:42px;min-height:42px;border-radius:9px;font-size:14px;line-height:20px;padding:10px 18px;white-space:nowrap}
#preferences-garage-name-form [type=submit]{min-width:132px}
#preferences-garage-name-form [data-cancel-name]{min-width:84px}
#language-form [type=submit]{min-width:156px}
.preference-hint{font-size:12px;line-height:17px;color:var(--muted)}
.preference-form .error:empty,.preferences-content>#message:empty{display:none}
.appearance-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;margin:0;padding:0;min-width:0}
.appearance-choice{position:relative;min-width:0;cursor:pointer}
.appearance-radio{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.theme-preview{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);height:100%}
.theme-preview-label{font-size:13px;line-height:19px;font-weight:600}
.theme-selected{visibility:hidden}
.appearance-radio:checked+.theme-preview{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--nav);color:var(--brand)}
.appearance-radio:checked+.theme-preview .theme-selected{visibility:visible}
.appearance-radio:focus-visible+.theme-preview{outline:3px solid var(--brand);outline-offset:3px}
.preference-mini{--preview-bg:#f0f4f3;--preview-surface:#fff;--preview-line:#dee8e5;--preview-brand:#0f464b;--preview-nav:#e8f0ed;display:flex;flex-direction:column;gap:7px;height:80px;padding:8px;border:1px solid var(--preview-line);border-radius:7px;background:var(--preview-bg);min-width:0;overflow:hidden}
.preference-mini.dark{--preview-bg:#101c1d;--preview-surface:#1b2b2d;--preview-line:#8aa5a0;--preview-brand:#a0d4d5;--preview-nav:#243638}
.mini-header{height:9px;flex-shrink:0;background:var(--preview-surface)}
.mini-workspace{display:flex;gap:6px;min-width:0}
.mini-sidebar{width:35px;flex-shrink:0;height:43px;display:flex;flex-direction:column;gap:5px;padding:4px;background:var(--preview-surface)}
.mini-sidebar i{height:3px;background:var(--preview-line)}
.mini-sidebar i:nth-child(2){background:var(--preview-brand)}
.mini-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.mini-content i{height:12px;border-radius:2px;background:var(--preview-nav)}
.mini-content i+i{height:25px;background:var(--preview-surface)}
.system-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.system-preview .mini-sidebar{width:17px}
.appearance-save-note{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.preference-badge{padding:5px 10px;border-radius:20px;background:var(--nav);color:var(--brand);font-size:11px;font-weight:500;line-height:16px}
.preference-account-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.preference-account-row>.button{min-width:160px}
.preference-identity{display:flex;align-items:center;gap:14px;min-width:0}
.preference-identity>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.preference-identity strong{font-size:15px;font-weight:600;line-height:22px;overflow-wrap:anywhere}
.preference-identity .signed-in{font-size:12px;line-height:17px;overflow-wrap:anywhere}
.preference-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--nav);color:var(--brand);font-size:14px;font-weight:600}
.preference-legal-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px;font-weight:500;line-height:19px}
@media(max-width:1399px){.preference-row{grid-template-columns:220px minmax(0,1fr);gap:24px}.preferences-panel .button{padding-inline:14px}}
@media(max-width:999px){.preference-row{grid-template-columns:1fr;gap:20px}.preference-legal-links a{min-height:36px;display:inline-flex;align-items:center}}
@media(max-width:767px){.preferences-heading h1{font-size:24px;line-height:34px}.preference-row{padding:20px}.preference-input-row{flex-wrap:wrap}.preference-input-row .field{flex-basis:100%}.preferences-panel .button{height:auto;min-height:44px;white-space:normal}#preferences-garage-name-form [type=submit],#preferences-garage-name-form [data-cancel-name]{flex:1;min-width:0}.preference-account-row{align-items:flex-start;flex-direction:column}.appearance-previews{gap:8px}.theme-preview{padding:8px;gap:8px}.preference-mini{height:64px;padding:5px;gap:5px}.mini-sidebar{width:18px;padding:3px;gap:4px}.mini-workspace{gap:4px}.system-preview{gap:2px}.system-preview .preference-mini{padding:3px}.system-preview .mini-sidebar{width:8px;padding:2px}.system-preview .mini-workspace{gap:2px}.theme-preview-label{font-size:12px;overflow-wrap:anywhere}}

/* Approved Apple sign-in: provider branding stays neutral in both themes. */
.button.apple{background:#000;color:#fff;border-color:#000;gap:10px;font-weight:600;min-height:56px;border-radius:12px}.apple .icon-light{filter:none}.apple .icon-dark{filter:invert(1)}
[data-theme=dark] .button.apple{background:#fff;color:#000;border-color:#fff}.sign-in-methods{max-width:428px;display:flex;flex-direction:column;gap:20px}.sign-in-methods .logo{width:72px;height:72px}.apple-link-confirmation{max-width:440px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink)}.apple-link-confirmation form{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.apple-link-confirmation::backdrop{background:#0008}