:root{--bg:#111315;--panel:#191c1f;--panel2:#202428;--line:#30363c;--text:#f3f4f5;--muted:#9da5ad;--accent:#d7b24b;--accent2:#f1d778;--danger:#ff6b6b;--ok:#67d5a2;--warn:#f1c75b;--shadow:0 18px 50px rgba(0,0,0,.3);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 20% -10%,#2d2a1c 0,#151719 30%,#101214 70%);color:var(--text);min-height:100%;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:rgba(25,28,31,.95);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow);text-align:center}.hero-logo img{width:86px;height:86px}.login-card h1{font-size:34px;margin:14px 0 3px}.login-card p{color:var(--accent2);margin:0 0 24px}.login-card small{display:block;color:var(--muted);margin-top:20px}.stack{display:grid;gap:14px}.stack label,.form-grid label{display:grid;gap:6px;text-align:left;color:#cbd0d5;font-size:13px}.form-message{min-height:20px;margin-top:12px;color:var(--danger)}input,select,textarea{width:100%;border:1px solid var(--line);background:#101214;color:var(--text);border-radius:10px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#8f793a;box-shadow:0 0 0 3px rgba(215,178,75,.12)}textarea{resize:vertical}.btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:700;color:var(--text);background:var(--panel2)}.btn.primary{background:linear-gradient(135deg,#c59e36,#e1c361);color:#19160d}.btn.ghost{border-color:var(--line);background:#171a1d}.btn.danger{background:#3a1d21;border-color:#653039;color:#ffb6bd}.btn.compact{padding:8px 11px;font-size:13px}.btn.wide{width:100%;margin-top:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.topbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;background:rgba(17,19,21,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brandmark{display:flex;align-items:center;gap:10px}.brandmark img{width:44px;height:44px}.brandmark strong{display:block;font-size:18px}.brandmark small{display:block;color:var(--accent2);font-size:11px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.sync-badge{font-size:11px;padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.sync-badge.synced{color:var(--ok);border-color:#305c4b}.sync-badge.error{color:#ff9d9d;border-color:#64333a}.user-chip{width:34px;height:34px;border-radius:50%;border:1px solid #806c35;background:#2c2616;color:var(--accent2);font-weight:800}.navtabs{position:sticky;top:72px;z-index:19;display:flex;gap:4px;overflow-x:auto;padding:8px 18px;border-bottom:1px solid var(--line);background:rgba(17,19,21,.94);backdrop-filter:blur(12px)}.navtabs button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:9px;font-weight:700}.navtabs button.active{color:#171309;background:var(--accent)}main{max-width:1500px;margin:0 auto;padding:24px}.page{display:none}.page.active{display:block}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:6px 0 18px}.section-head h2{font-size:28px;margin:0}.section-head p{margin:5px 0 0;color:var(--muted)}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px;margin-bottom:20px}.metric{background:linear-gradient(180deg,#1c2024,#171a1d);border:1px solid var(--line);border-radius:14px;padding:15px;min-height:92px}.metric small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font-size:25px;margin-top:9px}.metric .positive{color:var(--ok)}.metric .negative{color:#ff9292}.toolbar{display:grid;grid-template-columns:minmax(250px,2fr) repeat(5,minmax(130px,1fr));gap:8px;margin-bottom:16px}.searchbox{position:relative}.searchbox span{position:absolute;left:12px;top:9px;color:var(--muted);font-size:20px}.searchbox input{padding-left:38px}.car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:15px}.car-card{background:linear-gradient(180deg,#1a1d20,#151719);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.18s;position:relative}.car-card:hover{transform:translateY(-2px);border-color:#5f5739;box-shadow:0 10px 30px rgba(0,0,0,.28)}.car-photo{aspect-ratio:4/3;background:#0d0f10;display:grid;place-items:center;overflow:hidden;position:relative}.car-photo img{width:100%;height:100%;object-fit:cover}.car-photo .placeholder{font-size:42px;color:#555}.wl-badge{position:absolute;top:10px;left:10px;background:#f2f2ed;color:#131313;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.35)}.possible-badge{position:absolute;top:10px;left:10px;background:#3a3220;color:#f3d676;border:1px solid #7c6936;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.fav-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.65);border-radius:999px;padding:5px 7px}.car-info{padding:14px}.car-info h3{font-size:17px;margin:0 0 4px}.car-info .sub{color:var(--accent2);font-size:12px;margin-bottom:7px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.tag{border:1px solid var(--line);border-radius:999px;padding:4px 7px;color:#c7ccd1;font-size:10px}.location-line{font-size:12px;color:#aeb5bb;margin:9px 0}.value-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding-top:10px;border-top:1px solid #292e33}.sensitive{transition:.15s}.values-hidden .sensitive{filter:blur(8px);user-select:none}.empty{padding:70px 20px;text-align:center;color:var(--muted);display:grid;gap:7px}.garage-grid,.storage-grid,.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.garage-card,.storage-card,.wishlist-card,.settings-card,.table-card,.report-card{background:#181b1e;border:1px solid var(--line);border-radius:14px;padding:16px}.garage-card h3,.storage-card h3,.wishlist-card h3,.settings-card h3{margin:0 0 6px}.garage-card small,.storage-card small,.wishlist-card small,.help{color:var(--muted)}.garage-models{margin-top:12px;display:grid;gap:6px}.garage-models button{display:flex;justify-content:space-between;border:0;background:#111315;color:#d8dadd;padding:8px 9px;border-radius:8px}.table-card{overflow:auto;padding:0}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.data-table th{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.data-table tr:last-child td{border-bottom:0}.report-breakdowns{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.report-card h3{margin-top:0}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) 3fr 45px;gap:10px;align-items:center;margin:8px 0}.bar-track{height:8px;background:#292e33;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#9d7e2d,#e0c35f)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-card.full{grid-column:1/-1}.settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.progress{height:10px;border-radius:99px;background:#292e33;overflow:hidden;margin:12px 0}.progress>div{height:100%;background:var(--accent)}.progress.warning>div{background:var(--warn)}.progress.critical>div{background:var(--danger)}.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px}.modal-panel{width:min(880px,100%);max-height:92dvh;background:#15181b;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.form-panel{width:min(1060px,100%)}.small-panel{width:min(560px,100%)}.modal-header,.modal-footer{flex:none;padding:14px 18px;background:#191c1f}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h3{margin:0}.modal-header small{color:var(--accent2)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}.modal-body{overflow-y:auto;padding:18px;min-height:0}.icon-btn{border:0;background:#24282c;color:#d9dde0;border-radius:50%;width:34px;height:34px;font-size:22px}.form-section{border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:14px;background:#171a1d}.form-section h4{margin:0 0 12px;color:var(--accent2)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.span2{grid-column:1/-1}.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;align-self:end;min-height:42px}.checkline input{width:auto}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;margin:12px 0}.photo-tile{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative;background:#0e1012}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile button{position:absolute;right:5px;top:5px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.75);color:#fff}.photo-tile small{position:absolute;left:5px;bottom:5px;background:rgba(0,0,0,.7);padding:3px 5px;border-radius:6px}.photo-actions{display:flex;gap:8px;flex-wrap:wrap}.file-btn input{display:none}.big-textarea{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.import-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.import-row{background:#111315;border:1px solid var(--line);padding:8px;border-radius:8px;font-size:12px}.import-row b{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.detail-hero{display:grid;grid-template-columns:minmax(240px,1fr) 1.2fr;gap:18px}.detail-photo{aspect-ratio:4/3;background:#0e1012;border-radius:12px;overflow:hidden;display:grid;place-items:center}.detail-photo img{width:100%;height:100%;object-fit:contain}.detail-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.fact{background:#101214;border:1px solid var(--line);border-radius:9px;padding:9px}.fact small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.fact strong{display:block;margin-top:4px}.gallery-strip{display:flex;gap:8px;overflow-x:auto;margin-top:12px}.gallery-strip img{width:100px;height:75px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.account-menu{position:fixed;right:20px;top:65px;z-index:120;background:#1b1e21;border:1px solid var(--line);border-radius:12px;padding:12px;min-width:240px;box-shadow:var(--shadow)}.account-menu>div{font-size:12px;color:var(--muted);padding:5px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:200;background:#262b2f;border:1px solid var(--line);border-radius:11px;padding:11px 15px;box-shadow:var(--shadow);max-width:min(520px,90vw)}.toast.bad{border-color:#713a42;color:#ffb0b8}.mobile-add{display:none}.danger-link{color:#ff9da6;background:none;border:0;padding:0}.link-button{color:var(--accent2);background:none;border:0;padding:0;text-decoration:underline}.storage-card .actions,.wishlist-card .actions{display:flex;gap:8px;margin-top:12px}.storage-card .count{font-size:28px;font-weight:800;color:var(--accent2)}.wishlist-card .target{font-size:18px;color:var(--accent2);font-weight:800}.status-pill{display:inline-block;padding:4px 7px;border-radius:999px;border:1px solid var(--line);font-size:10px}.status-pill.active{color:var(--ok);border-color:#315847}.status-pill.waitlist{color:var(--warn);border-color:#6e5a2d}
@media(max-width:1050px){.dashboard{grid-template-columns:repeat(3,1fr)}.toolbar{grid-template-columns:2fr 1fr 1fr}.toolbar select:nth-of-type(n+3){grid-column:auto}.report-breakdowns{grid-template-columns:1fr}}
@media(max-width:700px){body{padding-bottom:70px}.topbar{padding:8px 10px;height:62px}.brandmark img{width:36px;height:36px}.brandmark strong{font-size:16px}.top-actions .sync-badge,.top-actions #syncBtn{display:none}.btn.compact{font-size:11px;padding:7px 8px}.navtabs{top:62px;padding:7px 8px}.navtabs button{padding:8px 10px}main{padding:14px}.dashboard{grid-template-columns:repeat(2,1fr);gap:8px}.metric{min-height:80px;padding:12px}.metric strong{font-size:21px}.section-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions .btn{flex:1}.toolbar{display:grid;grid-template-columns:1fr 1fr}.searchbox{grid-column:1/-1}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.car-info{padding:10px}.car-info h3{font-size:14px}.car-info .sub,.location-line,.value-line{font-size:10px}.tag{font-size:9px}.detail-hero{grid-template-columns:1fr}.detail-facts{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.modal{padding:0;place-items:stretch}.modal-panel{width:100%!important;max-height:100dvh;height:100dvh;border-radius:0}.modal-header{padding-top:max(14px,env(safe-area-inset-top))}.modal-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}.import-preview{grid-template-columns:1fr}.mobile-add{display:block;position:fixed;right:18px;bottom:18px;z-index:40}.mobile-add button{width:56px;height:56px;border:0;border-radius:50%;font-size:30px;font-weight:700;background:var(--accent);color:#15120b;box-shadow:0 10px 25px rgba(0,0,0,.4)}.garage-grid,.storage-grid,.wishlist-grid{grid-template-columns:1fr}.top-actions #hideValuesBtn{max-width:95px}.brandmark small{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:460px){.car-grid{grid-template-columns:1fr 1fr}.car-photo{aspect-ratio:1}.dashboard{grid-template-columns:1fr 1fr}.brandmark small{display:none}}

/* Diecast Keep V1.0.1 — Light Collector Theme */
:root{--bg:#f3f0e8;--panel:#ffffff;--panel2:#f8f6ef;--line:#d9d4c9;--text:#282722;--muted:#777268;--accent:#d6ad35;--accent2:#856816;--danger:#c74d59;--ok:#17845d;--warn:#a87900;--shadow:0 16px 42px rgba(58,50,34,.10);color-scheme:light}
html,body{background:radial-gradient(circle at 18% -8%,#fff8df 0,#f6f3eb 34%,#eeece6 78%);color:var(--text)}
.login-card{background:rgba(255,255,255,.97);border-color:var(--line)}
.login-card p{color:var(--accent2)}
.stack label,.form-grid label{color:#57534b}
input,select,textarea{background:#fff;color:var(--text);border-color:var(--line)}
input:focus,select:focus,textarea:focus{border-color:#b38c22;box-shadow:0 0 0 3px rgba(214,173,53,.16)}
.btn{color:var(--text);background:#f3f1eb}
.btn.primary{background:linear-gradient(135deg,#d0a72e,#e4c963);color:#2a2414;box-shadow:0 3px 10px rgba(121,93,22,.14)}
.btn.ghost{border-color:var(--line);background:#fff;color:#3c3932}
.btn.danger{background:#fff0f1;border-color:#e3b6ba;color:#a83d47}
.topbar{background:rgba(255,255,255,.94);border-bottom-color:var(--line);box-shadow:0 1px 0 rgba(60,52,35,.03)}
.brandmark small{color:var(--accent2)}
.sync-badge{background:#fff;color:var(--muted)}
.sync-badge.synced{color:#167453;border-color:#9ccdbb;background:#f0faf6}
.sync-badge.error{color:#a9444d;border-color:#e2b1b5;background:#fff4f4}
.user-chip{border-color:#d8c47d;background:#fff8d8;color:#715a13}
.navtabs{background:rgba(248,246,239,.96);border-bottom-color:var(--line)}
.navtabs button{color:#716d65}
.navtabs button:hover{background:#efede6;color:#39362f}
.navtabs button.active{color:#2b2412;background:var(--accent);box-shadow:0 2px 8px rgba(126,96,18,.12)}
.metric{background:#fff;border-color:var(--line);box-shadow:0 5px 18px rgba(59,52,39,.045)}
.metric .negative{color:#c54d59}
.car-card{background:#fff;border-color:var(--line);box-shadow:0 5px 18px rgba(59,52,39,.05)}
.car-card:hover{border-color:#c7b169;box-shadow:0 12px 30px rgba(59,52,39,.11)}
.car-photo{background:#f0eee8}
.car-photo .placeholder{color:#aaa59b}
.wl-badge{background:#fff;color:#292820;border:1px solid #d3c06e;box-shadow:0 3px 10px rgba(69,59,32,.16)}
.possible-badge{background:#fff6d8;color:#71570b;border-color:#d7bb55}
.fav-badge{background:rgba(255,255,255,.9);border:1px solid #ddd6c8;box-shadow:0 2px 8px rgba(50,45,35,.12)}
.car-info .sub{color:var(--accent2)}
.tag{border-color:#ddd8ce;background:#faf8f2;color:#615e57}
.location-line{color:#656159}
.value-line{border-top-color:#e5e1d8}
.garage-card,.storage-card,.wishlist-card,.settings-card,.table-card,.report-card{background:#fff;border-color:var(--line);box-shadow:0 4px 15px rgba(59,52,39,.04)}
.garage-models button{background:#f6f4ed;color:#3e3a32;border:1px solid #ebe6dc}
.data-table th,.data-table td{border-bottom-color:#e5e1d8}
.bar-track,.progress{background:#e8e4da}
.bar-fill{background:linear-gradient(90deg,#b98d1e,#e2c75d)}
.modal{background:rgba(48,43,32,.34);backdrop-filter:blur(3px)}
.modal-panel{background:#fbfaf7;border-color:#d6d1c6}
.modal-header,.modal-footer{background:#f5f2eb}
.icon-btn{background:#ebe8df;color:#4b473f}
.form-section{background:#fff;border-color:#ddd8cd}
.form-section h4{color:#725b19}
.photo-tile{background:#f0eee8}
.import-row{background:#f8f6f0;border-color:#e1ddd3}
.detail-photo{background:#f2f0e9}
.fact{background:#fff;border-color:#dfdbd1}
.account-menu{background:#fff;border-color:var(--line)}
.toast{background:#fff;border-color:#d8d3c8;color:#35322c}
.toast.bad{background:#fff4f4;border-color:#dfadb2;color:#a23d47}
.storage-card .count,.wishlist-card .target{color:#765c12}
.status-pill.active{color:#177251;border-color:#9fcdbd;background:#f0faf6}
.status-pill.waitlist{color:#8b6500;border-color:#dcc777;background:#fff9e7}
.link-button{color:#765b10}
.mobile-add button{box-shadow:0 10px 25px rgba(80,63,18,.22)}

@media print{body{background:#fff;color:#000}.topbar,.navtabs,.head-actions,.toolbar,.mobile-add,#page-collection,#page-garage,#page-white,#page-values,#page-storage,#page-wishlist,#page-settings,#page-admin{display:none!important}#appView,main,#page-reports{display:block!important;padding:0}.report-card,.metric{break-inside:avoid;border-color:#bbb;background:#fff}.sensitive{filter:none!important}.data-table{color:#000}.bar-track{border:1px solid #bbb}}

/* =========================================================
   DIECAST KEEP V1.0.3 — Collector Garage Presentation
   ========================================================= */
:root{
  --dk-navy:#23333d;--dk-navy-2:#314753;--dk-gold:#c89e2e;--dk-gold-2:#e5c968;
  --dk-cream:#f5f2e9;--dk-paper:#fffdfa;--dk-ink:#292b2a;--dk-soft:#ece7da;
  --bg:#f5f2e9;--panel:#fffdfa;--panel2:#f3efe5;--line:#d9d1c1;--text:#292b2a;
  --muted:#716e67;--accent:#d6ad35;--accent2:#7e641b;--danger:#bd4f58;--ok:#167657;--warn:#9a7108;
  --shadow:0 14px 40px rgba(42,45,43,.09);color-scheme:light;
}
html,body{background:linear-gradient(180deg,#f7f4ec 0,#f2efe7 48%,#eeece6 100%);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0,rgba(229,201,104,.17),transparent 30%),radial-gradient(circle at 95% 4%,rgba(35,51,61,.06),transparent 22%);z-index:-1}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Login / first impression */
.login-shell{background:linear-gradient(135deg,#f5f1e7,#ebe6d9);position:relative;overflow:hidden}
.login-shell:before,.login-shell:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.35}
.login-shell:before{width:420px;height:420px;background:rgba(211,173,59,.22);top:-210px;right:-120px}
.login-shell:after{width:360px;height:360px;background:rgba(35,51,61,.10);bottom:-190px;left:-130px}
.login-card{position:relative;z-index:1;width:min(500px,100%);background:rgba(255,253,250,.98);border:1px solid #d7cfbe;border-radius:26px;padding:34px 38px;box-shadow:0 28px 80px rgba(38,43,42,.15)}
.hero-logo-wide img{width:min(390px,100%);height:auto}.login-kicker{margin:0 0 24px!important;color:#746a4e!important;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800}

/* Branded application header */
.app-header{height:126px;position:sticky;top:0;z-index:30;background:rgba(255,253,250,.97);backdrop-filter:blur(18px);border-bottom:1px solid #d7cfbe;box-shadow:0 5px 20px rgba(36,43,42,.065)}
.brand-stage{height:78px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,.8fr) minmax(250px,.7fr);align-items:center;gap:24px;padding:7px 24px 6px;max-width:1600px;margin:0 auto}
.brand-lockup{min-width:0}.brand-lockup img{display:block;width:min(360px,100%);height:64px;object-fit:contain;object-position:left center}
.page-identity{padding-left:22px;border-left:1px solid #ded7c9;display:grid;gap:1px;min-width:0}.page-identity .eyebrow,.eyebrow{font-size:9px;line-height:1.2;letter-spacing:.18em;font-weight:900;color:#9a7a24}.page-identity strong{font-size:22px;line-height:1.05;color:var(--dk-navy);letter-spacing:-.02em}.page-identity small{font-size:11px;color:#75716a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-plaque{justify-self:end;min-width:235px;padding:9px 14px;border:1px solid #d8c987;border-radius:12px;background:linear-gradient(135deg,#fffdf7,#f8f0cf);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);display:grid;gap:1px}.collection-plaque>span{font-size:8px;letter-spacing:.19em;font-weight:900;color:#9b7a21}.collection-plaque strong{font-size:13px;color:#3a3831;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-plaque small{font-size:10px;color:#797268}
.control-strip{height:48px;border-top:1px solid #ece6d9;background:linear-gradient(180deg,#f8f5ee,#f3efe5);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:6px 24px}
.version-cluster{display:flex;align-items:center;gap:9px;white-space:nowrap}.version-label{font-size:8px;letter-spacing:.16em;font-weight:900;color:#8e877a}.version-cluster strong{font-size:12px;color:#fff;background:var(--dk-navy);padding:5px 9px;border-radius:7px;letter-spacing:.04em}.live-version{font-size:10px;color:#777168;border-left:1px solid #d9d1c3;padding-left:9px}
.top-actions{display:flex;align-items:center;gap:7px}.sync-badge{background:#fff;border-color:#d9d1c3;color:#716c63}.sync-badge.synced{background:#eef8f3;border-color:#aad1c2;color:#16684e}.sync-badge.error{background:#fff1f1;border-color:#ddb0b4;color:#9e3f48}
.user-chip{width:34px;height:34px;background:var(--dk-navy);border:2px solid #d7b651;color:#f4d873;box-shadow:0 2px 8px rgba(34,46,54,.16)}
.btn.update-app{border-color:#314753;background:var(--dk-navy);color:#fff;position:relative}.btn.update-app:hover{background:var(--dk-navy-2)}.btn.update-app.ready{background:linear-gradient(135deg,#c99f2f,#e8cd69);color:#2d291e;border-color:#b28a20;box-shadow:0 3px 12px rgba(151,112,17,.20)}.btn.update-app.ready:before{content:"";width:7px;height:7px;border-radius:50%;background:#247a5c;display:inline-block;margin-right:7px;box-shadow:0 0 0 3px rgba(36,122,92,.12)}

/* Navigation */
.navtabs{position:sticky;top:126px;z-index:25;padding:8px 20px;background:rgba(255,253,250,.97);border-bottom:1px solid #dad2c4;box-shadow:0 2px 10px rgba(39,43,42,.035)}
.navtabs button{color:#66655f;padding:9px 13px;border-radius:9px}.navtabs button:hover{background:#f2eee4;color:var(--dk-navy)}.navtabs button.active{background:var(--dk-navy);color:#fff;box-shadow:inset 0 -3px 0 #d9b84d,0 2px 7px rgba(35,51,61,.14)}

/* Main content refinements */
main{max-width:1500px;padding:24px 26px 34px}.section-head h2{color:var(--dk-navy);letter-spacing:-.02em}.section-head p{color:#77736b}
.dashboard{gap:12px}.metric{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffdfa,#fff);border:1px solid #ddd6c8;border-radius:15px;box-shadow:0 5px 18px rgba(43,47,45,.045)}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#d3aa36,#ebd376)}.metric small{color:#817a6d}.metric strong{color:#202d35}.metric .positive{color:#16805c}
.toolbar{background:#faf8f2;border:1px solid #dfd8ca;border-radius:14px;padding:10px}.searchbox input,.toolbar select{background:#fff}
.car-card{border-color:#ded7ca;border-radius:15px;box-shadow:0 6px 20px rgba(43,47,45,.055)}.car-card:hover{transform:translateY(-3px);border-color:#c7af64;box-shadow:0 15px 32px rgba(43,47,45,.10)}.car-photo{background:linear-gradient(135deg,#f0ede5,#e7e3d8)}.car-info h3{color:#24343d}.car-info .sub{color:#81661a}.tag{background:#f8f5ec;border-color:#dfd7c8;color:#625f58}.location-line{color:#68645e}.value-line{border-top-color:#e6e0d5}
.garage-card,.storage-card,.wishlist-card,.settings-card,.table-card,.report-card{background:#fffdfa;border-color:#ddd6c8;border-radius:15px;box-shadow:0 5px 18px rgba(43,47,45,.04)}
.settings-card h3,.garage-card h3,.storage-card h3,.wishlist-card h3{color:#25353e}.update-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fffdf7,#f8f2dc);border-color:#d8c57b}.update-settings h3{margin:3px 0 5px}


/* Modals and form polish */
.modal{background:rgba(37,43,44,.38);backdrop-filter:blur(4px)}.modal-panel{background:#fcfbf7;border:1px solid #d8d1c4;box-shadow:0 24px 70px rgba(35,41,41,.22)}.modal-header,.modal-footer{background:#f5f1e8;border-color:#ddd5c7}.modal-header h3{color:#24343d}.modal-header small{color:#81661a}.form-section{background:#fff;border-color:#ddd6c9}.form-section h4{color:#6f5716}.fact{background:#fff;border-color:#dfd7ca}.account-menu{top:118px;background:#fffdfa;border-color:#d8d1c4}.toast{background:#fffdfa;border-color:#d8d1c4;color:#343634}

/* Responsive */
@media(max-width:1100px){
 .brand-stage{grid-template-columns:minmax(260px,1fr) minmax(220px,.8fr)}.collection-plaque{display:none}.brand-lockup img{width:min(320px,100%)}
}
@media(max-width:760px){
 body{padding-bottom:76px}.app-header{height:118px}.brand-stage{height:66px;grid-template-columns:1fr auto;gap:10px;padding:5px 10px}.brand-lockup img{width:235px;height:56px}.page-identity{border-left:0;padding-left:0;text-align:right}.page-identity .eyebrow,.page-identity small{display:none}.page-identity strong{font-size:15px}.control-strip{height:52px;padding:6px 9px;gap:8px}.version-cluster{gap:5px}.version-label,.live-version{display:none}.version-cluster strong{font-size:10px;padding:5px 7px}.top-actions{gap:5px;overflow-x:auto;justify-content:flex-end}.top-actions .sync-badge{display:none}.btn.compact{font-size:10px;padding:7px 8px;white-space:nowrap}.user-chip{width:32px;height:32px;flex:none}.navtabs{position:relative;top:auto;padding:7px 8px}.navtabs button{padding:8px 10px;font-size:11px}main{padding:14px}.update-settings{align-items:flex-start;flex-direction:column}.account-menu{top:112px;right:10px}
}
@media(max-width:480px){
 .brand-lockup img{width:205px}.page-identity strong{font-size:13px}.control-strip #syncBtn{display:none}.top-actions #hideValuesBtn{max-width:none}
}

@media print{.app-header,.navtabs,.mobile-add{display:none!important}}

/* =========================================================
   DIECAST KEEP V1.0.3 — Collector Garage final presentation
   Navy + gold + cream, with restrained Johnny-Lightning red
   ========================================================= */
:root{--dk-red:#b52d2e;--dk-red-soft:#f9eceb;--dk-blue-soft:#eef5fb;--dk-green-soft:#eef8f4;--dk-purple-soft:#f5f0fb;}

/* Hero header */
.app-header{height:148px;background:rgba(255,253,249,.975)}
.brand-stage{height:100px;grid-template-columns:minmax(360px,1.15fr) minmax(330px,1fr) minmax(250px,.68fr);gap:22px;padding:8px 28px;overflow:hidden}
.brand-lockup{align-self:center;display:grid;gap:1px;min-width:0}.brand-lockup>img{width:min(430px,100%);height:68px;object-fit:contain;object-position:left center}
.page-identity-inline{border:0;padding:0 0 0 10px;display:flex;align-items:center;gap:9px;min-width:0;margin-top:-2px}.page-identity-inline .eyebrow{font-size:8px;color:#8b7340;white-space:nowrap}.page-identity-inline .eyebrow span{color:var(--dk-navy);letter-spacing:.08em}.page-identity-inline small{font-size:9px;color:#858078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.garage-hero{height:84px;align-self:center;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:16px;opacity:.92}.garage-hero:before{content:"";position:absolute;inset:6px;background:linear-gradient(90deg,rgba(255,253,249,.8),rgba(255,253,249,.08) 18%,rgba(255,253,249,.08) 82%,rgba(255,253,249,.86));z-index:1;pointer-events:none}.garage-hero img{width:100%;height:100%;object-fit:cover;object-position:center}
.collection-plaque{min-width:250px;padding:11px 15px;border-color:#d7bd63;background:linear-gradient(135deg,#fffefa,#fbf1cf)}
.collection-plaque:after{content:"";display:block;width:31px;height:3px;margin-top:5px;border-radius:9px;background:linear-gradient(90deg,var(--dk-red) 0 32%,var(--dk-gold) 32% 100%)}
.control-strip{height:48px}.navtabs{top:148px}

/* Navigation and actions */
.btn.primary{background:linear-gradient(135deg,#d2a52e,#f0d46d);color:#1f2930;border-color:#c99d29;box-shadow:0 5px 14px rgba(179,136,31,.13)}
.btn.primary:hover{filter:brightness(1.025);transform:translateY(-1px)}
.btn.update-app{background:linear-gradient(135deg,#142c43,#203e57);border-color:#19364d;box-shadow:0 4px 13px rgba(20,44,67,.13)}
.btn.update-app.ready{background:linear-gradient(135deg,#142c43,#203e57);color:#fff;border-color:#19364d;box-shadow:0 4px 15px rgba(20,44,67,.19)}
.btn.update-app.ready:before{background:#1e9b6e;box-shadow:0 0 0 3px rgba(30,155,110,.12)}
.navtabs button.active{box-shadow:inset 0 -3px 0 #d8ae35,0 3px 10px rgba(20,44,67,.12)}

/* Collection summary: one polished row on wide screens */
.dashboard{grid-template-columns:repeat(7,minmax(128px,1fr));gap:12px}
.metric{min-height:104px;padding:15px 15px 14px 16px;display:flex;align-items:center;gap:12px;border-radius:16px}.metric:before{width:3px}.metric-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:900;color:#173650;background:#edf4fa;border:1px solid rgba(32,72,103,.08)}.metric-copy{min-width:0}.metric small{font-size:10px;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric strong{font-size:24px;margin-top:5px;line-height:1.05}.metric-cars{background:linear-gradient(135deg,#f6fbff,#fff)}.metric-cars:before{background:#2d5f8e}.metric-johnny-lightning{background:linear-gradient(135deg,#fff9f5,#fff)}.metric-johnny-lightning:before{background:var(--dk-red)}.metric-johnny-lightning .metric-icon{background:var(--dk-red-soft);color:var(--dk-red);border-color:#efd0cc}.jl-mark{font-size:13px;letter-spacing:-.04em;font-style:italic}.metric-white-lightning{background:linear-gradient(135deg,#fffaf0,#fff)}.metric-white-lightning:before{background:#e5ad20}.metric-white-lightning .metric-icon{background:#fff2cc;color:#ce8e00}.metric-carded{background:linear-gradient(135deg,#faf7ff,#fff)}.metric-carded:before{background:#7353a6}.metric-carded .metric-icon{background:var(--dk-purple-soft);color:#644493}.metric-total-paid{background:linear-gradient(135deg,#f5fbf8,#fff)}.metric-total-paid:before{background:#3f8f71}.metric-total-paid .metric-icon{background:var(--dk-green-soft);color:#367e64}.metric-estimated-value{background:linear-gradient(135deg,#f3f8ff,#fff)}.metric-estimated-value:before{background:#4667c4}.metric-estimated-value .metric-icon{background:#edf2ff;color:#415bbb}.metric-gain-loss,.metric-return{background:linear-gradient(135deg,#f3fbf7,#fff)}.metric-gain-loss:before,.metric-return:before{background:#2e9470}.metric-gain-loss .metric-icon,.metric-return .metric-icon{background:#edf9f4;color:#25805f}

/* Collection content */
.collection-head{margin-top:6px}.collection-head h2{font-size:30px;position:relative;padding-left:18px}.collection-head h2:before{content:"";position:absolute;left:0;top:4px;width:5px;height:30px;border-radius:5px;background:linear-gradient(180deg,var(--dk-gold),#e8c960)}.collection-head h2:after{content:"";position:absolute;left:0;bottom:2px;width:5px;height:7px;border-radius:3px;background:var(--dk-red)}
.toolbar{box-shadow:0 5px 18px rgba(40,45,43,.035)}

/* Rich empty collection state */
.empty-collection{margin-top:26px;border:1px solid #ddd5c8;border-radius:18px;background:rgba(255,253,250,.93);box-shadow:0 10px 30px rgba(40,45,43,.055);padding:20px;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);gap:28px;align-items:center;overflow:hidden}.empty-garage-art{height:245px;border-radius:15px;overflow:hidden;background:#e9e7df;position:relative}.empty-garage-art:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.65);border-radius:15px;box-shadow:inset 0 0 45px rgba(255,255,255,.18);pointer-events:none}.empty-garage-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.empty-copy{padding-right:20px}.empty-copy .eyebrow{color:#94701a}.empty-copy h3{font-size:27px;color:var(--dk-navy);margin:8px 0 8px;letter-spacing:-.025em}.empty-copy p{color:#6f716e;line-height:1.55;margin:0 0 18px}.empty-actions{display:flex;gap:10px;flex-wrap:wrap}.empty-tip{margin-top:22px;padding-top:15px;border-top:1px solid #e4ddd0;color:#75716a;font-size:12px}.empty-tip strong{color:#24455f}.empty-tip:before{content:"i";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:#295e93;color:#fff;font-weight:900;font-style:normal}

/* Footer */

/* Fine red accents only */
.wl-badge{border:1px solid #d7c158}.possible-badge{border-color:#d8aa37}.toast.bad{border-color:#d7a0a0;color:#9f3138}.danger-link{color:var(--dk-red)}

@media(max-width:1280px){.dashboard{grid-template-columns:repeat(4,1fr)}.brand-stage{grid-template-columns:minmax(330px,1.05fr) minmax(260px,.85fr) minmax(230px,.62fr)}.garage-hero{height:76px}}
@media(max-width:1050px){.dashboard{grid-template-columns:repeat(3,1fr)}.garage-hero{display:none}.brand-stage{grid-template-columns:minmax(330px,1fr) minmax(235px,.7fr)}.collection-plaque{display:grid}.empty-collection{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-header{height:124px}.brand-stage{height:72px;grid-template-columns:1fr auto}.brand-lockup>img{width:225px;height:50px}.page-identity-inline{padding-left:2px;margin-top:-4px}.page-identity-inline small{display:none}.page-identity-inline .eyebrow{font-size:7px}.collection-plaque{display:none}.control-strip{height:52px}.navtabs{top:auto}.dashboard{grid-template-columns:repeat(2,1fr)}.metric{min-height:90px;padding:11px;gap:9px}.metric-icon{width:34px;height:34px;flex-basis:34px;font-size:18px}.metric strong{font-size:20px}.metric small{font-size:9px}.empty-collection{grid-template-columns:1fr;padding:14px;gap:16px}.empty-garage-art{height:190px}.empty-copy{padding:2px 5px 8px}.empty-copy h3{font-size:23px}.empty-actions .btn{flex:1;min-width:150px}}
@media(max-width:480px){.brand-lockup>img{width:190px}.page-identity-inline{display:none}.dashboard{grid-template-columns:1fr 1fr}.metric{min-height:82px}.metric-icon{display:none}.collection-head h2{font-size:27px}.empty-garage-art{height:155px}.empty-copy h3{font-size:21px}.empty-actions{display:grid;grid-template-columns:1fr}.empty-actions .btn{width:100%}}

/* =========================================================
   DIECAST KEEP V1.0.4 — Mockup-faithful collector presentation
   Exact visual direction approved by user: cream/navy/gold + light red accents
   ========================================================= */
:root{
  --v104-navy:#0f2a46;
  --v104-navy2:#173a5d;
  --v104-gold:#d3a52e;
  --v104-gold2:#f1ce58;
  --v104-red:#b63032;
  --v104-cream:#f6f3ed;
  --v104-paper:#fffefa;
  --v104-line:#d9dfe4;
  --v104-muted:#60708a;
}
html,body{background:#f7f5f0;color:#10233b}
body:before{background:radial-gradient(circle at 15% 0,rgba(214,171,50,.08),transparent 27%),radial-gradient(circle at 88% 12%,rgba(31,68,105,.04),transparent 24%)}

/* Header: reproduce approved mockup proportions */
.app-header{height:192px;background:rgba(255,254,251,.985);border-bottom:0;box-shadow:none;backdrop-filter:blur(16px)}
.brand-stage{height:142px;max-width:none;width:100%;grid-template-columns:minmax(390px,.95fr) minmax(500px,1.25fr) minmax(300px,.72fr);gap:26px;padding:10px 38px 8px;border-bottom:1px solid #e4e0d8;background:#fffefa}
.brand-lockup{height:124px;display:flex;align-items:center;padding-left:8px}.brand-lockup>img{width:380px;height:122px;object-fit:contain;object-position:left center}
.page-identity-inline{display:none!important}
.garage-hero{height:128px;border-radius:0;opacity:1;background:#e8e4dc;box-shadow:none;overflow:hidden}.garage-hero:before{inset:0;background:linear-gradient(90deg,rgba(255,254,250,.55),rgba(255,255,255,0) 13%,rgba(255,255,255,0) 88%,rgba(255,254,250,.55));z-index:2}.garage-hero img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.98) contrast(1.01)}
.collection-plaque{min-width:305px;max-width:330px;min-height:96px;padding:15px 20px;border:1px solid #d6ae37;border-radius:15px;background:linear-gradient(135deg,#fffdf5,#fff4cf);box-shadow:0 9px 24px rgba(44,54,64,.08);align-self:center}.collection-plaque>span{font-size:10px;color:#9e720d}.collection-plaque strong{font-size:18px;color:#142c46;margin-top:3px}.collection-plaque small{font-size:12px;color:#506179;margin-top:2px}.collection-plaque:after{height:4px;width:42px;margin-top:9px;background:linear-gradient(90deg,var(--v104-red) 0 34%,var(--v104-gold) 34% 100%)}
.control-strip{height:50px;padding:6px 38px;border-top:0;border-bottom:1px solid #e4e0d8;background:#fffefa}.version-cluster{gap:12px}.version-label{font-size:11px;color:#43546b;letter-spacing:0;text-transform:none;font-weight:500}.version-cluster strong{font-size:14px;padding:9px 16px;border-radius:9px;background:var(--v104-navy)}.live-version{font-size:12px;padding-left:12px;color:#53647a;border-left:0;position:relative}.live-version:before{content:"";width:9px;height:9px;border-radius:50%;background:#23b36f;display:inline-block;margin-right:8px;vertical-align:0}.top-actions{gap:11px}.top-actions .sync-badge{display:none}.btn.compact{padding:10px 17px;border-radius:12px;font-size:13px}.btn.update-app{padding:10px 20px;background:var(--v104-navy);border-color:var(--v104-navy);box-shadow:0 6px 18px rgba(15,42,70,.13)}.btn.ghost{background:#fff;border-color:#d5dbe2;color:#132943}.user-chip{width:42px;height:42px;font-size:16px;background:#c8991f;color:#fff6d1;border:3px solid #f2d96b;box-shadow:0 5px 15px rgba(96,75,11,.16)}

/* Navigation capsule */
.navtabs{position:sticky;top:192px;z-index:25;max-width:calc(100% - 60px);margin:12px auto 0;padding:8px 12px;gap:5px;border:1px solid #e0e3e7;border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(26,42,59,.07);overflow-x:auto}.navtabs button{height:44px;display:flex;align-items:center;gap:10px;padding:9px 17px;border-radius:14px;font-size:14px;font-weight:700;color:#142841}.navtabs button.active{background:var(--v104-navy);color:#fff;box-shadow:inset 0 -3px 0 var(--v104-gold),0 6px 16px rgba(15,42,70,.18)}.navtabs button:hover:not(.active){background:#f7f8fa;color:#102c4a}.nav-ico{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px}.nav-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-ico.bolt{color:#d89500}.nav-ico.bolt svg{fill:currentColor;stroke:none}.navtabs button.active .nav-ico.bolt{color:#ffca35}

/* Main canvas matches mockup margins */
main{max-width:none;width:calc(100% - 60px);margin:0 auto;padding:26px 0 26px}.page{width:100%}
.dashboard{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-bottom:27px}.metric{height:104px;min-height:104px;padding:14px 17px;gap:13px;border:1px solid #d9e0e5;border-radius:14px;box-shadow:0 8px 22px rgba(27,42,58,.055)}.metric:before{display:none}.metric-icon{width:50px;height:50px;flex:0 0 50px;border-radius:12px}.metric-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.metric-white-lightning .metric-icon svg{fill:currentColor;stroke:none}.metric small{font-size:11px;color:#223b59;letter-spacing:.025em}.metric strong{font-size:27px;color:#102844;margin-top:5px}.metric-cars{background:linear-gradient(135deg,#eef7ff,#fff)}.metric-cars .metric-icon{background:transparent;border:0;color:#123d79}.metric-johnny-lightning{background:linear-gradient(135deg,#fff8ed,#fff)}.metric-johnny-lightning .metric-icon{background:transparent;border:0;padding:1px}.jl-metric-logo{display:block;width:48px;height:35px;object-fit:cover;object-position:center;border-radius:3px;mix-blend-mode:multiply}.metric-white-lightning{background:linear-gradient(135deg,#fff9e9,#fff)}.metric-white-lightning .metric-icon{background:transparent;border:0;color:#e59c00}.metric-carded{background:linear-gradient(135deg,#f5f1ff,#fff)}.metric-carded .metric-icon{background:transparent;border:0;color:#6d35a9}.metric-total-paid{background:linear-gradient(135deg,#effaf4,#fff)}.metric-total-paid .metric-icon{background:transparent;border:0;color:#379477}.metric-estimated-value{background:linear-gradient(135deg,#eef5ff,#fff)}.metric-estimated-value .metric-icon{background:transparent;border:0;color:#494bb8}.metric-gain-loss{background:linear-gradient(135deg,#f0faf6,#fff)}.metric-gain-loss .metric-icon{background:transparent;border:0;color:#2d9875}.metric .positive{color:#1d9a70}

/* Collection title, actions and filter row */
.collection-head{margin:0 0 18px;align-items:center}.collection-head h2{font-size:30px;padding-left:23px;color:#102b49}.collection-head h2:before{width:5px;height:31px;top:2px;background:var(--v104-gold)}.collection-head h2:after{height:7px;background:var(--v104-red)}.collection-head p{font-size:14px;color:#5f7490}.head-actions{gap:12px}.head-actions .btn{padding:12px 17px;border-radius:11px}.toolbar{grid-template-columns:minmax(310px,1.8fr) repeat(5,minmax(130px,1fr));gap:12px;padding:0;margin-bottom:26px;border:0;background:transparent;box-shadow:none}.searchbox input,.toolbar select{height:46px;border-radius:10px;border:1px solid #ccd5df;background:#fff;color:#17314e;box-shadow:0 3px 10px rgba(31,49,68,.025)}.searchbox span{top:10px;color:#173b64}.btn.primary{background:linear-gradient(135deg,#d7a92e,#f0cd57);border-color:#d1a324;color:#10233b;box-shadow:0 8px 20px rgba(186,139,24,.16)}

/* Exact rich empty state using the approved generated scene */
.empty-collection{margin-top:0;min-height:340px;padding:22px 28px;border:1px solid #dfe3e6;border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(25,42,60,.055);grid-template-columns:minmax(520px,.98fr) minmax(500px,1.02fr);gap:34px}.empty-garage-art{height:300px;border-radius:13px;background:#ddd;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.empty-garage-art:after{display:none}.empty-garage-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.empty-copy{padding:10px 18px 10px 0}.empty-copy .eyebrow{font-size:11px;color:#936900}.empty-copy h3{font-size:27px;margin:9px 0 8px;color:#102b4a}.empty-copy p{font-size:14px;line-height:1.5;color:#62738e;max-width:630px}.empty-actions{margin-top:18px;gap:14px}.empty-actions .btn{padding:12px 18px;border-radius:10px}.empty-tip{font-size:12px;color:#61748f}.empty-tip strong{color:#193b62}


/* Preserve tasteful red accent only */
.metric-johnny-lightning{border-bottom:2px solid rgba(182,48,50,.16)}.collection-plaque:after,.collection-head h2:after{background:var(--v104-red)}

@media(max-width:1320px){
 .brand-stage{grid-template-columns:minmax(330px,.9fr) minmax(400px,1.1fr) minmax(260px,.7fr);padding-left:24px;padding-right:24px}.brand-lockup>img{width:330px}.collection-plaque{min-width:270px}.dashboard{grid-template-columns:repeat(4,1fr)}.empty-collection{grid-template-columns:1fr 1fr}.empty-garage-art{height:270px}
}
@media(max-width:1050px){
 .app-header{height:168px}.brand-stage{height:118px;grid-template-columns:minmax(320px,1fr) minmax(380px,1.2fr);padding:8px 22px}.brand-lockup{height:104px}.brand-lockup>img{width:310px;height:102px}.garage-hero{height:104px}.collection-plaque{display:none}.control-strip{height:50px;padding:6px 24px}.navtabs{top:168px;max-width:calc(100% - 32px)}main{width:calc(100% - 32px)}.dashboard{grid-template-columns:repeat(3,1fr)}.empty-collection{grid-template-columns:1fr}.empty-garage-art{height:310px}
}
@media(max-width:760px){
 .app-header{height:126px}.brand-stage{height:74px;display:flex;padding:4px 12px}.brand-lockup{height:66px}.brand-lockup>img{width:225px;height:66px}.garage-hero,.collection-plaque{display:none}.control-strip{height:52px;padding:6px 10px}.version-label,.live-version{display:none}.top-actions{overflow-x:auto}.top-actions #syncBtn{display:none}.btn.compact{padding:8px 10px}.navtabs{position:relative;top:auto;max-width:100%;margin:0;border-radius:0;border-left:0;border-right:0;padding:7px 8px}.navtabs button{height:39px;padding:8px 10px;font-size:11px}.nav-ico{width:17px;height:17px;flex-basis:17px}.nav-ico svg{width:17px;height:17px}main{width:100%;padding:14px}.dashboard{grid-template-columns:repeat(2,1fr);gap:9px}.metric{height:88px;min-height:88px;padding:10px}.metric-icon{width:36px;height:36px;flex-basis:36px}.metric-icon svg{width:24px;height:24px}.jl-metric-logo{width:36px;height:27px}.metric strong{font-size:20px}.metric small{font-size:9px}.toolbar{grid-template-columns:1fr 1fr;gap:8px}.toolbar .searchbox{grid-column:1/-1}.empty-collection{padding:13px;gap:17px}.empty-garage-art{height:190px}.empty-copy{padding:2px 5px 8px}.empty-copy h3{font-size:22px}
}
@media(max-width:480px){
 .brand-lockup>img{width:195px}.dashboard{grid-template-columns:1fr 1fr}.metric-icon{display:none}.toolbar{grid-template-columns:1fr}.toolbar .searchbox{grid-column:auto}.empty-garage-art{height:150px}.empty-copy h3{font-size:20px}.empty-actions{display:grid;grid-template-columns:1fr}.empty-actions .btn{width:100%}
}

/* ============================================================
   DIECAST KEEP V1.0.8 — V1.0.6 visual base + image cleanup
   The approved collector image is now the brand itself.
   ============================================================ */
:root{
  --v105-navy:#0f2a46;
  --v105-gold:#d3a52e;
  --v105-red:#b63032;
  --v105-cream:#f6f3ed;
}

/* One continuous hero instead of three disconnected blocks */
.brand-stage.hero-brand-stage{
  position:relative;
  display:block;
  height:142px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:#e9e4d9;
  border-bottom:1px solid rgba(15,42,70,.08);
}
.hero-brand-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
}
.hero-brand-wash{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(11,32,54,.94) 0%,rgba(11,32,54,.84) 18%,rgba(11,32,54,.30) 35%,rgba(11,32,54,.02) 55%,rgba(255,250,234,.12) 72%,rgba(255,250,234,.68) 100%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(10,28,47,.10));
}
.hero-brand-copy{
  position:absolute;
  z-index:2;
  left:48px;
  top:18px;
  width:min(470px,35vw);
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
}
.hero-brand-kicker{
  display:block;
  margin-bottom:2px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.23em;
  color:#f4d36b;
}
.hero-brand-copy h1{
  margin:0;
  font-size:40px;
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:950;
  font-style:italic;
  white-space:nowrap;
}
.hero-brand-copy h1 span{color:#fff}
.hero-brand-copy h1 em{font-style:italic;color:#f0ca4f}
.hero-brand-rule{display:flex;width:126px;height:4px;margin:7px 0 6px;border-radius:999px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.hero-brand-rule i{display:block;width:34%;background:var(--v105-red)}
.hero-brand-rule b{display:block;flex:1;background:var(--v105-gold)}
.hero-page-identity{display:block!important;margin:0;padding:0;border:0;color:#f7f4ea}
.hero-page-identity>span{font-size:11px;font-weight:700;letter-spacing:.02em}
.hero-page-identity>span strong{color:#fff;font-weight:800}
.hero-page-identity small{display:block;margin-top:2px;font-size:10px;color:rgba(255,255,255,.78);text-shadow:0 1px 4px rgba(0,0,0,.35)}
.hero-collection-plaque{
  position:absolute;
  z-index:3;
  right:46px;
  top:22px;
  width:315px;
  min-width:0;
  min-height:94px;
  margin:0;
  padding:14px 19px;
  background:rgba(255,249,224,.93);
  border:1px solid rgba(207,159,30,.92);
  box-shadow:0 10px 26px rgba(20,31,42,.14);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.hero-collection-plaque>span{color:#9b6d0a}
.hero-collection-plaque strong{color:#112b47}
.hero-collection-plaque small{color:#52647a}
.hero-collection-plaque:after{background:linear-gradient(90deg,var(--v105-red) 0 34%,var(--v105-gold) 34% 100%)}

/* Login also uses the collector image as the brand */
.login-brand-hero{
  position:relative;
  height:122px;
  margin:-8px -8px 18px;
  overflow:hidden;
  border-radius:16px;
  background:#152d47;
}
.login-brand-hero>img{width:100%;height:100%;object-fit:cover;object-position:center}
.login-brand-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,52,.88),rgba(10,31,52,.20) 72%,rgba(10,31,52,.06))}
.login-brand-overlay{position:absolute;z-index:2;left:20px;top:25px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.login-brand-overlay strong{display:block;font-size:29px;line-height:1;font-style:italic;letter-spacing:-.04em}
.login-brand-overlay strong em{font-style:italic;color:#f1ca4c}
.login-brand-overlay span{display:block;margin-top:7px;font-size:9px;font-weight:800;letter-spacing:.18em;color:#f5d873}

/* Hero integration polish */
.control-strip{box-shadow:0 5px 16px rgba(31,45,59,.035)}
.navtabs{margin-top:11px}

@media(max-width:1320px){
  .brand-stage.hero-brand-stage{padding:0;grid-template-columns:none}
  .hero-brand-copy{left:30px;width:390px}.hero-brand-copy h1{font-size:35px}
  .hero-collection-plaque{right:28px;width:285px}
}
@media(max-width:1050px){
  .brand-stage.hero-brand-stage{height:118px;padding:0;display:block}
  .hero-brand-copy{left:24px;top:14px;width:330px}.hero-brand-copy h1{font-size:31px}
  .hero-brand-kicker{font-size:8px}.hero-page-identity small{display:none}
  .hero-collection-plaque{right:22px;top:17px;width:260px;min-height:82px;padding:12px 16px}.hero-collection-plaque strong{font-size:16px}
}
@media(max-width:760px){
  .brand-stage.hero-brand-stage{height:74px;padding:0;display:block}
  .hero-brand-photo{object-position:58% center}
  .hero-brand-wash{background:linear-gradient(90deg,rgba(9,29,49,.92),rgba(9,29,49,.65) 46%,rgba(9,29,49,.08) 100%)}
  .hero-brand-copy{left:14px;top:10px;width:235px}.hero-brand-copy h1{font-size:25px}.hero-brand-kicker{font-size:7px;letter-spacing:.16em}.hero-brand-rule{width:88px;height:3px;margin:4px 0 3px}.hero-page-identity>span{font-size:8px}.hero-page-identity small{display:none}
  .hero-collection-plaque{display:none}
}
@media(max-width:480px){
  .hero-brand-copy{left:11px;top:11px;width:205px}.hero-brand-copy h1{font-size:22px}.hero-brand-kicker{font-size:6.5px}.hero-page-identity{display:none!important}
}

/* V1.0.6: duplicated bottom app bar removed. Header remains the sole app control surface. */

@media(max-width:760px){body{padding-bottom:0}}


/* ============================================================
   DIECAST KEEP V1.0.8 — IMAGE CLEANUP ONLY
   - Keep the V1.0.6 hero/header exactly as-is.
   - Remove the duplicated lower collector image/column.
   - Show the Johnny Lightning dashboard package fully, uncropped.
   ============================================================ */
.metric-johnny-lightning .metric-icon{
  overflow:visible;
  padding:0;
}
.jl-metric-logo{
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
  object-position:center;
  border-radius:7px;
  mix-blend-mode:normal;
  box-shadow:0 1px 4px rgba(17,43,71,.08);
}
.empty-collection{
  grid-template-columns:1fr;
  min-height:0;
  gap:0;
  padding:28px 32px;
}
.empty-collection .empty-garage-art{display:none!important}
.empty-collection .empty-copy{
  width:100%;
  max-width:900px;
  padding:6px 8px 8px;
}
@media(max-width:1050px){
  .empty-collection{grid-template-columns:1fr;min-height:0;padding:24px 26px}
}
@media(max-width:760px){
  .jl-metric-logo{width:34px;height:34px;border-radius:5px}
  .empty-collection{grid-template-columns:1fr;min-height:0;padding:18px 16px}
  .empty-collection .empty-copy{padding:2px 4px 6px}
}
@media(max-width:480px){
  .empty-collection{padding:16px 13px}
}

/* ============================================================
   DIECAST KEEP V1.0.11 — TARGETED IMAGE + IMPORTER CLEANUP
   - Keep Add/Edit Paste from ChatGPT only inside item modal.
   - Use clean panoramic collector-garage banner with no embedded UI copy.
   - Restore collector package + Camaro image to empty-state right side.
   ============================================================ */
.dashboard{grid-template-columns:repeat(6,minmax(0,1fr))}
.hero-brand-photo{object-position:center center}
.empty-collection{
  display:grid;
  grid-template-columns:minmax(420px,.84fr) minmax(540px,1.16fr);
  min-height:330px;
  gap:28px;
  padding:22px 26px;
  align-items:center;
}
.empty-collection .empty-copy{
  max-width:none;
  width:auto;
  padding:10px 8px 10px 12px;
}
.empty-collection .empty-garage-art{
  display:block!important;
  height:286px;
  overflow:hidden;
  border-radius:13px;
  background:#eee9df;
  box-shadow:inset 0 0 0 1px rgba(16,43,73,.05),0 7px 20px rgba(21,44,68,.06);
}
.empty-collection .empty-garage-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
}
#importModal{z-index:110}
.item-import-btn{margin-right:auto}
@media(max-width:1320px){
  .dashboard{grid-template-columns:repeat(3,1fr)}
  .empty-collection{grid-template-columns:minmax(340px,.82fr) minmax(460px,1.18fr)}
}
@media(max-width:1050px){
  .dashboard{grid-template-columns:repeat(3,1fr)}
  .empty-collection{grid-template-columns:1fr;gap:18px}
  .empty-collection .empty-garage-art{height:300px}
}
@media(max-width:760px){
  .dashboard{grid-template-columns:repeat(2,1fr)}
  .empty-collection{grid-template-columns:1fr;padding:18px 16px}
  .empty-collection .empty-copy{padding:2px 4px 6px}
  .empty-collection .empty-garage-art{display:block!important;height:190px}
  .modal-footer{flex-wrap:wrap}
  .item-import-btn{margin-right:0;flex:1 0 100%}
}
@media(max-width:480px){
  .dashboard{grid-template-columns:1fr 1fr}
  .empty-collection{padding:16px 13px}
  .empty-collection .empty-garage-art{height:155px}
}

/* ============================================================
   DIECAST KEEP V1.0.14 — IMAGE FRAMING ONLY
   - Show the full collector-garage banner instead of cropping it vertically.
   - Show the clean lower collector image without blurred side-fill or crop.
   ============================================================ */
.hero-brand-photo{
  object-fit:fill;
  object-position:center center;
}
.empty-collection .empty-garage-art{
  width:min(100%,760px);
  height:auto;
  aspect-ratio:670 / 300;
  justify-self:center;
  background:transparent;
  box-shadow:none;
  border-radius:13px;
}
.empty-collection .empty-garage-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  transform:none;
  border-radius:13px;
}
@media(max-width:1050px){
  .empty-collection .empty-garage-art{
    width:min(100%,760px);
    height:auto;
    aspect-ratio:670 / 300;
  }
}
@media(max-width:760px){
  .hero-brand-photo{object-fit:fill;object-position:center center}
  .empty-collection .empty-garage-art{
    width:100%;
    height:auto;
    aspect-ratio:670 / 300;
  }
}
@media(max-width:480px){
  .empty-collection .empty-garage-art{
    height:auto;
    aspect-ratio:670 / 300;
  }
}


/* ============================================================
   DIECAST KEEP V1.0.15 — final header refinement + WL metric cleanup
   - Make the hero banner breathe better without distortion.
   - Keep a single lightning symbol in the White Lightning KPI.
   ============================================================ */
.app-header{height:206px;}
.brand-stage.hero-brand-stage{height:156px;background:#0f2237;}
.hero-brand-photo{object-fit:contain!important;object-position:center center!important;background:#0f2237;}
.hero-brand-wash{background:linear-gradient(90deg,rgba(9,25,43,.92) 0%,rgba(9,25,43,.66) 16%,rgba(9,25,43,.18) 35%,rgba(9,25,43,0) 54%,rgba(9,25,43,0) 100%);}
.hero-brand-copy{top:18px;}
.hero-collection-plaque{top:16px;}
.navtabs{top:206px;}
@media(max-width:1050px){.app-header{height:172px}.brand-stage.hero-brand-stage{height:122px}.navtabs{top:172px}.hero-brand-photo{object-fit:cover!important;object-position:center center!important;}}
@media(max-width:760px){.app-header{height:126px}.brand-stage.hero-brand-stage{height:74px}.navtabs{top:auto}.hero-brand-photo{object-fit:cover!important;object-position:center center!important;}}