*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#08111f;color:#eef2ff}.shell{min-height:100vh;display:flex}.sidebar{width:260px;background:#0d1829;border-right:1px solid #1e2d44;padding:22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand span{display:block;color:#8da1bd;font-size:12px}.logo{width:44px;height:44px;border-radius:14px;background:#ef4444;display:grid;place-items:center;font-weight:900}.sidebar nav{display:grid;gap:7px}.sidebar a{color:#dce7f7;text-decoration:none;padding:12px 14px;border-radius:10px}.sidebar a:hover{background:#17243a}.sidebar hr{border:0;border-top:1px solid #22314a;width:100%;margin:12px 0}.logout{margin-top:auto;background:#111d30;color:#fff;border:1px solid #263953;border-radius:10px;padding:11px;width:100%}.main{flex:1;padding:34px;min-width:0}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#f87171;font-weight:700}h1{font-size:36px;margin:5px 0}h2{margin-top:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.stats.two{grid-template-columns:1fr 1fr}.stat,.panel,.info{background:#0f1b2e;border:1px solid #1f3049;border-radius:18px;padding:18px}.stat span,.info span{display:block;color:#89a0be;font-size:12px;text-transform:uppercase}.stat strong{font-size:26px;display:block;margin-top:7px}.car-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.car-card{background:#0f1b2e;border:1px solid #1f3049;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff}.car-card img,.placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#17243a;display:grid;place-items:center;color:#72839c}.car-card .pad{padding:14px;display:grid;gap:6px}.car-card span{color:#8fa5c1;font-size:13px}.car-card strong{color:#6ee7b7}.btn,.primary,button{display:inline-block;border:0;border-radius:10px;padding:11px 16px;background:#263953;color:#fff;text-decoration:none;cursor:pointer}.primary{background:#ef4444}.filters{display:flex;gap:10px;align-items:center;background:#0f1b2e;border:1px solid #1f3049;padding:14px;border-radius:16px;margin-bottom:20px}.form-stack{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-stack input,.form-stack select,.form-stack textarea,.filters input,.filters select,.valuation-form input{width:100%;background:#08111f;border:1px solid #2b3b55;color:#fff;border-radius:10px;padding:12px}.panel label{display:grid;gap:6px;color:#c9d6e8}.checks{display:flex;flex-wrap:wrap;gap:14px;margin-top:15px}.checks label{display:flex;align-items:center;gap:6px}.detail-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:28px}.hero-img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#000;border-radius:20px}.hero-placeholder{aspect-ratio:4/3;border-radius:20px}.thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.thumb-wrap{position:relative}.thumb-wrap img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.thumb-actions{display:flex;gap:5px;margin-top:5px}.thumb-actions button{padding:6px 8px;font-size:11px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tags span{background:#3b1821;color:#fecaca;border:1px solid #7f1d1d;padding:6px 10px;border-radius:999px}.valuation-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}.valuation-row{display:flex;justify-content:space-between;border-top:1px solid #22314a;padding:10px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.user-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #22314a}.user-row span{display:block;color:#8fa5c1;font-size:13px}.narrow{max-width:650px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:18px}.success{background:#063c2b;border:1px solid #047857}.error{background:#451a1a;border:1px solid #991b1b}.login-wrap{min-height:80vh;display:grid;place-items:center}.login-card{width:min(430px,100%);background:#0f1b2e;border:1px solid #1f3049;border-radius:22px;padding:28px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px}.login-card input{background:#08111f;border:1px solid #2b3b55;color:#fff;padding:12px;border-radius:10px}
@media(max-width:1050px){.car-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.sidebar{width:210px}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shell{display:block}.sidebar{width:100%;min-height:auto}.main{padding:20px}.car-grid,.stats,.form-grid,.two-col{grid-template-columns:1fr}.filters{display:grid}.page-head{align-items:flex-start}.info-grid{grid-template-columns:1fr}.valuation-form{grid-template-columns:1fr}.thumb-grid{grid-template-columns:repeat(3,1fr)}}



.photo-help{margin:-6px 0 14px;color:#8fa5c1;font-size:13px}

.photo-drop-simple{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:92px;
  padding:18px;
  border:1px dashed #3a4d69;
  border-radius:14px;
  background:#0b1627;
  cursor:pointer;
  transition:.18s ease;
}
.photo-drop-simple:hover,
.photo-drop-simple.drag-over{
  border-color:#ef4444;
  background:#101b2d;
}

.photo-drop-simple input{display:none}

.photo-drop-simple-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#17243a;
  color:#f87171;
}
.photo-drop-simple-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.photo-drop-simple-text{
  min-width:0;
  flex:1;
}
.photo-drop-simple-text strong{
  display:block;
  font-size:15px;
  color:#fff;
}
.photo-drop-simple-text span{
  display:block;
  margin-top:3px;
  color:#7f92ad;
  font-size:12px;
}

.photo-drop-simple-button{
  flex:0 0 auto;
  padding:9px 12px;
  border-radius:9px;
  background:#ef4444;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.photo-preview-wrap-simple{
  margin-top:14px;
}
.photo-preview-wrap-simple[hidden]{display:none}

.photo-preview-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:9px;
  color:#8fa5c1;
  font-size:12px;
}

.photo-clear-simple{
  background:transparent;
  border:0;
  color:#f87171;
  padding:3px 0;
  font-size:12px;
  font-weight:700;
}

.photo-preview-grid-simple{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}

.photo-preview-item-simple{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  border:1px solid #22334d;
  background:#0a1423;
}
.photo-preview-item-simple img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  display:block;
}

.photo-remove-simple{
  position:absolute;
  top:5px;
  right:5px;
  width:24px;
  height:24px;
  border-radius:50%;
  border:0;
  padding:0;
  background:rgba(8,17,31,.86);
  color:#fff;
  font-size:16px;
  line-height:24px;
}
.photo-remove-simple:hover{background:#ef4444}

@media(max-width:900px){
  .photo-preview-grid-simple{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:600px){
  .photo-drop-simple{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .photo-drop-simple-button{
    width:100%;
    text-align:center;
  }
  .photo-preview-grid-simple{grid-template-columns:repeat(3,1fr)}
}

.head-actions{display:flex;gap:8px;flex-wrap:wrap}
.filters-advanced{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center}
.filters-advanced .check-inline{display:flex;align-items:center;gap:6px;color:#cbd5e1;font-size:12px}
.filters-advanced .check-inline input{width:auto}
.car-card{position:relative}
.car-card-image{position:relative;display:block;color:inherit;text-decoration:none}
.badge{position:absolute;left:8px;top:8px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.08em}
.badge-super{background:#f59e0b;color:#111827}.badge-th{background:#16a34a;color:#fff}.badge-rlc{left:auto;right:8px;background:#2563eb;color:#fff}
.favorite-star{position:absolute;right:10px;bottom:8px;font-size:22px;color:#facc15;text-shadow:0 2px 5px #000}
.card-title-row{display:flex;justify-content:space-between;gap:10px}.card-title-row strong{white-space:nowrap}
.card-meta{display:flex;gap:8px;color:#71839d;font-size:11px}
.card-actions{display:flex;gap:8px;margin-top:8px}.card-actions a{font-size:11px;text-decoration:none;color:#cbd5e1;background:#18273d;padding:6px 8px;border-radius:7px}
.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.gallery-item{position:relative;display:block;border:1px solid #1f3049;border-radius:14px;overflow:hidden;background:#0f1b2e;color:#fff;text-decoration:none}
.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.gallery-caption{padding:10px}.gallery-caption strong{display:block;font-size:13px}.gallery-caption span{display:block;color:#8195b0;font-size:11px;margin-top:3px}
.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}
.bar-row{display:grid;grid-template-columns:110px 1fr 36px;gap:10px;align-items:center;margin:9px 0;font-size:12px;color:#9db0c9}
.bar-track{height:8px;border-radius:99px;background:#0a1423;overflow:hidden}.bar-track i{display:block;height:100%;background:#ef4444;border-radius:99px}
.photo-manager-note{font-size:12px;color:#7f92ad;margin:8px 0}
.thumb-sortable .thumb-wrap{cursor:grab}.thumb-sortable .thumb-wrap.dragging{opacity:.45}
.cover-chip{position:absolute;left:5px;top:5px;background:#ef4444;color:#fff;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}
.photo-add-panel{margin-top:16px}
.muted{color:#8fa5c1}
@media(max-width:1100px){.filters-advanced{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.filters-advanced{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:1fr}}
@media(max-width:560px){.filters-advanced{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}

.bulk-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#0f1b2e;border:1px solid #1f3049;border-radius:14px;padding:10px 12px;margin-bottom:14px}
.bulk-bar select{background:#08111f;border:1px solid #2b3b55;color:#fff;border-radius:8px;padding:9px}
.select-car{position:absolute;z-index:4;left:8px;top:8px;background:#08111fcc;border:1px solid #334155;border-radius:7px;padding:4px}
.select-car input{width:16px;height:16px}
.set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.set-card{background:#0f1b2e;border:1px solid #1f3049;border-radius:16px;padding:18px;color:#fff;text-decoration:none}
.set-card-top{display:flex;justify-content:space-between;gap:12px}.set-card-top span{display:block;color:#7f92ad;font-size:12px;margin-top:4px}.set-card-top strong{font-size:22px}
.set-progress{height:8px;background:#08111f;border-radius:99px;overflow:hidden;margin:14px 0 8px}.set-progress i{display:block;height:100%;background:#ef4444;border-radius:99px}.set-progress.big{height:12px;margin-bottom:20px}
.inline-form{display:flex;gap:10px}.inline-form select{flex:1;background:#08111f;border:1px solid #2b3b55;color:#fff;border-radius:10px;padding:11px}
.mini-danger{background:#3b1620;color:#fecaca;padding:6px 9px;font-size:11px}
.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.health-card{border-radius:14px;padding:16px;border:1px solid #1f3049;background:#0f1b2e}.health-card span{display:block;color:#8fa5c1;font-size:12px}.health-card strong{display:block;margin-top:6px}.health-card.ok{border-color:#14532d}.health-card.bad{border-color:#7f1d1d}
.activity-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #1f3049}.activity-row span,.activity-row small{display:block;color:#8195b0;font-size:12px}
@media(max-width:900px){.set-grid{grid-template-columns:repeat(2,1fr)}.health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.set-grid,.health-grid{grid-template-columns:1fr}.inline-form{display:grid}}

.quick-add-card{background:#0f1b2e;border:1px solid #1f3049;border-radius:20px;padding:20px;display:grid;gap:18px}
.quick-photo{background:#0a1525;border:1px dashed #3a4d69;border-radius:14px;padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.quick-photo span{color:#8195b0;font-size:12px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid label{display:grid;gap:6px}.quick-grid input,.quick-grid select{background:#08111f;border:1px solid #2b3b55;color:#fff;border-radius:9px;padding:11px}
.quick-check{display:flex!important;align-items:center;gap:8px}.quick-check input{width:auto}
.quick-actions{display:flex;gap:8px}.duplicate-notice{background:#3b2710;border:1px solid #92400e;color:#fde68a;border-radius:10px;padding:10px;font-size:12px}.duplicate-notice a{color:#fff}
.analytics-row,.storage-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #1f3049;color:#fff;text-decoration:none}.storage-row span{display:block;color:#8195b0;font-size:11px;margin-top:3px}
.checklist-row{display:grid;grid-template-columns:1fr 210px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #1f3049}.checklist-row.owned{background:#0b241c}.checklist-row span{display:block;color:#8195b0;font-size:11px}.checklist-row select{width:100%;background:#08111f;color:#fff;border:1px solid #2b3b55;border-radius:8px;padding:8px}
.lightbox{position:fixed;inset:0;background:#000d;z-index:9999;display:grid;place-items:center;padding:30px}.lightbox[hidden]{display:none}.lightbox img{max-width:95vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:24px;top:20px;width:42px;height:42px;border-radius:50%;font-size:28px;padding:0}
@media(max-width:1000px){.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.quick-grid{grid-template-columns:1fr}.quick-photo{display:grid}.checklist-row{grid-template-columns:1fr}}

/* v3.5 mobile navigation + platform screens */
.sidebar a{display:flex;align-items:center;gap:11px}
.nav-icon{width:24px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#111d30;color:#9fb3cf;font-size:14px}
.nav-label{min-width:0}
.mobile-topbar,.sidebar-backdrop{display:none}
.search-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.global-search-page{display:flex;gap:8px;margin-bottom:16px}.global-search-page input{flex:1;background:#08111f;border:1px solid #2b3b55;color:#fff;border-radius:10px;padding:12px}
.search-row,.duplicate-row,.release-row,.purchase-row,.sale-row,.trade-row,.smart-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #1f3049;color:#fff;text-decoration:none}
.search-row span,.duplicate-row span,.release-row span,.purchase-row span,.sale-row span,.trade-row span,.smart-row span{color:#8195b0;font-size:12px}
.barcode-result{margin-top:16px;padding:18px;border:1px solid #1f3049;background:#0b1627;border-radius:14px}
.mobile-mode{max-width:900px;margin:0 auto}.mobile-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.mobile-actions a{display:grid;grid-template-columns:52px 1fr;column-gap:12px;align-items:center;background:#0f1b2e;border:1px solid #1f3049;border-radius:16px;padding:18px;color:#fff;text-decoration:none}.mobile-actions a>span{grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;background:#111d30;border-radius:14px;font-size:24px}.mobile-actions small{color:#8195b0}

@media(max-width:860px){
  body{padding-top:58px}
  .mobile-topbar{position:fixed;display:flex;z-index:1200;top:0;left:0;right:0;height:58px;align-items:center;gap:12px;padding:0 12px;background:#08111f;border-bottom:1px solid #1f3049}
  .mobile-brand{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
  .mobile-search{width:38px;height:38px;display:grid;place-items:center;color:#fff;text-decoration:none;border:1px solid #253751;border-radius:10px}
  .hamburger{width:40px;height:40px;padding:9px;border:1px solid #253751;border-radius:10px;background:#0f1b2e;display:flex;flex-direction:column;justify-content:center;gap:4px}
  .hamburger span{display:block;height:2px;width:20px;background:#fff;border-radius:99px}
  .sidebar{position:fixed!important;z-index:1300;left:0!important;top:0!important;bottom:0!important;width:min(84vw,310px)!important;height:100vh!important;max-height:none!important;transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto!important;box-shadow:18px 0 40px #0008}
  body.nav-open .sidebar{transform:translateX(0)}
  .sidebar-backdrop{position:fixed;z-index:1250;inset:0;background:#0009}
  body.nav-open .sidebar-backdrop{display:block}
  body.nav-open{overflow:hidden}
  .main,.content,.app-main{margin-left:0!important;width:100%!important}
  .sidebar a{padding:11px 12px!important;border-radius:10px}
  .nav-icon{width:30px;min-width:30px;height:30px}
  .search-sections{grid-template-columns:1fr}
}
@media(max-width:600px){
  .mobile-actions{grid-template-columns:1fr}
}

.health-score{display:flex;align-items:baseline;gap:14px;padding:24px;background:#0f1b2e;border:1px solid #1f3049;border-radius:18px;margin-bottom:16px}.health-score strong{font-size:46px}.health-score span{color:#8195b0}
.assistant-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.assistant-actions a{background:#08111f;border:1px solid #263954;border-radius:10px;padding:12px;color:#fff;text-decoration:none}
.copy-row,.notification-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #1f3049}.notification-row{color:#fff;text-decoration:none}.notification-row span{color:#ef4444}.notification-row i{font-style:normal;font-size:22px}
.wizard-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.wizard-steps>*{padding:12px;background:#0f1b2e;border:1px solid #1f3049;border-radius:10px;text-align:center;font-size:12px}.wizard-steps b{border-color:#ef4444}
@media(max-width:700px){.assistant-actions{grid-template-columns:1fr 1fr}.wizard-steps{grid-template-columns:1fr}.health-score strong{font-size:36px}}

/* v3.6.1 dashboard builder */
.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.dash-widget{background:#0f1b2e;border:1px solid #1f3049;border-radius:18px;padding:18px;min-width:0}
.dash-small{grid-column:span 3}.dash-medium{grid-column:span 4}.dash-wide{grid-column:span 6}.dash-full{grid-column:1/-1}
.dash-widget h2{margin:0 0 14px;font-size:16px}
.widget-stat{display:flex;flex-direction:column;gap:8px;min-height:90px;justify-content:center}
.widget-stat span{color:#8195b0;font-size:12px}.widget-stat strong{font-size:28px;line-height:1}
.widget-link{color:#fff;text-decoration:none}
.mini-car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-car{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:9px;color:#fff;text-decoration:none;background:#0a1525;border-radius:10px;padding:7px}.mini-car img,.mini-placeholder{width:58px;height:58px;border-radius:8px;object-fit:cover}.mini-placeholder{display:grid;place-items:center;background:#162235;font-size:9px;color:#8195b0}
.widget-list{display:grid;gap:7px}.widget-list>a,.widget-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1f3049;color:#fff;text-decoration:none}.widget-list small{color:#8195b0}
.set-widget-row{display:grid;grid-template-columns:140px 1fr 44px;gap:10px;align-items:center;color:#fff;text-decoration:none;padding:8px 0}
.dashboard-editor-toolbar,.dashboard-editor-footer{display:flex;gap:8px;justify-content:flex-end;margin:12px 0}
.dashboard-widget-editor{display:grid;gap:10px}
.dashboard-edit-card{display:grid;grid-template-columns:46px 1fr 90px 150px;gap:12px;align-items:center;background:#0f1b2e;border:1px solid #1f3049;border-radius:14px;padding:12px;transition:border-color .15s,opacity .15s}
.dashboard-edit-card.dragging{opacity:.45;border-color:#60a5fa}
.dashboard-edit-card.touch-selected{outline:2px solid #60a5fa}
.drag-handle{width:40px;height:40px;padding:0;border-radius:10px;font-size:20px;cursor:grab;touch-action:none}
.edit-card-title{display:grid;gap:3px}.edit-card-title small{color:#8195b0}
.visibility-toggle{display:flex;align-items:center;gap:7px}.widget-size{background:#08111f;border:1px solid #2b3b55;color:#fff;border-radius:9px;padding:9px}
.dashboard-reset-form{margin-top:18px}
@media(max-width:1050px){.dash-small{grid-column:span 4}.dash-medium{grid-column:span 6}.dash-wide{grid-column:span 12}}
@media(max-width:860px){
 .dashboard-grid{grid-template-columns:1fr}
 .dash-small,.dash-medium,.dash-wide,.dash-full{grid-column:1/-1}
 .dashboard-edit-card{grid-template-columns:42px 1fr}
 .dashboard-edit-card .visibility-toggle,.dashboard-edit-card .widget-size{grid-column:auto}
 .mini-car-grid{grid-template-columns:1fr 1fr}
 .set-widget-row{grid-template-columns:1fr}
}
@media(max-width:520px){.mini-car-grid{grid-template-columns:1fr}.dashboard-editor-toolbar{justify-content:stretch;flex-wrap:wrap}.dashboard-editor-toolbar .btn{flex:1}}

/* v3.6.2 real mobile camera barcode scanner */
.barcode-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}
.barcode-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.barcode-camera-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:#050b14;border:1px solid #263954}
.barcode-camera-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.barcode-camera-wrap video.active{opacity:1}
.barcode-camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:#8195b0;padding:20px}
.barcode-camera-placeholder[hidden]{display:none}
.barcode-camera-placeholder strong{color:#fff}
.barcode-big-icon{font-size:46px;line-height:1;color:#a9bad1}
.barcode-scan-frame{position:absolute;left:12%;right:12%;top:24%;bottom:24%;z-index:4;pointer-events:none}
.barcode-scan-frame span{position:absolute;width:32px;height:32px;border-color:#60a5fa}
.barcode-scan-frame span:nth-child(1){left:0;top:0;border-left:3px solid;border-top:3px solid}
.barcode-scan-frame span:nth-child(2){right:0;top:0;border-right:3px solid;border-top:3px solid}
.barcode-scan-frame span:nth-child(3){left:0;bottom:0;border-left:3px solid;border-bottom:3px solid}
.barcode-scan-frame span:nth-child(4){right:0;bottom:0;border-right:3px solid;border-bottom:3px solid}
.barcode-status{margin-top:10px;padding:10px 12px;border-radius:10px;background:#0a1525;color:#9fb3cf;font-size:13px}
.barcode-status.active{color:#bfdbfe;border:1px solid #1d4ed8}
.barcode-status.success{color:#bbf7d0;border:1px solid #15803d}
.barcode-status.error{color:#fecaca;border:1px solid #991b1b}
.barcode-photo-fallback{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.barcode-code-display{display:inline-block;margin-top:8px;padding:8px 10px;background:#08111f;border-radius:8px;letter-spacing:1px}
.barcode-not-found{border-color:#5b2430}
@media(max-width:860px){
 .barcode-layout{grid-template-columns:1fr}
 .barcode-camera-panel{order:0}
 .barcode-camera-wrap{aspect-ratio:4/3}
 .barcode-actions .btn{min-height:44px}
}
@media(max-width:520px){
 .barcode-camera-wrap{aspect-ratio:3/4}
 .barcode-scan-frame{left:8%;right:8%;top:33%;bottom:33%}
 .barcode-photo-fallback{align-items:stretch;flex-direction:column}
 .barcode-photo-fallback .btn{width:100%;text-align:center}
}

/* v3.6.3 inline barcode scanner on Add Car + Quick Add */
.inline-barcode-scanner{margin:12px 0 16px;padding:14px;border:1px solid #243750;border-radius:14px;background:#0b1627}
.barcode-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.barcode-field-row input{min-width:0}
.inline-barcode-panel{margin-top:12px;padding-top:12px;border-top:1px solid #203149}
.inline-barcode-panel[hidden]{display:none}
.inline-barcode-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.inline-barcode-video-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#050b14;border:1px solid #263954}
.inline-barcode-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.inline-barcode-video.active{opacity:1}
.inline-barcode-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;gap:6px;color:#8195b0;padding:20px}
.inline-barcode-placeholder[hidden]{display:none}
.inline-barcode-placeholder strong{color:#fff}
.inline-barcode-frame{position:absolute;z-index:3;left:12%;right:12%;top:28%;bottom:28%;pointer-events:none}
.inline-barcode-frame i{position:absolute;width:28px;height:28px;border-color:#60a5fa}
.inline-barcode-frame i:nth-child(1){left:0;top:0;border-left:3px solid;border-top:3px solid}
.inline-barcode-frame i:nth-child(2){right:0;top:0;border-right:3px solid;border-top:3px solid}
.inline-barcode-frame i:nth-child(3){left:0;bottom:0;border-left:3px solid;border-bottom:3px solid}
.inline-barcode-frame i:nth-child(4){right:0;bottom:0;border-right:3px solid;border-bottom:3px solid}
.inline-barcode-status{margin:9px 0;padding:9px 10px;border-radius:9px;background:#08111f;color:#9fb3cf;font-size:12px}
.inline-barcode-status.active{border:1px solid #1d4ed8;color:#bfdbfe}
.inline-barcode-status.success{border:1px solid #15803d;color:#bbf7d0}
.inline-barcode-status.error{border:1px solid #991b1b;color:#fecaca}
@media(max-width:600px){
 .barcode-field-row{grid-template-columns:1fr}
 .barcode-open-btn{width:100%}
 .inline-barcode-video-wrap{aspect-ratio:3/4}
 .inline-barcode-frame{left:8%;right:8%;top:34%;bottom:34%}
 .inline-barcode-toolbar .btn{flex:1;min-height:44px}
 .inline-photo-btn{display:block;width:100%;text-align:center}
}

/* v3.7.0 */
.inline-scan-card{border:1px solid #263954;background:#0a1525;border-radius:14px;padding:14px;margin-bottom:12px}.scan-code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.barcode-autofill-note{font-size:12px;margin-top:7px}.barcode-autofill-note.success{color:#86efac}
.scan-panel{margin-top:12px;padding-top:12px;border-top:1px solid #243750}.scan-panel[hidden]{display:none}.scan-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}.scan-video{position:relative;aspect-ratio:16/9;background:#050b14;border-radius:13px;overflow:hidden}.scan-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.scan-video video.active{opacity:1}.scan-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:5px;color:#8195b0}.scan-placeholder[hidden]{display:none}.scan-placeholder b{color:#fff}.scan-corners{position:absolute;z-index:3;left:12%;right:12%;top:28%;bottom:28%}.scan-corners i{position:absolute;width:26px;height:26px;border-color:#60a5fa}.scan-corners i:nth-child(1){left:0;top:0;border-left:3px solid;border-top:3px solid}.scan-corners i:nth-child(2){right:0;top:0;border-right:3px solid;border-top:3px solid}.scan-corners i:nth-child(3){left:0;bottom:0;border-left:3px solid;border-bottom:3px solid}.scan-corners i:nth-child(4){right:0;bottom:0;border-right:3px solid;border-bottom:3px solid}.scan-status{padding:8px 10px;background:#08111f;border-radius:8px;margin:8px 0;font-size:12px}.scan-status.active{color:#bfdbfe}.scan-status.error{color:#fecaca}
.camera-photo-actions,.quick-photo-actions,.backup-actions{display:flex;gap:9px;flex-wrap:wrap}.flag-grid,.tag-checks{display:flex;flex-wrap:wrap;gap:12px}.flag-grid label,.tag-checks label{background:#0a1525;border:1px solid #263954;border-radius:9px;padding:9px 11px}
.smart-link{color:#fff;text-decoration:none}.value-chart-head{display:flex;justify-content:space-between;align-items:end}.value-chart{width:100%;height:auto}.value-chart line{stroke:#263954;stroke-width:2}.value-chart polyline{fill:none;stroke:#60a5fa;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.value-chart circle{fill:#fff;stroke:#60a5fa;stroke-width:3}.release-link-card{display:flex;justify-content:space-between;align-items:center;gap:15px}
.gallery-lightbox{position:fixed;z-index:3000;inset:0;background:#02060cf5;display:grid;place-items:center}.gallery-lightbox[hidden]{display:none}.gallery-lightbox img{max-width:88vw;max-height:84vh;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;z-index:2;border:0;background:#0f1b2edd;color:#fff;border-radius:999px;width:48px;height:48px;font-size:30px}.lightbox-close{right:20px;top:20px}.lightbox-prev{left:20px;top:50%}.lightbox-next{right:20px;top:50%}.lightbox-caption{position:absolute;bottom:18px;color:#dbeafe}.lightbox-open{overflow:hidden}
.upgrade-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.upgrade-steps span{background:#0a1525;border:1px solid #263954;border-radius:12px;padding:13px}.upgrade-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ef4444;margin-bottom:8px}
.mobile-bottom-nav{display:none}
@media(max-width:860px){
 body{padding-bottom:76px}
 .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));left:8px;right:8px;bottom:8px;z-index:1180;background:#0b1627ee;backdrop-filter:blur(14px);border:1px solid #263954;border-radius:18px;box-shadow:0 14px 40px #0008;padding:6px}
 .mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:transparent;color:#9fb3cf;text-decoration:none;display:grid;place-items:center;gap:2px;padding:5px 2px;font:inherit}.mobile-bottom-nav span{font-size:21px}.mobile-bottom-nav b{font-size:10px}.mobile-add-main span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ef4444;color:#fff;margin-top:-19px;box-shadow:0 8px 20px #ef444466}
 .scan-code-row{grid-template-columns:1fr}.scan-video{aspect-ratio:3/4}.camera-photo-actions>*{flex:1;text-align:center}.release-link-card{align-items:flex-start;flex-direction:column}.upgrade-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.upgrade-steps{grid-template-columns:1fr}.backup-actions .btn{width:100%;text-align:center}}

.photo-order-form{margin-top:10px}
.mobile-car-actions{display:none}
@media(max-width:860px){
 .mobile-car-actions{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:82px;z-index:1160;background:#0f1b2ef2;border:1px solid #263954;border-radius:15px;padding:6px;box-shadow:0 10px 30px #0008}
 .mobile-car-actions a{display:grid;place-items:center;gap:2px;color:#cbd5e1;text-decoration:none;font-size:10px;padding:4px}.mobile-car-actions span{font-size:18px}
}

/* v4.0 collector platform */
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalog-card{display:block;background:#0f1b2e;border:1px solid #1f3049;border-radius:15px;padding:16px;color:#fff;text-decoration:none}.catalog-card h3{margin:7px 0}.catalog-card p{color:#8195b0}.catalog-card b{display:inline-block;font-size:10px;background:#7f1d1d;padding:4px 7px;border-radius:999px;margin-right:4px}
.set-manager-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.set-manager-card{background:#0f1b2e;border:1px solid #1f3049;border-radius:15px;padding:15px;color:#fff;text-decoration:none}.set-manager-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.set-manager-card>b{display:block;margin-top:8px;text-align:right}
.value-row,.diag-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #1f3049;color:#fff;text-decoration:none}.storage-node{display:grid;grid-template-columns:120px 1fr auto;gap:10px;padding:10px calc(8px + var(--depth)*15px);border-bottom:1px solid #1f3049}.storage-node span{color:#8195b0}.storage-node code,.big-code{font-family:ui-monospace,monospace}.big-code{display:block;background:#08111f;padding:18px;border-radius:12px;word-break:break-all}
.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-grid a{display:grid;gap:5px;background:#0f1b2e;border:1px solid #1f3049;border-radius:15px;padding:18px;color:#fff;text-decoration:none}.action-grid span{color:#8195b0;font-size:12px}
.insurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insurance-grid article{display:grid;grid-template-columns:100px 1fr;gap:12px;background:#fff;color:#111;border:1px solid #ddd;padding:10px;border-radius:10px}.insurance-grid img{width:100px;height:100px;object-fit:cover;border-radius:7px}.insurance-grid article div{display:grid;align-content:start;gap:4px}.print-report-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(3,1fr)}.set-manager-grid{grid-template-columns:repeat(2,1fr)}.action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.catalog-grid,.set-manager-grid,.action-grid,.insurance-grid{grid-template-columns:1fr}.storage-node{grid-template-columns:1fr}.print-report-head{align-items:flex-start;flex-direction:column}}
@media print{.sidebar,.mobile-topbar,.mobile-bottom-nav,.mobile-car-actions,.print-report-head .btn{display:none!important}.insurance-grid{grid-template-columns:repeat(2,1fr)}body{background:#fff!important;color:#111!important;padding:0!important}.main,.content{margin:0!important}}

/* v5.0 smart collector */
.scan-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scan-mode-grid>a{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;background:#0f1b2e;border:1px solid #263954;border-radius:18px;color:#fff;text-decoration:none;padding:18px}.scan-mode-grid>a>b{font-size:38px}.scan-mode-grid span{font-size:12px;color:#8fa4c0}
.photo-drop-big{display:grid;place-items:center;min-height:150px;border:2px dashed #385273;border-radius:16px;background:#091425;margin-bottom:10px;cursor:pointer}.photo-drop-big input{max-width:90%}.photo-inbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-inbox-grid article{background:#0f1b2e;border:1px solid #263954;border-radius:15px;overflow:hidden}.photo-inbox-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}.photo-inbox-grid form{display:grid;gap:7px;padding:10px}
.duplicate-group{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px}.market-row,.share-row,.security-event{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #203149}.market-row>div,.share-row>div,.security-event>div{display:grid;gap:3px}.market-row form{display:flex;gap:6px}.share-row code{font-size:11px;color:#8fa4c0;word-break:break-all}
.public-showcase{background:#07111f;color:#fff}.public-showcase main{max-width:1200px;margin:auto;padding:32px 18px}.public-showcase header{text-align:center;margin-bottom:24px}
@media(max-width:900px){.scan-mode-grid{grid-template-columns:repeat(2,1fr)}.photo-inbox-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.scan-mode-grid{grid-template-columns:1fr 1fr}.scan-mode-grid>a{min-height:125px}.photo-inbox-grid{grid-template-columns:1fr 1fr}.duplicate-group,.market-row,.share-row{grid-template-columns:1fr}.market-row form{display:grid;grid-template-columns:1fr auto}}

/* v5.0.1 stabilization + appearance */
.theme-redline{--accent:#ef4444}
.theme-hotwheels{--accent:#2563eb}
.theme-midnight{--accent:#64748b}
.theme-light{background:#eef3f8!important;color:#172033!important}
.theme-light .panel,.theme-light .stat,.theme-light .catalog-card,.theme-light .car-card,.theme-light .quick-add-card,.theme-light .inline-scan-card{background:#fff!important;color:#172033!important;border-color:#cbd5e1!important}
.theme-light .muted,.theme-light .catalog-card p{color:#52657a!important}
.theme-light input,.theme-light select,.theme-light textarea{background:#f8fafc!important;color:#172033!important;border-color:#cbd5e1!important}
.theme-redline .btn.primary,.theme-redline .mobile-add-main span{background:#ef4444}
.theme-hotwheels .btn.primary,.theme-hotwheels .mobile-add-main span{background:#2563eb}
.theme-midnight .btn.primary{background:#475569}
.density-compact .panel{padding:12px}
.density-compact .car-card .pad,.density-compact .catalog-card{padding:10px}
.density-compact .form-stack{gap:8px}
.backup-status{display:grid;gap:3px;text-align:right}.ok-text{color:#86efac;font-size:11px}.bad-text{color:#fca5a5;font-size:11px}

/* v5.1.0 collector workflow */
.qr-card{text-align:center}.qr-card img{width:min(300px,100%);background:#fff;padding:10px;border-radius:14px}.qr-card code{display:block;font-size:20px;margin:10px}
.label-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qr-label{background:#fff;color:#111;border:1px solid #bbb;border-radius:8px;padding:10px;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;break-inside:avoid}.qr-label img{width:90px;height:90px}.qr-label div{display:grid;gap:5px}.qr-label strong{font-size:16px}.qr-label span{font-size:11px}
.catalog-card.rich{padding:0;overflow:hidden}.catalog-card.rich>img,.catalog-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover}.catalog-placeholder{display:grid;place-items:center;background:#091425;color:#7186a2}.catalog-card.rich .pad{padding:14px}.mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.mini-stats span{background:#08111f;border-radius:999px;padding:5px 8px;font-size:11px}
.set-manager-card{position:relative}.ring{--pct:0;width:76px;height:76px;margin:12px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(currentColor calc(var(--pct)*1%),#263954 0)}.ring:before{content:'';position:absolute;width:58px;height:58px;border-radius:50%;background:#0f1b2e}.ring span{position:relative;z-index:1;font-size:12px;font-weight:700}
.tabs{display:flex;gap:8px;margin:12px 0}.tabs button{background:#0f1b2e;color:#fff;border:1px solid #263954;border-radius:10px;padding:9px 12px}.checklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#0f1b2e;border:1px solid #263954;border-radius:13px;padding:12px}.status-dot{width:12px;height:12px;border-radius:50%;background:#ef4444}.check-card.owned .status-dot{background:#22c55e}.check-card p{margin:4px 0;color:#8195b0;font-size:12px}
.widget-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.widget-v3{display:grid;gap:8px;background:#0f1b2e;border:1px solid #263954;border-radius:16px;padding:18px;color:#fff;text-decoration:none}.widget-v3 span{color:#8fa4c0;font-size:12px}.widget-v3 strong{font-size:32px}
@media(max-width:900px){.label-sheet{grid-template-columns:repeat(2,1fr)}.checklist-grid,.widget-grid-v3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.label-sheet,.checklist-grid,.widget-grid-v3{grid-template-columns:1fr}.qr-label{grid-template-columns:78px 1fr}.qr-label img{width:78px;height:78px}}
@media print{.no-print,.sidebar,.mobile-topbar,.mobile-bottom-nav,.mobile-car-actions{display:none!important}.label-sheet{grid-template-columns:repeat(3,1fr);gap:6px}.qr-label{padding:6px;border-radius:0}}

/* v5.2.0 */
.scanner-v2{max-width:760px;margin:auto;background:#0f1b2e;border:1px solid #263954;border-radius:18px;padding:14px}.scanner-v2 video{width:100%;aspect-ratio:4/3;background:#020617;border-radius:14px;object-fit:cover}.scan-toolbar,.manual-scan{display:flex;gap:8px;margin:8px 0}.scan-result{padding:16px;text-align:center;min-height:60px}.bin-mode input{font-size:22px;font-weight:700}
.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:9px;border-bottom:1px solid #263954;text-align:left;white-space:nowrap}
.sale-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #263954}.sale-card>div{display:grid;gap:4px}.sale-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.widget-grid-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.widget-v4{background:#0f1b2e;border:1px solid #263954;border-radius:16px;padding:18px;display:grid;gap:8px}.widget-v4 span{font-size:12px;color:#8fa4c0}.widget-v4 strong{font-size:28px}.photo-actions,.photo-actions form{display:flex;gap:6px;flex-wrap:wrap}.local-qr canvas{max-width:100%;height:auto;background:#fff}
@media(max-width:900px){.sale-form{grid-template-columns:repeat(2,1fr)}.widget-grid-v4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.scan-toolbar,.manual-scan{display:grid;grid-template-columns:1fr}.sale-card{grid-template-columns:1fr}.sale-form,.widget-grid-v4{grid-template-columns:1fr}}

/* v5.3.0 */
.duplicate-actions{display:grid;gap:8px}.duplicate-actions article{display:grid;grid-template-columns:140px 100px 1fr;align-items:center;gap:10px;padding:10px;border-top:1px solid #263954}.duplicate-actions form{display:flex;gap:6px}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.share-copy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:430px;overflow:auto}.share-copy-grid label{padding:8px;background:#091425;border-radius:9px}.binder-v3{display:grid;gap:18px}.binder-page{background:#fff;color:#111;min-height:9in;padding:.45in;break-after:page}.binder-page header{display:flex;justify-content:space-between}.binder-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.binder-meta span{border:1px solid #ddd;padding:10px}.mini-chart{display:grid;gap:8px}.mini-chart div{display:grid;grid-template-columns:75px 1fr 95px;align-items:center;gap:8px}.mini-chart i{height:10px;background:currentColor;border-radius:999px}.duplicate-photo-row{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid #263954}.qr-label .local-qr canvas{width:var(--label-qr,90px);height:var(--label-qr,90px)}
.public-v2{max-width:1100px;margin:auto;padding:30px}
@media(max-width:900px){.three-col{grid-template-columns:1fr}.share-copy-grid{grid-template-columns:1fr}.duplicate-actions article{grid-template-columns:1fr}.binder-meta{grid-template-columns:repeat(2,1fr)}}
@media print{.binder-v3{display:block}.binder-page{margin:0;box-shadow:none}.binder-page:last-child{break-after:auto}}

/* v5.4.0 Menu Builder */
.sidebar-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding-bottom:10px}
.sidebar-nav>.menu-link,.menu-group .menu-link{display:flex;align-items:center;gap:10px}
.menu-group{margin:2px 0}.menu-group>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:8px 10px;color:#9fb3cf;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.menu-group>summary::-webkit-details-marker{display:none}.menu-group>summary b{transition:transform .15s}.menu-group[open]>summary b{transform:rotate(180deg)}.menu-group-children{display:grid;gap:2px}.menu-group.depth-1{margin-left:10px;border-left:1px solid #1e3048}.menu-link.depth-2{padding-left:34px}.menu-customize{margin-top:8px;padding-top:8px;border-top:1px solid #1d2b40}.menu-customize a{display:flex;gap:10px;align-items:center;opacity:.85}

.menu-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.builder-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.menu-tree{display:grid;gap:8px}.menu-edit-node{border:1px solid #263954;background:#0b1628;border-radius:12px}.item-node{display:grid;grid-template-columns:32px 32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px}.group-node>header{display:grid;grid-template-columns:32px 32px minmax(0,1fr) auto 32px 32px;gap:8px;align-items:center;padding:10px}.drag-grip,.group-toggle,.icon-btn{border:0;background:#13233a;color:#a9bdd8;border-radius:8px;min-width:30px;height:30px;cursor:grab}.group-toggle,.icon-btn{cursor:pointer}.group-name{background:#07111f;border:1px solid #263954;color:#fff;padding:8px 10px;border-radius:8px;font-weight:700}.edit-title{display:grid}.edit-title small{color:#7187a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-icon{display:grid;place-items:center;width:30px;height:30px;background:#10213a;border-radius:8px}.visibility-toggle{font-size:12px;color:#9fb3cf;white-space:nowrap}.group-dropzone{display:grid;gap:7px;padding:8px 8px 10px 30px;border-top:1px solid #1c2c42}.group-dropzone.collapsed{display:none}.group-node .group-node{background:#0e1b30}.empty-drop,.root-drop{border:1px dashed #344c6b;border-radius:9px;padding:12px;text-align:center;color:#7187a4}.root-drop{margin-top:8px}.dragging{opacity:.35}.drag-over{outline:2px solid currentColor;outline-offset:2px}.is-hidden{opacity:.48}.selected-group>header{box-shadow:inset 0 0 0 1px currentColor}.menu-editor-help{position:sticky;top:14px}.feature-count{font-size:24px;font-weight:800;margin:10px 0 18px}
@media(max-width:900px){.menu-editor-layout{grid-template-columns:1fr}.menu-editor-help{position:static}.group-node>header{grid-template-columns:28px 28px minmax(0,1fr) 32px 32px}.group-node>header .visibility-toggle{grid-column:3/6}.item-node{grid-template-columns:28px 28px minmax(0,1fr)}.item-node .visibility-toggle{grid-column:3}}

/* v5.5.0 Workflow & polish */
.menu-command{width:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;text-align:left}.menu-command kbd{margin-left:auto;font-size:10px;opacity:.55;border:1px solid #33465e;border-radius:5px;padding:2px 5px}.command-palette{display:none;position:fixed;inset:0;z-index:9999;background:rgba(1,7,16,.72);backdrop-filter:blur(7px);padding:8vh 14px}.command-palette.open{display:block}.command-dialog{max-width:720px;margin:auto;background:#0b1628;border:1px solid #2b405e;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}.command-search-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:14px;border-bottom:1px solid #22354e}.command-search-row input{border:0;background:transparent;color:#fff;font-size:18px;outline:0;width:100%}.command-search-row button{border:1px solid #344a66;background:#101f35;color:#9fb3cf;border-radius:7px;padding:5px 8px}.command-quick{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid #1c2c42}.command-quick a{font-size:12px;padding:7px 9px;border-radius:8px;background:#101f35}.command-results{max-height:55vh;overflow:auto;padding:8px}.command-results>a{display:grid;grid-template-columns:110px 1fr;gap:2px 10px;padding:10px 12px;border-radius:10px}.command-results>a:hover{background:#12223a}.command-results b{grid-column:2}.command-results small{grid-column:2;color:#8196b1}.command-type{grid-row:1/3;color:#7f98ba;font-size:11px;text-transform:uppercase}.command-hint{padding:24px;text-align:center;color:#7890ae}
.wizard-shell{max-width:1100px}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.wizard-steps button{display:flex;gap:8px;align-items:center;border:1px solid #253a56;background:#0b1628;color:#879db9;padding:10px;border-radius:12px}.wizard-steps button b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#132540}.wizard-steps button.active{color:#fff;border-color:#537ba9}.wizard-steps button.active b{background:#31577f}.wizard-page{display:none}.wizard-page.active{display:block}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.wizard-actions>div{display:flex;gap:8px}.upload-zone{display:grid;place-items:center;text-align:center;min-height:160px;border:2px dashed #334b69;border-radius:14px;margin-bottom:16px;cursor:pointer}.upload-zone input{max-width:320px}.check-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.span-2{grid-column:span 2}
.progress-track{height:12px;background:#13233a;border-radius:999px;overflow:hidden}.progress-track i{display:block;height:100%;background:currentColor;opacity:.75}.migration-card .inline-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.success-note{padding:12px;margin-top:12px;border-radius:10px;background:#102a25}.copy-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.copy-mini-card{display:grid;gap:5px;padding:12px;border:1px solid #263a55;border-radius:12px;background:#0b1628}.copy-mini-card span,.copy-mini-card small{color:#8298b4}.copy-mini-card strong{font-size:18px}.metric-big{font-size:30px;font-weight:800;margin:8px 0}.text-link{display:inline-block;margin-top:8px}
@media(max-width:700px){.wizard-steps button span{display:none}.span-2{grid-column:auto}.migration-card .inline-actions{align-items:flex-start;flex-direction:column}.command-results>a{grid-template-columns:80px 1fr}}

/* v6 Unified Collector */
.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.collector-card{display:block;overflow:hidden;text-decoration:none;color:inherit;background:var(--panel,#0d1a2d);border:1px solid #233752;border-radius:16px}.collector-photo{aspect-ratio:4/3;background:#07111f;overflow:hidden;display:grid;place-items:center}.collector-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{color:#6f86a5;font-weight:700}.collector-body{padding:14px}.collector-body h3{margin:4px 0 6px}.collector-body p{margin:0 0 10px;color:#91a5c0}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 8px;border-radius:999px;background:#142843;font-size:11px}.v6-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:16px}.photo-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.managed-photo{border:1px solid #233752;border-radius:12px;overflow:hidden;background:#081426}.managed-photo img{width:100%;aspect-ratio:1/1;object-fit:cover}.managed-photo>div{padding:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.photo-wall{columns:5 220px;column-gap:12px}.gallery-tile{display:block;break-inside:avoid;margin-bottom:12px;border-radius:12px;overflow:hidden;background:#0d1a2d;border:1px solid #233752;text-decoration:none;color:inherit}.gallery-tile img{width:100%;display:block}.gallery-tile div{padding:10px;display:grid}.gallery-tile small{color:#879bb7}.storage-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:16px}.storage-copy-list{display:grid;gap:6px}.storage-copy-list a{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:8px 10px;border-radius:8px;background:#091526;text-decoration:none;color:inherit}.progress{height:8px;background:#07111f;border-radius:999px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:currentColor}.set-checklist{display:grid;gap:8px}.check-row{display:grid;grid-template-columns:34px minmax(0,1fr) 120px auto;gap:12px;align-items:center;padding:10px;border:1px solid #233752;border-radius:10px}.check-row>div{display:grid}.check-row small{color:#879bb7}.check-row.owned{background:#0b211d}.filter-bar{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr auto;gap:8px;margin-bottom:14px}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.empty-state{text-align:center;padding:36px}.badge{border-radius:999px;padding:4px 9px;background:#142843}.small{padding:5px 8px;font-size:12px}@media(max-width:850px){.v6-detail-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.check-row{grid-template-columns:30px 1fr}.check-row>div:nth-of-type(2),.check-row form{grid-column:2}.photo-wall{columns:2 140px}}

/* v6.1 workflow completion */
.copy-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.copy-mini-card{display:grid;gap:6px;padding:10px;border:1px solid #223650;border-radius:12px;text-decoration:none}.copy-mini-card img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:8px;background:#07111f}.copy-mini-card small{color:#8194ae}.progress-list{display:grid;gap:8px}.progress-list>div{display:flex;justify-content:space-between}.progress-list progress{width:100%}.photo-studio-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.copy-picker{display:grid;gap:5px;max-height:70vh;overflow:auto;margin-top:12px}.copy-picker a{display:grid;padding:9px;border-radius:9px;text-decoration:none;border:1px solid transparent}.copy-picker a.active,.copy-picker a:hover{border-color:#395d88;background:#0e1f35}.copy-picker span{font-size:12px;color:#8194ae}.photo-sort-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:14px 0}.photo-sort-card{border:1px solid #263954;border-radius:12px;padding:8px;background:#0b1628}.photo-sort-card img{width:100%;height:180px;object-fit:contain;background:#06101d;border-radius:8px}.photo-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px}.photo-tools form{margin:0}.drag-handle{cursor:grab;color:#9fb3cf;font-size:12px}.photo-sort-card.dragging{opacity:.35}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #1c2d43;text-decoration:none}.list-row>span{display:grid}.list-row small{color:#8194ae}.filter-bar{display:flex;gap:8px;flex-wrap:wrap}.filter-bar>*{min-width:150px}.unified-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.gallery-photo{border:1px solid #263954;background:#0b1628;color:inherit;border-radius:12px;padding:8px;text-align:left;cursor:pointer}.gallery-photo img{width:100%;height:190px;object-fit:contain;background:#06101d;border-radius:8px}.gallery-photo span,.gallery-photo small{display:block;margin-top:5px}.gallery-photo small{color:#8194ae}.gallery-lightbox{background:#08121f;color:#fff;border:1px solid #385274;border-radius:14px;max-width:min(92vw,1000px)}.gallery-lightbox img{max-width:85vw;max-height:75vh;object-fit:contain}.gallery-lightbox>button{float:right}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.hub-card{border:1px solid #263954;background:#0b1628;border-radius:14px;padding:16px;text-decoration:none}.hub-card:hover{border-color:#4a709b}.hub-card p{color:#8ca0bb}
@media(max-width:850px){.photo-studio-layout{grid-template-columns:1fr}.copy-picker{max-height:280px}.unified-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v6.2 Scanner + Mobile Collector */
.scanner-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.scanner-v5 video{width:100%;max-height:52vh;object-fit:cover;background:#03070d;border-radius:14px;margin:12px 0}.inline-check{display:flex!important;align-items:center;gap:6px}.inline-check input{width:auto!important}.scan-history{display:grid;gap:8px}.scan-history>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #1d2e45;padding:8px 0}.scan-history span{color:#8398b3;font-size:12px}.intake-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-v7{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px}.search-v7 input{width:100%;font-size:17px}.search-suggestions{position:absolute;left:18px;right:110px;top:66px;z-index:40;background:#081321;border:1px solid #304663;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #0008}.search-suggestions a{display:grid;padding:10px 12px;text-decoration:none;border-bottom:1px solid #172a42}.search-suggestions a:hover{background:#102039}.search-suggestions small,.search-result-row span{color:#8195af}.search-result-row{display:flex;justify-content:space-between;gap:12px;text-decoration:none;padding:12px 4px;border-bottom:1px solid #1d2e45}.search-result-row>div{display:grid}.mobile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.mobile-kpis>div{background:#0f1b2e;border:1px solid #1f3049;border-radius:13px;padding:12px;text-align:center}.mobile-kpis b{font-size:22px;display:block}.mobile-kpis span{font-size:11px;color:#8499b5}.dashboard-activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:860px){.scanner-layout{grid-template-columns:1fr}.dashboard-activity-grid{grid-template-columns:1fr}.main{padding-bottom:92px}.mobile-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}.mobile-v2 .mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.search-v7{grid-template-columns:1fr}.search-suggestions{left:10px;right:10px;top:62px}}

/* v6.2.1 Dashboard visual restoration */
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.dashboard-stat-card{display:flex;flex-direction:column;min-height:118px;padding:17px;border:1px solid #203550;background:linear-gradient(145deg,#0f1d31,#091421);border-radius:16px;text-decoration:none;box-shadow:0 10px 28px #0002;transition:.15s transform,.15s border-color}
.dashboard-stat-card:hover{transform:translateY(-2px);border-color:#47698e}.dashboard-stat-card span{color:#8ca3bf;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dashboard-stat-card strong{font-size:27px;margin:8px 0 2px}.dashboard-stat-card small{color:#7289a5}.dashboard-stat-card.mini{min-height:88px}.dashboard-stat-card.mini strong{font-size:23px}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:14px;margin-bottom:14px}.dashboard-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.dashboard-photo-card{display:grid;gap:5px;text-decoration:none;min-width:0}.dashboard-photo-card b,.dashboard-photo-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-photo-card small{color:#7f94af;font-size:11px}.dashboard-photo-card>strong{font-size:13px}.dashboard-photo{position:relative;aspect-ratio:1/1.05;border-radius:12px;overflow:hidden;background:#07101c;border:1px solid #1d3049}.dashboard-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:.18s transform}.dashboard-photo-card:hover img{transform:scale(1.045)}.photo-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:36px;opacity:.45}.photo-badge{position:absolute;top:7px;right:7px;background:#07101dcc;border:1px solid #ffffff28;border-radius:7px;padding:4px 6px;font-size:10px;font-weight:800}
.completion-panel{text-align:center}.completion-ring{--pct:0;width:150px;height:150px;margin:8px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(currentColor calc(var(--pct)*1%),#1a2a40 0);position:relative}.completion-ring:before{content:"";position:absolute;inset:14px;background:#0b1728;border-radius:50%}.completion-ring>div{position:relative;z-index:1;display:grid}.completion-ring strong{font-size:30px}.completion-ring span{font-size:11px;color:#8499b4}.dashboard-progress{text-align:left}.completion-actions{display:flex;gap:8px;justify-content:center;margin-top:15px;flex-wrap:wrap}
.dashboard-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.chart-shell{height:250px;width:100%;overflow:hidden}.chart-shell svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:currentColor;opacity:.09;stroke-width:1}.chart-area{fill:currentColor;opacity:.09}.chart-line{fill:none;stroke:currentColor;stroke-width:3;vector-effect:non-scaling-stroke}.chart-dot{fill:#0b1728;stroke:currentColor;stroke-width:3;vector-effect:non-scaling-stroke}.chart-label{fill:currentColor;opacity:.55;font-size:11px}.chart-legend{display:flex;justify-content:space-between;color:#7e94af;font-size:12px}
.dashboard-bars{display:grid;gap:10px}.dashboard-bar-row{display:grid;grid-template-columns:120px minmax(80px,1fr) 90px;gap:9px;align-items:center;font-size:12px}.dashboard-bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-bar-row>div{height:10px;border-radius:99px;background:#172941;overflow:hidden}.dashboard-bar-row i{display:block;height:100%;background:currentColor;border-radius:99px;opacity:.75}.dashboard-bar-row>b{text-align:right}
.status-chart{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center}.status-donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(currentColor 0 calc(var(--sale)*1%),#46627d calc(var(--sale)*1%) calc((var(--sale) + var(--trade))*1%),#71849a calc((var(--sale) + var(--trade))*1%) calc((var(--sale) + var(--trade) + var(--wish))*1%),#1b2c43 0);position:relative}.status-donut:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#0b1728}.status-donut>div{z-index:1;display:grid;text-align:center}.status-donut strong{font-size:26px}.status-donut span{font-size:11px;color:#8297b1}.status-list{display:grid;gap:8px}.status-list div{display:flex;justify-content:space-between;border-bottom:1px solid #192a40;padding-bottom:6px}
.dashboard-lower-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.valuable-list{display:grid;gap:7px}.valuable-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;padding:6px;border-radius:10px}.valuable-row:hover{background:#102038}.valuable-thumb{width:52px;height:52px;border-radius:9px;overflow:hidden;background:#07101d;display:grid;place-items:center}.valuable-thumb img{width:100%;height:100%;object-fit:cover}.valuable-row>span{display:grid;min-width:0}.valuable-row small{color:#8196b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-progress-dashboard{display:grid;gap:10px}.set-progress-dashboard a{display:grid;grid-template-columns:minmax(0,1fr) 100px 45px;gap:8px;align-items:center;text-decoration:none}.set-progress-dashboard a>div{display:grid}.set-progress-dashboard span{font-size:11px;color:#8499b4}
.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:6px;color:#8094ae;border:1px dashed #29415e;border-radius:12px}
@media(max-width:1100px){.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.dashboard-main-grid,.dashboard-chart-grid,.dashboard-lower-grid{grid-template-columns:1fr}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bar-row{grid-template-columns:90px minmax(60px,1fr) 76px}.status-chart{grid-template-columns:1fr}.status-donut{margin:auto}.dashboard-hero-head .head-actions{display:flex;overflow-x:auto;max-width:100%;padding-bottom:4px}}
@media(max-width:460px){.dashboard-stat-grid{grid-template-columns:1fr 1fr}.dashboard-stat-card{min-height:104px;padding:13px}.dashboard-stat-card strong{font-size:21px}.dashboard-stat-card small{font-size:10px}.dashboard-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v6.3 Dashboard 7 / Reports / Binder */
.dash7-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.dash7-widget.size-small{grid-column:span 4}.dash7-widget.size-medium{grid-column:span 6}.dash7-widget.size-wide{grid-column:span 12}.dash7-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.dash7-stat-grid a{background:#0c1829;border:1px solid #1d3049;border-radius:12px;padding:12px;text-decoration:none;display:grid;gap:5px}.dash7-stat-grid span{font-size:11px;color:#8196b2}.dash7-stat-grid b{font-size:20px}.dash7-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dash7-photo-grid a{display:grid;gap:5px;text-decoration:none;min-width:0}.dash7-photo-grid a>div{aspect-ratio:1/.95;background:#08111d;border-radius:10px;overflow:hidden;display:grid;place-items:center}.dash7-photo-grid img{width:100%;height:100%;object-fit:cover}.dash7-photo-grid b,.dash7-photo-grid small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash7-photo-grid small{color:#8499b3;font-size:11px}.dash7-complete{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:20px}.dash7-status-total{display:flex;align-items:baseline;gap:8px;margin-top:16px}.dash7-status-total b{font-size:30px}.dash7-status-total span{color:#8398b3}.dash7-activity{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash7-activity>div{background:#0b1727;border-radius:12px;padding:12px}.dash7-activity p{display:grid;border-bottom:1px solid #1b2b42;padding-bottom:7px}.dash7-activity small{color:#8498b1}.insight-callout,.insight-feature{background:#0d1b2d;border:1px solid #223954;border-radius:12px;padding:13px}.insight-feature{display:grid;margin-bottom:10px}.insight-feature span,.insight-feature small{color:#8297b2}.insight-feature strong{font-size:22px;margin:3px 0}.dash-editor-list{display:grid;gap:9px}.dash-editor-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 110px;align-items:center;gap:12px;padding:12px;background:#0d192a;border:1px solid #203653;border-radius:12px}.dash-editor-row.dragging{opacity:.45}.dash-editor-row>div{display:grid}.drag-handle{font-size:21px;cursor:grab}.dash-editor-row label{display:flex;gap:6px;align-items:center}.dash-editor-row label input{width:auto}.binder-options{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.binder-options label{display:flex;gap:6px;align-items:center}.binder-options input{width:auto}.report-sheet{background:#fff;color:#111}.report-sheet table{color:#111}.report-sheet th,.report-sheet td{border-color:#ccc}.report-title{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid #111;padding-bottom:14px;margin-bottom:14px}.report-title h1{margin:3px 0}.report-title>div:last-child{text-align:right}.report-title>div:last-child b{font-size:34px;display:block}.report-summary{padding:10px 0 15px;font-size:18px}@media print{.no-print,.sidebar,.topbar,.mobile-bottom-nav{display:none!important}.main{margin:0!important;padding:0!important}.report-sheet{border:none!important;box-shadow:none!important}.report-sheet table{font-size:10px}.report-sheet{page-break-inside:auto}}
@media(max-width:950px){.dash7-widget.size-small,.dash7-widget.size-medium{grid-column:span 12}.dash7-stat-grid{grid-template-columns:repeat(3,1fr)}.dash7-photo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.dash7-stat-grid{grid-template-columns:repeat(2,1fr)}.dash7-photo-grid{grid-template-columns:repeat(2,1fr)}.dash7-complete,.dash7-activity{grid-template-columns:1fr}.dash-editor-row{grid-template-columns:28px 1fr}.dash-editor-row label,.dash-editor-row select{grid-column:2}.report-title{align-items:start}.report-title>div:last-child{display:none}}

/* v6.4 Catalog / Photos / Safety */
.catalog-v3-filter{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr)) auto;gap:8px}.catalog-v3-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}.catalog-v3-card{border:1px solid #203550;background:#0c1829;border-radius:14px;overflow:hidden}.catalog-v3-card>div{display:grid;gap:4px;padding:11px}.catalog-v3-card small{color:#8498b2}.catalog-v3-image{aspect-ratio:1/1;display:grid;place-items:center;background:#07111e;font-size:38px;overflow:hidden}.catalog-v3-image img{width:100%;height:100%;object-fit:cover}.catalog-badges{display:flex;gap:5px;flex-wrap:wrap}.catalog-badges i{font-style:normal;font-size:9px;border:1px solid #34506f;border-radius:20px;padding:3px 6px}.duplicate-merge-row{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:12px;align-items:center;border-bottom:1px solid #1b2c43;padding:10px 0}.duplicate-merge-row>div{display:grid}.duplicate-merge-row form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.photo-copy-list{max-height:72vh;overflow:auto}.photo-copy-list>a{display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:center;padding:7px;border-radius:9px;text-decoration:none}.photo-copy-list>a.active,.photo-copy-list>a:hover{background:#102139}.tiny-thumb{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;background:#07111e;overflow:hidden}.tiny-thumb img{width:100%;height:100%;object-fit:cover}.upload-strip,.photo-bulkbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:12px}.photo-studio-v7-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.photo-v7-card{position:relative;border:1px solid #203550;background:#0a1524;border-radius:12px;padding:7px;cursor:grab}.photo-v7-card.dragging{opacity:.5}.photo-v7-img{aspect-ratio:1/1;overflow:hidden;border-radius:9px;display:grid;place-items:center}.photo-v7-img img{width:100%;height:100%;object-fit:cover}.photo-select{position:absolute;z-index:4;top:11px;left:11px;background:#08111dcc;padding:5px;border-radius:7px}.photo-v7-meta{display:flex;justify-content:space-between;font-size:11px;padding:5px 1px}.photo-actions{display:flex;gap:5px}.photo-actions form{margin:0}.recycle-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-bottom:1px solid #1c2e46;padding:12px 0}.recycle-row>span{display:grid}.recycle-row>div{display:flex;gap:7px}.recycle-row form{margin:0}.recycle-row.restored{opacity:.55}.system-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.health-big{display:block;font-size:30px;margin:10px 0}.env-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.env-grid>div{background:#0c1828;border:1px solid #1c3049;border-radius:10px;padding:10px;display:grid}.env-grid span{color:#8398b3;font-size:11px}.advanced-filter-v8{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:9px;align-items:end}.checkline{display:flex!important;align-items:center;gap:7px}.checkline input{width:auto!important}.ok-callout,.bad-callout{padding:12px;border-radius:10px;background:#102238}.bad-callout{background:#2b171b}
@media(max-width:1100px){.catalog-v3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-v3-filter,.advanced-filter-v8{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-studio-v7-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.catalog-v3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-v3-filter,.advanced-filter-v8{grid-template-columns:1fr}.duplicate-merge-row{grid-template-columns:1fr}.photo-studio-v7-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-health-grid,.env-grid{grid-template-columns:1fr}.recycle-row{grid-template-columns:1fr}}

/* v6.4.1 Dashboard compatibility */
.dash7-empty{grid-column:1/-1;min-height:120px;display:grid;place-items:center;text-align:center;border:1px dashed #29415e;border-radius:12px;color:#8499b5;padding:18px}

/* v6.4.2 System Center restoration */
.system-center-head .upgrade-main-button{font-weight:800}.system-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.system-summary-card{background:linear-gradient(145deg,#0f1d31,#091421);border:1px solid #203550;border-radius:15px;padding:16px;display:grid;gap:6px}.system-summary-card span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8499b5;font-weight:700}.system-summary-card strong{font-size:22px}.system-summary-card small{color:#7990ab}.system-summary-card.good{border-color:#28564b}.system-summary-card.warn{border-color:#70474b}.system-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.system-tool-list{display:grid;gap:7px}.system-tool-list>a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #1b2e47;border-radius:11px;text-decoration:none;background:#0a1626}.system-tool-list>a:hover{background:#10223a;border-color:#365778}.system-tool-list>a>span:nth-child(2){display:grid}.system-tool-list small{color:#8096b1}.system-tool-icon{width:40px;height:40px;border-radius:10px;background:#13243a;display:grid!important;place-items:center;font-size:18px}.system-tool-list>a>strong{font-size:11px;white-space:nowrap}.system-env-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-env-grid .good b{opacity:1}.system-env-grid .warn{border-color:#70474b}
@media(max-width:900px){.system-summary-grid,.system-center-grid{grid-template-columns:1fr 1fr}.system-env-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.system-summary-grid,.system-center-grid,.system-env-grid{grid-template-columns:1fr}.system-tool-list>a{grid-template-columns:40px minmax(0,1fr)}.system-tool-list>a>strong{grid-column:2}}

/* v6.5 commerce / sharing */
.tx-stat-grid{margin-bottom:14px}.tx-bars{display:grid;gap:8px}.tx-bars>div{display:grid;grid-template-columns:75px minmax(40px,1fr) 95px;gap:8px;align-items:center}.tx-bars i{height:9px;border-radius:8px;background:currentColor;opacity:.65}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.receipt-row,.share-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;text-decoration:none;border-bottom:1px solid #1b2e46;padding:12px 0}.receipt-row>span,.share-row>span{display:grid}.share-row>div{display:flex;gap:7px}.share-row form{margin:0}.market-grid,.wishlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.market-card,.wish-card{border:1px solid #203550;background:#0a1626;border-radius:14px;overflow:hidden}.market-card>img,.wish-card>img,.market-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#07111e;display:grid;place-items:center;font-size:40px}.market-card>div:last-child,.wish-card>div:last-child{padding:11px;display:grid;gap:5px}.market-card.closed{opacity:.55}.mini-form{display:grid;gap:6px;margin-top:8px}.share-copy-picker{max-height:260px;overflow:auto;border:1px solid #203550;border-radius:10px;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.share-copy-picker label{display:flex;gap:7px;align-items:center;padding:6px}.share-copy-picker input{width:auto}.showcase-v3{background:#07111e;color:#eef4fb;margin:0}.showcase-shell{max-width:1200px;margin:auto;padding:34px 18px}.showcase-hero{text-align:center;padding:30px 10px 40px}.showcase-hero>span{letter-spacing:.18em;font-size:10px;color:#8299b7}.showcase-hero h1{font-size:clamp(32px,6vw,64px);margin:.2em 0}.showcase-hero p{max-width:700px;margin:0 auto 10px;color:#9cb0c9}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.showcase-card{background:#0c192a;border:1px solid #203550;border-radius:15px;overflow:hidden}.showcase-card img,.showcase-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#08121e;display:grid;place-items:center;font-size:44px}.showcase-card>div:last-child{padding:12px}.showcase-card span,.showcase-card p{color:#8399b4;font-size:12px}.showcase-card h2{font-size:17px;margin:5px 0}.showcase-grid.list{grid-template-columns:1fr}.showcase-grid.list .showcase-card{display:grid;grid-template-columns:180px 1fr}.form-grid .span2{grid-column:span 2}
@media(max-width:1050px){.market-grid,.wishlist-grid,.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.three-col{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.market-grid,.wishlist-grid,.showcase-grid,.three-col{grid-template-columns:1fr 1fr}.share-copy-picker{grid-template-columns:1fr}.showcase-grid.list .showcase-card{grid-template-columns:110px 1fr}}
@media(max-width:520px){.market-grid,.wishlist-grid,.showcase-grid,.three-col{grid-template-columns:1fr}.receipt-row,.share-row{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}}

/* v6.5.1 discoverability */
.top-showcase-link{display:inline-flex;align-items:center;gap:6px}



/* v6.5.4 Menu Editor - reference layout */
.menu-editor-ref{max-width:1450px;margin:0 auto;padding:0 2px 28px}
.me-ref-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:#88a0ba;margin-bottom:18px}
.me-ref-breadcrumbs strong{color:#dce8f5}
.me-ref-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.me-ref-title-wrap{display:flex;align-items:center;gap:14px}
.me-ref-title-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#0f8dff,#1964d8);color:#fff;font-size:22px;box-shadow:0 8px 24px rgba(18,121,232,.2)}
.me-ref-title-wrap h1{margin:0 0 4px;font-size:28px}
.me-ref-title-wrap p{margin:0;color:#91a7c0;font-size:14px}
.me-ref-view{border-color:#1684ef;color:#d6eaff;background:#0d2136}
.me-ref-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 15px;border:1px solid #213a56;border-radius:12px;background:linear-gradient(180deg,#0d1f34,#0a1829);margin-bottom:12px}
.me-ref-left-actions,.me-ref-right-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.me-ref-right-actions form{margin:0}
.me-ref-toolbar .btn{min-height:38px;padding:9px 14px}
.me-ref-save{background:#26b956!important;border-color:#26b956!important;color:#fff!important}
.me-ref-reset{background:#e44850!important;border-color:#e44850!important;color:#fff!important}
.me-ref-help{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:14px 46px 14px 16px;margin-bottom:16px;border:1px solid #1681e9;border-radius:11px;background:linear-gradient(100deg,#10345f,#0a2746);color:#dbeaff}
.me-ref-help-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#8bcbff;color:#07305c;font-weight:800}
.me-ref-help-copy strong{display:block;margin-bottom:3px}
.me-ref-help-copy ul{margin:3px 0 0 18px;padding:0;color:#b6cbe0;line-height:1.6;font-size:13px}
.me-ref-help-close{position:absolute;right:12px;top:9px;border:0;background:transparent;color:#78b3e4;font-size:22px;cursor:pointer}
.me-ref-tree{display:grid;gap:10px}
.me-ref-group{border:1px solid #27445f;border-radius:11px;background:#0a1828;overflow:hidden;box-shadow:0 7px 22px rgba(0,0,0,.12)}
.me-ref-group.selected-group{border-color:#198dff;box-shadow:0 0 0 1px rgba(25,141,255,.16)}
.me-ref-group.is-hidden,.me-ref-item.is-hidden{opacity:.5}
.me-ref-group-head{display:grid;grid-template-columns:30px 56px 34px minmax(180px,1fr) auto auto 36px 62px;gap:9px;align-items:center;padding:10px 12px;min-height:58px;background:linear-gradient(90deg,#112a49,#0d1d31)}
.me-ref-group-icon{font-size:24px;color:#31a5ff;text-align:center}
.me-ref-group-copy input{width:100%;border:0;background:transparent;color:#f0f6fb;font-weight:760;font-size:15px;padding:2px 0;box-shadow:none}
.me-ref-group-copy input:focus{outline:0;border-bottom:1px solid #188eff}
.me-ref-group-copy small{display:block;color:#7f99b5;font-size:11px;margin-top:1px}
.me-ref-group-body{display:grid;gap:5px;padding:7px 10px 10px;border-top:1px solid #19314a;background:#081522}
.me-ref-group-body.collapsed{display:none}
.me-ref-group .me-ref-group{margin-left:15px;border-color:#203d59}
.me-ref-item{display:grid;grid-template-columns:30px 56px 34px minmax(220px,1fr) 62px;gap:9px;align-items:center;min-height:49px;padding:6px 10px;border:1px solid #1d344d;border-radius:8px;background:#0a192b}
.me-ref-item:hover{background:#0e2036;border-color:#315674}
.me-ref-grip{width:28px;height:29px;border:0;border-radius:6px;background:#10263f;color:#91afcc;display:grid;place-items:center;cursor:grab;touch-action:none;font-size:17px}
.me-ref-grip:active{cursor:grabbing}
.me-ref-move{display:flex;gap:3px}
.me-ref-move button{width:25px;height:27px;padding:0;border:1px solid #24415e;border-radius:6px;background:#09192a;color:#7696b5;cursor:pointer}
.me-ref-item-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#102d4d;color:#4fb4ff;font-size:16px}
.me-ref-item-copy{min-width:0}
.me-ref-item-copy strong{display:block;color:#edf5fc;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-ref-item-copy small{display:block;color:#6d87a0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.me-ref-visibility{display:grid;grid-template-columns:36px;justify-items:center;gap:2px;cursor:pointer}
.me-ref-visibility input{position:absolute;opacity:0}
.me-ref-toggle{position:relative;width:34px;height:18px;border-radius:20px;background:#253e57;transition:.15s}
.me-ref-toggle:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:2px;top:2px;background:#9eb1c5;transition:.15s}
.me-ref-visibility input:checked + .me-ref-toggle{background:#168fff}
.me-ref-visibility input:checked + .me-ref-toggle:after{left:18px;background:#fff}
.me-ref-visibility small{font-size:9px;color:#7b94ad}
.me-ref-edit-group{background:#274766!important;border-color:#315878!important;color:#e9f4ff!important}
.me-ref-delete{background:#e44850!important;border-color:#e44850!important;color:#fff!important}
.me-ref-collapse{width:32px;height:32px;border:1px solid #2c5478;border-radius:7px;background:#123150;color:#a5cbe9;cursor:pointer}
.me-ref-empty,.me-ref-root-drop{padding:12px;border:1px dashed #2d4d6b;border-radius:8px;text-align:center;color:#607f9e;background:#0a1929;font-size:12px}
.me-ref-dirty{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#fff}
.dragging{opacity:.35!important}
.drag-over{outline:2px dashed #2498ff!important;outline-offset:2px}
@media(max-width:1050px){
  .me-ref-toolbar{align-items:flex-start;flex-direction:column}
  .me-ref-right-actions{width:100%;justify-content:flex-end}
  .me-ref-group-head{grid-template-columns:30px 56px 34px minmax(150px,1fr) auto 36px 62px}
  .me-ref-group-head .me-ref-delete{grid-row:2;grid-column:5}
}
@media(max-width:760px){
  .me-ref-title-row{align-items:flex-start;flex-direction:column}
  .me-ref-left-actions,.me-ref-right-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .me-ref-toolbar .btn,.me-ref-right-actions form,.me-ref-right-actions form .btn{width:100%}
  .me-ref-group-head{grid-template-columns:28px 52px 30px minmax(120px,1fr) 38px}
  .me-ref-group-icon{display:none}
  .me-ref-group-copy{grid-column:3/5}
  .me-ref-group-head>.me-ref-visibility{grid-column:5}
  .me-ref-edit-group{grid-column:3/4;grid-row:2}
  .me-ref-delete{grid-column:4/5!important;grid-row:2!important}
  .me-ref-collapse{grid-column:5;grid-row:2}
  .me-ref-item{grid-template-columns:28px 52px 30px minmax(110px,1fr)}
  .me-ref-item>.me-ref-visibility{grid-column:4;margin-top:3px}
}
@media(max-width:500px){
  .me-ref-left-actions,.me-ref-right-actions{grid-template-columns:1fr}
  .me-ref-help{grid-template-columns:28px 1fr}
  .me-ref-item-copy small{display:none}
}


/* v6.6.1 Global Form & Input Polish
   Applies consistently across legacy and current application pages. */
:root{
  --field-radius:14px;
  --field-border:#2a405d;
  --field-border-hover:#3b5b7c;
  --field-focus:#208cff;
  --field-bg:#081522;
  --field-bg-hover:#0b1b2c;
  --field-text:#eef5fc;
  --field-muted:#7189a3;
}

/* Standard text-like controls */
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([data-action="rename"]),
select,
textarea{
  box-sizing:border-box;
  max-width:100%;
  min-height:42px;
  border:1px solid var(--field-border);
  border-radius:var(--field-radius);
  background:var(--field-bg);
  color:var(--field-text);
  padding:10px 13px;
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}

textarea{
  min-height:96px;
  resize:vertical;
  line-height:1.45;
}

input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([data-action="rename"]):hover,
select:hover,
textarea:hover{
  border-color:var(--field-border-hover);
  background:var(--field-bg-hover);
}

input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([data-action="rename"]):focus,
select:focus,
textarea:focus{
  border-color:var(--field-focus);
  box-shadow:0 0 0 3px rgba(32,140,255,.14);
  background:#091a2b;
}

input::placeholder,
textarea::placeholder{
  color:var(--field-muted);
  opacity:1;
}

input:disabled,
select:disabled,
textarea:disabled,
input[readonly],
textarea[readonly]{
  opacity:.7;
  cursor:not-allowed;
  background:#0b1420;
  border-color:#24364d;
}

/* File pickers */
input[type="file"]{
  border-radius:var(--field-radius)!important;
  border:1px dashed #355879!important;
  background:#091827!important;
  padding:8px 10px!important;
  color:#b9cee3!important;
}
input[type="file"]::file-selector-button{
  margin-right:10px;
  border:1px solid #31577b;
  border-radius:10px;
  background:#153555;
  color:#eef6ff;
  padding:8px 12px;
  cursor:pointer;
}
input[type="file"]::file-selector-button:hover{
  background:#1a4269;
}

/* Form buttons and button-like inputs */
form button,
form .btn,
input[type="submit"],
input[type="button"],
input[type="reset"]{
  border-radius:12px;
}

/* Small native controls get a polished outline without turning into pills. */
input[type="checkbox"],
input[type="radio"]{
  accent-color:#208cff;
}

/* Fieldsets and grouped form containers */
fieldset{
  border:1px solid #253c57;
  border-radius:16px;
  padding:16px;
}
legend{
  padding:0 8px;
  color:#bcd0e3;
}
.form-stack,
.form-grid,
.inline-form,
.filter-bar,
.filters,
.upload-strip,
.photo-bulkbar{
  --local-control-radius:var(--field-radius);
}
.form-stack input:not([type="checkbox"]):not([type="radio"]),
.form-stack select,
.form-stack textarea,
.form-grid input:not([type="checkbox"]):not([type="radio"]),
.form-grid select,
.form-grid textarea,
.inline-form input:not([type="checkbox"]):not([type="radio"]),
.inline-form select,
.inline-form textarea,
.filter-bar input:not([type="checkbox"]):not([type="radio"]),
.filter-bar select,
.filter-bar textarea,
.filters input:not([type="checkbox"]):not([type="radio"]),
.filters select,
.filters textarea,
.upload-strip input:not([type="checkbox"]):not([type="radio"]),
.upload-strip select,
.photo-bulkbar select{
  border-radius:var(--local-control-radius)!important;
}

/* Keep special inline Menu Editor rename fields visually integrated with their cards. */
.me-ref-group-copy input[data-action="rename"],
.me-group-title input[data-action="rename"]{
  min-height:0;
  border-radius:0;
  border-width:0 0 1px 0;
  border-color:transparent;
  background:transparent;
  padding:2px 0;
  box-shadow:none;
}
.me-ref-group-copy input[data-action="rename"]:focus,
.me-group-title input[data-action="rename"]:focus{
  border-color:#208cff;
  box-shadow:none;
}

/* Search fields and compact controls still keep rounded geometry. */
input[type="search"]{
  -webkit-appearance:none;
  appearance:none;
}
input[type="search"]::-webkit-search-cancel-button{
  cursor:pointer;
}

/* Mobile: keep touch targets comfortable while retaining the same rounded look. */
@media(max-width:760px){
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([data-action="rename"]),
  select,
  textarea{
    min-height:44px;
    font-size:16px;
  }
}


/* ==========================================================================
   v6.7.0 Unified UI System
   ========================================================================== */
:root{
  --ui-radius-xs:8px;
  --ui-radius-sm:10px;
  --ui-radius:14px;
  --ui-radius-lg:18px;
  --ui-radius-xl:22px;
  --ui-border:#223a54;
  --ui-border-strong:#315374;
  --ui-panel:#0d1b2d;
  --ui-panel-2:#0a1727;
  --ui-hover:#102238;
  --ui-text:#edf5fc;
  --ui-muted:#8fa6bd;
  --ui-blue:#178cff;
  --ui-green:#23b764;
  --ui-red:#df4b53;
  --ui-shadow:0 12px 34px rgba(0,0,0,.16);
}

/* Accessibility */
.skip-link{
  position:fixed;left:16px;top:-80px;z-index:99999;
  padding:10px 14px;border-radius:10px;background:#fff;color:#08111f;
  font-weight:800;text-decoration:none;box-shadow:0 8px 28px #0008;
}
.skip-link:focus{top:16px}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid #5eb4ff;
  outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Page headings */
.page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
}
.page-head h1{
  margin:3px 0 5px;
  font-size:clamp(24px,3vw,32px);
  letter-spacing:-.02em;
}
.page-head p{margin:0;color:var(--ui-muted);line-height:1.55}
.eyebrow{
  display:inline-block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  color:#69b9ff;
}
.head-actions,.form-actions{
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
}

/* Panels, cards and containers */
.panel,.card,.widget,.stat-card,.dashboard-stat-card{
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius-lg);
  background:linear-gradient(180deg,#0e1d30,#0a1727);
  box-shadow:var(--ui-shadow);
}
.panel{padding:18px}
.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.section-head h2,.panel h2,.panel h3{margin-top:0}
.muted{color:var(--ui-muted)!important}

/* Buttons */
.btn,button,input[type="submit"],input[type="button"],input[type="reset"]{
  min-height:38px;
  border-radius:12px;
  border:1px solid #2c4866;
  background:#172b42;
  color:#edf6ff;
  font-weight:700;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease;
}
.btn:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover{
  background:#1d3857;
  border-color:#3d648b;
}
.btn:active,button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active{
  transform:translateY(1px);
}
.btn.primary,.primary{
  background:linear-gradient(180deg,#168fff,#0876df);
  border-color:#168fff;
  color:#fff;
}
.btn.primary:hover,.primary:hover{background:linear-gradient(180deg,#2a9aff,#0e80eb)}
.btn.success,.success.btn{background:#168b4a;border-color:#20a85a}
.btn.danger,.danger.btn,button.danger{background:#b83d47;border-color:#d34a55}
.btn.small{min-height:30px;padding:5px 9px;border-radius:9px;font-size:12px}

/* Alerts */
.alert{
  border-radius:14px;
  padding:12px 15px;
  margin:0 0 15px;
  border:1px solid;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  line-height:1.45;
}
.alert.success{background:#0e2c22;border-color:#236d52;color:#baf3d8}
.alert.error{background:#32181d;border-color:#7e333d;color:#ffd0d5}
.alert.warning{background:#342a10;border-color:#806421;color:#ffe8a2}

/* Tables */
.table-wrap,.responsive-table{
  width:100%;
  overflow:auto;
  border:1px solid var(--ui-border);
  border-radius:var(--ui-radius-lg);
  background:#0a1727;
}
table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
table th{
  position:relative;
  background:#10243a;
  color:#aac0d6;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:800;
}
table th,table td{
  padding:11px 12px;
  border-bottom:1px solid #1b3047;
  vertical-align:middle;
}
table tr:last-child td{border-bottom:0}
table tbody tr{transition:background .12s ease}
table tbody tr:hover{background:#0e2034}
table img{border-radius:9px}

/* Lists */
.list-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 0;
  border-bottom:1px solid #1b3047;
}
.list-row:last-child{border-bottom:0}
.list-row small{display:block;color:var(--ui-muted);margin-top:2px}

/* Badges / chips */
.badge,.pill,.chip,.status-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  padding:4px 9px;
  border:1px solid #2b4967;
  background:#142a43;
  color:#cce0f3;
  font-size:11px;
  font-weight:750;
}

/* Toolbars / filters */
.filter-bar,.filters,.toolbar,.photo-bulkbar,.upload-strip{
  border-radius:16px;
}
.filter-bar,.filters{
  border:1px solid var(--ui-border);
  background:#0d1c2e;
}
.inline-form{gap:9px}

/* Empty states */
.empty-state{
  border:1px dashed #31516f;
  border-radius:18px;
  background:#091725;
  color:var(--ui-muted);
  padding:34px 22px;
  text-align:center;
}
.empty-state b,.empty-state strong{
  display:block;
  color:var(--ui-text);
  font-size:17px;
  margin-bottom:5px;
}

/* Image cards / thumbnails */
.tiny-thumb,.photo-v7-img,.gallery-card img,.car-card img{
  overflow:hidden;
  border-radius:12px;
}
img{max-width:100%}

/* Pagination */
.pagination,.pager{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:16px;
}
.pagination a,.pagination span,.pager a,.pager span{
  min-width:34px;
  min-height:34px;
  display:inline-grid;
  place-items:center;
  border:1px solid #294663;
  border-radius:10px;
  background:#102238;
  color:#d7e7f5;
  text-decoration:none;
}

/* Destructive forms keep compact layout. */
form[onsubmit*="confirm"]{display:inline-flex}

/* Mobile/tablet consistency */
@media(max-width:900px){
  .page-head{flex-direction:column}
  .head-actions{width:100%}
  .two-col,.detail-grid,.form-grid{grid-template-columns:1fr!important}
  .main{padding-left:14px;padding-right:14px}
  table th,table td{padding:9px 10px}
}
@media(max-width:640px){
  .panel{padding:14px;border-radius:16px}
  .head-actions .btn,.head-actions button{flex:1 1 auto}
  .list-row{align-items:flex-start;flex-direction:column}
  .list-row>form,.list-row>.btn{align-self:stretch}
  .list-row>form .btn,.list-row>.btn{width:100%}
  .filter-bar,.filters,.toolbar{grid-template-columns:1fr!important;display:grid!important}
  .filter-bar .btn,.filters .btn,.toolbar .btn{width:100%}
  .mobile-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .main{padding-bottom:92px}
}


/* v6.8 Smart Collector Tools */
.v68-search-tools{margin-bottom:14px}
.v68-saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.v68-saved-card{border:1px solid var(--ui-border);border-radius:16px;background:#0a1727;padding:16px;display:grid;gap:14px}
.v68-saved-card h3{margin:9px 0 5px}.v68-saved-card p{margin:0;color:var(--ui-muted);font-size:13px;line-height:1.5}
.v68-dupe-list{display:grid;gap:12px}
.v68-dupe{display:grid;grid-template-columns:74px minmax(0,1fr) 30px minmax(0,1fr) minmax(150px,.8fr);gap:12px;align-items:center;padding:14px;border:1px solid #223c57;border-radius:16px;background:#091725}
.v68-score{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#123355;border:1px solid #2f6796;text-align:center}.v68-score strong{font-size:17px}.v68-score span{font-size:10px;color:#8eabc5}
.v68-dupe-car{min-width:0}.v68-dupe-car b,.v68-dupe-car small,.v68-dupe-car a{display:block}.v68-dupe-car small{color:var(--ui-muted);margin:4px 0}.v68-dupe-car a{font-size:12px;color:#64b6ff}.v68-vs{text-align:center;color:#6687a5}.v68-reasons{display:flex;gap:5px;flex-wrap:wrap}
.v68-goal-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:16px}
.v68-goal-card{border:1px solid #27415d;border-radius:16px;padding:15px;margin-bottom:12px;background:#091725}.v68-goal-card.done{opacity:.72}.v68-goal-card h3{margin:0}.v68-goal-card progress,.v68-dash-goals progress{width:100%;height:10px}.v68-goal-numbers{color:#9fb3c8;font-size:13px;margin-top:6px}
.v68-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.v68-chart{height:260px}.v68-bars{height:220px;display:flex;align-items:end;gap:6px;border-bottom:1px solid #29425e;padding:12px 4px 0}.v68-bar{height:100%;flex:1;min-width:18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.v68-bar i{display:block;width:70%;min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#37a0ff,#1769b3)}.v68-bar span{font-size:10px;color:#8299b0}.v68-bar b{font-size:9px;color:#afc1d3;max-width:50px;overflow:hidden;text-overflow:ellipsis}
.v68-dash-goals{display:grid;gap:10px}.v68-dash-goals a{display:grid;gap:5px;text-decoration:none;color:inherit}.v68-dash-goals a>div{display:flex;justify-content:space-between;gap:8px}.v68-dash-goals span{color:#90a9c1}
.qr-label-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.qr-label-card{display:flex;gap:12px;align-items:center;background:#fff;color:#111;padding:12px;border-radius:12px;break-inside:avoid}.qr-label-card strong,.qr-label-card b{display:block}.qr-label-card strong{font-family:monospace;margin-top:5px}
.v68-real-qr canvas,.v68-binder-qr canvas{display:block;max-width:100%;height:auto}
@media(max-width:950px){.v68-dupe{grid-template-columns:62px 1fr 24px 1fr}.v68-reasons{grid-column:2/-1}.v68-goal-layout,.v68-analytics-grid{grid-template-columns:1fr}}
@media(max-width:650px){.v68-dupe{grid-template-columns:1fr}.v68-score{width:auto;height:auto;border-radius:12px;padding:8px}.v68-vs{display:none}.v68-reasons{grid-column:auto}}
@media print{.qr-label-card{box-shadow:none;border:1px solid #bbb}.page-head{display:none}.qr-label-grid{grid-template-columns:repeat(3,1fr)}}


/* ==========================================================================
   v6.8.1 Colored Sidebar Icons + Menu Editor 2.0
   ========================================================================== */
.sidebar .nav-icon,
.sidebar .menu-group-icon{
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:inline-grid;
  place-items:center;
  border-radius:9px;
  color:var(--menu-icon-color,#60a5fa);
  background:color-mix(in srgb,var(--menu-icon-color,#60a5fa) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--menu-icon-color,#60a5fa) 28%,transparent);
  box-shadow:inset 0 0 12px color-mix(in srgb,var(--menu-icon-color,#60a5fa) 7%,transparent);
}
.sidebar .nav-icon svg,
.sidebar .menu-group-icon svg{
  width:16px;height:16px;display:block;fill:currentColor;
}
.sidebar .menu-link:hover .nav-icon,
.sidebar .menu-group>summary:hover .menu-group-icon{
  background:color-mix(in srgb,var(--menu-icon-color,#60a5fa) 24%,transparent);
  border-color:color-mix(in srgb,var(--menu-icon-color,#60a5fa) 45%,transparent);
}
.sidebar .menu-group>summary{
  display:flex;align-items:center;gap:9px;
}
.sidebar .menu-group>summary>span:not(.menu-group-icon){flex:1}
.sidebar .menu-group.depth-1>summary .menu-group-icon{width:23px;height:23px;flex-basis:23px;border-radius:7px}
.sidebar .menu-group.depth-1>summary .menu-group-icon svg{width:14px;height:14px}

/* Menu Editor icon preview components */
.me-svg-icon{
  --menu-icon-color:#60a5fa;
  display:inline-grid;place-items:center;
  width:34px;height:34px;flex:0 0 34px;
  border-radius:10px;
  color:var(--menu-icon-color);
  background:color-mix(in srgb,var(--menu-icon-color) 14%,#071421);
  border:1px solid color-mix(in srgb,var(--menu-icon-color) 35%,#1b334a);
}
.me-svg-icon svg{width:19px;height:19px;fill:currentColor;display:block}
.me-ref-item .me-svg-icon,.me-ref-group-head .me-svg-icon{margin:0 3px}
.me-icon-edit{white-space:nowrap}

.me-icon-modal{
  position:fixed;inset:0;z-index:10000;
  display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(2,8,18,.78);backdrop-filter:blur(7px);
}
.me-icon-modal.open{display:flex}
.me-icon-dialog{
  width:min(760px,96vw);max-height:min(850px,92vh);overflow:auto;
  border:1px solid #2d4c6a;border-radius:22px;
  background:linear-gradient(180deg,#102137,#091624);
  box-shadow:0 30px 100px rgba(0,0,0,.65);padding:20px;
}
.me-icon-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #203850;padding-bottom:14px}
.me-icon-head h2{margin:4px 0 0}
.me-icon-close{width:38px;height:38px;padding:0;border-radius:10px;font-size:24px;line-height:1}
.me-icon-preview-row{
  display:flex;align-items:center;gap:14px;padding:18px 0;
  border-bottom:1px solid #203850;
}
.me-icon-preview-row small{display:block;color:#8da6bf;margin-top:3px}
.me-icon-big .me-svg-icon{width:58px;height:58px;border-radius:16px}
.me-icon-big .me-svg-icon svg{width:31px;height:31px}
.me-icon-section{padding-top:16px}.me-icon-section h3{margin:0 0 10px;font-size:14px}
.me-icon-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;
}
.me-icon-grid button{
  min-height:72px;display:grid;place-items:center;gap:5px;
  padding:8px;border:1px solid #27435f;border-radius:12px;background:#0a1929;color:#a9bfd4;
}
.me-icon-grid button:hover{border-color:#4778a3;background:#10253b}
.me-icon-grid button.active{border-color:#2799ff;box-shadow:0 0 0 2px rgba(39,153,255,.18);background:#102b48}
.me-icon-grid button .me-svg-icon{width:32px;height:32px}
.me-icon-grid button span:last-child{font-size:10px;text-transform:capitalize}
.me-color-grid{display:flex;gap:9px;flex-wrap:wrap}
.me-color-grid button{
  --swatch:#60a5fa;width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;
  background:var(--swatch);border:3px solid #0c1b2d;box-shadow:0 0 0 1px #38526b;
}
.me-color-grid button.active{box-shadow:0 0 0 3px #fff}
.me-custom-color{
  display:grid;grid-template-columns:auto 44px minmax(110px,150px);align-items:center;
  gap:9px;margin-top:13px;color:#9eb3c8;
}
.me-custom-color input[type=color]{width:44px;height:36px;padding:2px;border-radius:10px}
.me-icon-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:14px;border-top:1px solid #203850}

/* Accommodate the new editor action column cleanly. */
.me-ref-item{grid-template-columns:auto auto 42px minmax(180px,1fr) auto auto!important}
.me-ref-group-head{grid-template-columns:auto auto 42px minmax(180px,1fr) auto auto auto auto auto!important}

@media(max-width:1000px){
  .me-ref-item,.me-ref-group-head{grid-template-columns:auto 42px minmax(160px,1fr) auto!important}
  .me-ref-move{display:none}
  .me-ref-item .me-ref-visibility,.me-ref-group-head .me-ref-visibility{grid-column:auto}
  .me-ref-group-head .me-ref-edit-group,.me-ref-group-head .me-ref-delete,.me-ref-group-head .me-ref-collapse{grid-row:2}
}
@media(max-width:650px){
  .me-ref-item,.me-ref-group-head{grid-template-columns:34px 1fr auto!important}
  .me-ref-item .me-svg-icon,.me-ref-group-head .me-svg-icon{grid-column:1}
  .me-ref-item-copy,.me-ref-group-copy{grid-column:2}
  .me-icon-edit{grid-column:2;justify-self:start}
  .me-ref-visibility{grid-column:3;grid-row:1}
  .me-icon-dialog{padding:14px}
  .me-icon-grid{grid-template-columns:repeat(4,1fr)}
  .me-custom-color{grid-template-columns:1fr 44px 110px}
}


/* v6.8.2 Uploaded menu icons */
.sidebar .uploaded-menu-icon,
.me-upload-preview{
  position:relative;
}
.sidebar .uploaded-menu-icon::before,
.me-upload-preview::before{
  content:"";
  width:16px;height:16px;display:block;
  background:var(--menu-icon-color,#60a5fa);
  -webkit-mask-image:var(--menu-icon-image);
  mask-image:var(--menu-icon-image);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
.sidebar .menu-group-icon.uploaded-menu-icon::before{width:15px;height:15px}
.me-upload-preview::before{width:19px;height:19px}
.me-icon-big .me-upload-preview::before{width:31px;height:31px}
.me-icon-upload-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.me-icon-upload-form input[type=file]{flex:1 1 280px}
.me-icon-upload-status{min-height:22px;padding-top:7px;color:#8fcaff;font-size:12px}
.me-uploaded-icon-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:10px
}
.me-upload-icon-card{
  position:relative;border:1px solid #27435f;border-radius:12px;background:#0a1929;overflow:hidden
}
.me-upload-icon-card.active{border-color:#2799ff;box-shadow:0 0 0 2px rgba(39,153,255,.18)}
.me-upload-pick{
  width:100%;min-height:82px;border:0;background:transparent;display:grid;place-items:center;gap:5px;padding:9px 24px 9px 9px
}
.me-upload-pick:hover{background:#10253b}
.me-upload-pick span:last-child{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#b8cce0}
.me-upload-delete{
  position:absolute;right:5px;top:5px;width:24px;height:24px;min-height:24px;padding:0;border-radius:7px;background:#53212a;border-color:#7d303a;color:#ffd4d8
}
.me-upload-empty{grid-column:1/-1;padding:13px;border:1px dashed #31516f;border-radius:11px;color:#829bb3;text-align:center;font-size:12px}
@media(max-width:650px){
  .me-uploaded-icon-grid{grid-template-columns:repeat(3,1fr)}
  .me-icon-upload-form{display:grid;grid-template-columns:1fr}
}


/* v6.8.3 uploaded icon rendering hotfix */
.sidebar .uploaded-menu-icon::before,
.me-upload-preview::before{
  content:none!important;
  display:none!important;
}
.sidebar .uploaded-menu-icon img{
  width:17px;
  height:17px;
  display:block;
  object-fit:contain;
  max-width:100%;
  max-height:100%;
}
.sidebar .menu-group-icon.uploaded-menu-icon img{
  width:15px;
  height:15px;
}
.me-upload-preview img{
  width:20px;
  height:20px;
  display:block;
  object-fit:contain;
  max-width:100%;
  max-height:100%;
}
.me-icon-big .me-upload-preview img{
  width:34px;
  height:34px;
}
.me-upload-pick .me-upload-preview img{
  width:22px;
  height:22px;
}


/* v6.8.4 Menu Editor finishing pass */
.me-item-label-input{
  width:100%;min-width:120px;background:transparent!important;border:0!important;border-bottom:1px solid transparent!important;
  border-radius:0!important;padding:2px 0!important;min-height:28px!important;font-weight:750;color:#eaf3fb!important;
}
.me-item-label-input:hover,.me-item-label-input:focus{border-bottom-color:#3f79a8!important;box-shadow:none!important}
.me-item-reset{white-space:nowrap}
.v684-icon-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.v684-icon-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px;border:1px solid #27435f;border-radius:16px;background:#091725}
.v684-icon-image{width:58px;height:58px;display:grid;place-items:center;border-radius:13px;background:#fff0;border:1px solid #31516f;overflow:hidden}
.v684-icon-image img{width:44px;height:44px;object-fit:contain}
.v684-icon-copy b,.v684-icon-copy small{display:block}.v684-icon-copy small{color:#89a3bc;margin-top:3px}
.v684-usage{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.v684-usage span{font-size:10px;border-radius:999px;padding:4px 7px;background:#153554;color:#9dcbf3}
.v684-icon-delete button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){
  .me-ref-item{grid-template-columns:34px minmax(0,1fr) auto!important}
  .me-ref-item .me-icon-edit,.me-ref-item .me-item-reset{grid-column:2;justify-self:start}
  .me-ref-item .me-ref-visibility{grid-column:3;grid-row:1}
  .v684-icon-library{grid-template-columns:1fr}
}


/* v6.8.5 Dashboard image containment fix
   Prevents Hot Wheels package/car photos from being cropped at the bottom. */
.dashboard-photo,
.dash7-photo-grid a>div,
.valuable-thumb{
  background:#07101d;
}

/* Recent Collection on v6.2/v6.3+ dashboards */
.dashboard-photo img,
.dash7-photo-grid img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  display:block;
  box-sizing:border-box;
  padding:4px;
}

/* Most Valuable Copies */
.valuable-thumb img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  display:block;
  box-sizing:border-box;
  padding:3px;
}

/* Keep hover effect subtle without cropping the full package image. */
.dashboard-photo-card:hover img,
.dash7-photo-grid a:hover img{
  transform:scale(1.015)!important;
}


/* v6.8.6 Migration Center layout overhaul */
.migration-page-head{margin-bottom:20px}
.migration-page-head>div:first-child{max-width:780px}
.migration-page-head p{max-width:760px;line-height:1.65;margin-top:7px}
.migration-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
.migration-stat-grid-compact{grid-template-columns:minmax(220px,320px)}
.migration-stat-card{
  min-height:128px;
  padding:18px;
  border:1px solid #243b58;
  border-radius:17px;
  background:linear-gradient(145deg,#0f1e31,#0a1626);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}
.migration-stat-card>span{
  color:#8ca4c0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.migration-stat-card strong{font-size:30px;line-height:1.1}
.migration-stat-card small{color:#7188a4;line-height:1.45}
.migration-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:18px;
  align-items:start;
}
.migration-layout-simple{grid-template-columns:minmax(0,900px)}
.migration-main{display:grid;gap:18px;min-width:0}
.migration-sidebar{display:grid;gap:14px;position:sticky;top:16px}
.migration-panel{padding:22px!important;margin:0!important}
.migration-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.migration-section-head h2{margin:3px 0 5px;font-size:21px}
.migration-section-head p{margin:0;max-width:720px;line-height:1.55}
.migration-status-pill{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  border:1px solid #32557c;
  background:#102944;
  color:#9fceff;
}
.migration-status-pill.complete{border-color:#315e4c;background:#102a22;color:#a9e6c5}
.migration-note{
  display:grid;
  gap:4px;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid #28415f;
  border-radius:13px;
  background:#0b192a;
}
.migration-note strong{font-size:13px}
.migration-note span{color:#8098b4;font-size:12px;line-height:1.55}
.migration-run-form{
  display:grid;
  grid-template-columns:minmax(180px,230px) minmax(260px,1fr) auto;
  gap:14px;
  align-items:stretch;
  padding:16px;
  border:1px solid #233955;
  border-radius:15px;
  background:#091524;
}
.migration-field{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
}
.migration-field>span{font-size:12px;font-weight:800;color:#d9e8f7}
.migration-field small{font-size:10px;color:#748ba6;line-height:1.35}
.migration-field input,.migration-field select{
  width:100%;
  min-width:0;
  margin-top:auto;
}
.migration-backup-option{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
  margin:0!important;
  padding:11px 13px;
  border:1px solid #263e5d;
  border-radius:12px;
  background:#0d1b2d;
}
.migration-backup-option input{width:auto!important;flex:0 0 auto;margin:0!important}
.migration-backup-option>span{display:grid;gap:3px}
.migration-backup-option b{font-size:12px}
.migration-backup-option small{font-size:10px;color:#778fa9;line-height:1.4}
.migration-run-action{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:6px;
  min-width:165px;
}
.migration-run-action .btn{min-height:44px;white-space:nowrap}
.migration-run-action small{font-size:10px;color:#738aa4;text-align:center}
.migration-table-wrap{
  border:1px solid #213650;
  border-radius:14px;
  overflow:auto;
  background:#091524;
}
.migration-table{min-width:680px;width:100%;border-collapse:collapse}
.migration-table th{
  padding:12px 14px;
  background:#0d1b2d;
  color:#8198b4;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:10px;
  white-space:nowrap;
  border-bottom:1px solid #263c58;
}
.migration-table td{
  padding:13px 14px;
  border-bottom:1px solid #1a2c43;
  vertical-align:middle;
}
.migration-table tbody tr:last-child td{border-bottom:0}
.migration-table tbody tr:hover{background:#0e1d30}
.migration-id,.migration-photo-count{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 8px;
  border-radius:8px;
  background:#142841;
  color:#a8c7e7;
  font-size:11px;
}
.migration-history-table{min-width:850px}
.migration-run-status{
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  background:#153451;
  color:#a9d4fb;
  font-size:10px;
  font-weight:800;
}
.migration-run-status.status-completed{background:#123125;color:#a6e2c1}
.migration-run-status.status-failed,.migration-run-status.status-rolled_back{background:#3b2027;color:#ffc3c9}
.migration-date{white-space:nowrap;color:#879db6;font-size:11px}
.migration-rollback-form{margin:0}
.migration-empty{
  min-height:120px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  border:1px dashed #2e4969;
  border-radius:13px;
  color:#8299b4;
  text-align:center;
  padding:22px;
}
.migration-empty strong{color:#cfe0f1}
.migration-help-card{padding:18px!important}
.migration-help-card h3{margin:5px 0 12px;font-size:16px}
.migration-help-card p{line-height:1.6;margin-bottom:0}
.migration-step-list{display:grid;gap:12px}
.migration-step-list>div{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.migration-step-list>div>b{
  width:28px;height:28px;border-radius:9px;
  display:grid;place-items:center;
  background:#163554;color:#a9d5ff;
  font-size:11px;
}
.migration-step-list>div>span{display:grid;gap:2px}
.migration-step-list strong{font-size:12px}
.migration-step-list small{font-size:10px;color:#768da8;line-height:1.45}
.migration-history-list{display:grid;gap:8px}
.migration-history-list>div{padding:12px;border:1px solid #213650;border-radius:11px;background:#0a1727}
.migration-history-list span{display:grid;gap:3px}
.migration-history-list small{color:#7d94af}

@media(max-width:1100px){
  .migration-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .migration-layout{grid-template-columns:1fr}
  .migration-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .migration-run-form{grid-template-columns:1fr 1fr}
  .migration-run-action{grid-column:1/-1}
  .migration-run-action .btn{width:100%}
}
@media(max-width:620px){
  .migration-page-head{align-items:flex-start}
  .migration-stat-grid{grid-template-columns:1fr}
  .migration-stat-grid-compact{grid-template-columns:1fr}
  .migration-stat-card{min-height:104px}
  .migration-layout,.migration-main{gap:12px}
  .migration-panel{padding:16px!important}
  .migration-section-head{display:grid;gap:10px}
  .migration-status-pill{justify-self:start}
  .migration-run-form{grid-template-columns:1fr;padding:12px}
  .migration-run-action{grid-column:auto}
  .migration-sidebar{grid-template-columns:1fr}
  .migration-table-wrap{margin-left:-4px;margin-right:-4px}
}


/* v6.8.7 definitive dashboard full-image fix */
.dash7-photo-grid a>div.dash7-photo-frame,
.dashboard-photo.dashboard-photo-frame{
  aspect-ratio:3/4!important;
  min-height:180px;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px!important;
  box-sizing:border-box!important;
  background:#07101d!important;
}

.dash7-photo-grid img.dash7-full-image,
.dashboard-photo img.dashboard-full-image{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  padding:0!important;
  margin:auto!important;
  display:block!important;
}

.dash7-photo-grid a:hover img.dash7-full-image,
.dashboard-photo-card:hover img.dashboard-full-image{
  transform:none!important;
}

/* Most Valuable Copies: portrait thumbnail so blister cards are fully visible. */
.valuable-thumb{
  width:64px!important;
  height:82px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#07101d!important;
}
.valuable-image-frame{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5px;
  box-sizing:border-box;
}
.valuable-thumb img.valuable-full-image{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  padding:0!important;
  margin:auto!important;
  display:block!important;
}
.valuable-row{
  grid-template-columns:64px minmax(0,1fr) auto!important;
  min-height:92px;
}

@media(max-width:700px){
  .dash7-photo-grid a>div.dash7-photo-frame,
  .dashboard-photo.dashboard-photo-frame{min-height:160px}
}


/* v6.8.9 Collection page polish */
.collection-page{display:grid;gap:18px}
.collection-page-head{margin-bottom:0}
.collection-page-head>div:first-child{max-width:760px}
.collection-page-head p{line-height:1.6;margin-top:6px}
.collection-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

.collection-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.collection-summary-card{
  min-height:132px;
  padding:19px;
  border:1px solid #263e5c;
  border-radius:18px;
  background:linear-gradient(145deg,#0f1f33,#0a1626);
  box-shadow:0 12px 30px rgba(0,0,0,.13);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
}
.collection-summary-card>span{
  color:#8da5c1;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.065em;
}
.collection-summary-card strong{font-size:29px;line-height:1.1}
.collection-summary-card small{color:#758da8;line-height:1.4}

.collection-filter-panel{padding:22px!important;margin:0!important}
.collection-filter-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.collection-filter-head h2{margin:3px 0 5px;font-size:20px}
.collection-filter-head p{margin:0;line-height:1.5}

.collection-filter-form{
  display:grid;
  grid-template-columns:minmax(260px,2fr) minmax(150px,.75fr) minmax(190px,1fr) minmax(210px,1fr) auto;
  gap:12px;
  align-items:end;
  padding:15px;
  border:1px solid #223954;
  border-radius:15px;
  background:#091524;
}
.collection-filter-form>label{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
}
.collection-filter-form>label>span:first-child{
  color:#9bb0c8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
}
.collection-filter-form input[type="text"],
.collection-filter-form input:not([type]),
.collection-filter-form select{
  width:100%;
  min-width:0;
  min-height:44px;
}
.collection-filter-check{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  align-items:center!important;
  min-height:44px;
  padding:9px 11px;
  border:1px solid #29425f;
  border-radius:11px;
  background:#0d1b2d;
}
.collection-filter-check input{width:auto!important;flex:0 0 auto;margin:0!important}
.collection-filter-check>span{display:grid;gap:2px}
.collection-filter-check b{font-size:11px;color:#dce9f7}
.collection-filter-check small{font-size:9px;color:#748ca7;line-height:1.35}
.collection-filter-action{display:flex;align-items:end}
.collection-filter-action .btn{min-height:44px;white-space:nowrap}

.collection-results-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:14px;
  padding:2px 2px 0;
}
.collection-results-head h2{margin:3px 0 0;font-size:21px}
.collection-active-filter{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#153554;
  border:1px solid #2b5278;
  color:#a8d5ff;
  font-size:10px;
  font-weight:800;
}

.collection-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:17px;
}
.collection-copy-card{
  min-width:0;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  border:1px solid #253c59;
  border-radius:18px;
  background:linear-gradient(160deg,#0e1c2e,#091523);
  box-shadow:0 10px 28px rgba(0,0,0,.13);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.collection-copy-card:hover{
  transform:translateY(-3px);
  border-color:#4773a0;
  box-shadow:0 16px 36px rgba(0,0,0,.2);
}
.collection-copy-photo{
  position:relative;
  height:255px;
  padding:10px;
  box-sizing:border-box;
  background:#06101d;
  border-bottom:1px solid #20354f;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.collection-copy-photo img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.collection-photo-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:6px;
  color:#758da8;
}
.collection-photo-placeholder span{font-size:39px;opacity:.65}
.collection-photo-placeholder small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}

.collection-status-badge{
  position:absolute;
  top:11px;
  right:11px;
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  background:#173653e8;
  border:1px solid #315a80;
  color:#c5e2ff;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
  backdrop-filter:blur(7px);
}
.collection-status-badge.status-sale{background:#3b2914e8;border-color:#74522c;color:#ffd49b}
.collection-status-badge.status-trade{background:#292047e8;border-color:#524280;color:#d8c9ff}
.collection-status-badge.status-sold,.collection-status-badge.status-gifted{background:#382029e8;border-color:#6e3948;color:#ffc2ce}
.collection-status-badge.status-wishlist{background:#332447e8;border-color:#634282;color:#e7ccff}

.collection-copy-body{display:grid;gap:10px;padding:16px 17px 17px}
.collection-copy-id-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.collection-copy-id{
  color:#8299b4;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.055em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.collection-copy-id-row strong{font-size:15px;color:#edf6ff;white-space:nowrap}
.collection-copy-body h3{
  margin:0;
  font-size:17px;
  line-height:1.35;
  min-height:46px;
}
.collection-copy-meta{
  min-height:34px;
  margin:0;
  color:#879db7;
  font-size:11px;
  line-height:1.5;
}
.collection-copy-footer{
  min-height:43px;
  padding-top:10px;
  border-top:1px solid #1f324a;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:10px;
}
.collection-location{display:grid;gap:3px;min-width:0}
.collection-location b{font-size:9px;color:#6f87a3;text-transform:uppercase;letter-spacing:.06em}
.collection-location small{
  color:#b9cce0;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.collection-condition{
  max-width:45%;
  padding:5px 7px;
  border-radius:8px;
  background:#142740;
  color:#9fb6cf;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.collection-empty-state{
  min-height:300px;
  margin:0!important;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  text-align:center;
  padding:36px!important;
}
.collection-empty-icon{font-size:50px;opacity:.7}
.collection-empty-state h2{margin:4px 0 0}
.collection-empty-state p{max-width:520px;color:#8399b3;line-height:1.55}
.collection-empty-state .head-actions{justify-content:center}

@media(max-width:1180px){
  .collection-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection-filter-form{grid-template-columns:minmax(240px,2fr) 1fr 1fr}
  .collection-filter-check{grid-column:1/3}
  .collection-filter-action{grid-column:3}
  .collection-filter-action .btn{width:100%}
}
@media(max-width:820px){
  .collection-page{gap:14px}
  .collection-page-head{align-items:flex-start}
  .collection-head-actions{justify-content:flex-start}
  .collection-filter-form{grid-template-columns:1fr 1fr}
  .collection-filter-search{grid-column:1/-1}
  .collection-filter-check{grid-column:1/-1}
  .collection-filter-action{grid-column:1/-1}
  .collection-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .collection-copy-photo{height:230px}
}
@media(max-width:590px){
  .collection-summary-grid{grid-template-columns:1fr 1fr;gap:9px}
  .collection-summary-card{min-height:112px;padding:14px}
  .collection-summary-card strong{font-size:23px}
  .collection-summary-card small{font-size:9px}
  .collection-filter-panel{padding:15px!important}
  .collection-filter-head{display:grid;gap:10px}
  .collection-filter-head .btn{justify-self:start}
  .collection-filter-form{grid-template-columns:1fr;padding:11px}
  .collection-filter-search,.collection-filter-check,.collection-filter-action{grid-column:auto}
  .collection-results-head{align-items:center}
  .collection-card-grid{grid-template-columns:1fr}
  .collection-copy-photo{height:300px}
  .collection-copy-body h3{min-height:0}
}
@media(max-width:390px){
  .collection-summary-grid{grid-template-columns:1fr}
  .collection-copy-photo{height:270px}
}


/* v6.8.10 Master Catalog image restoration */
.catalog-v3-image{
  min-height:260px!important;
  aspect-ratio:3/4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  box-sizing:border-box!important;
  background:#07101d!important;
  overflow:hidden!important;
}
.catalog-v3-image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  transform:none!important;
}
.catalog-card.rich>img{
  width:100%!important;
  height:260px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#07101d!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  .catalog-v3-image{min-height:230px!important}
}


/* v6.8.11 QR absolute-link visibility */
.qr-destination-url{
  margin-top:10px;
  padding:8px 10px;
  border:1px solid #253b57;
  border-radius:9px;
  background:#081321;
  color:#8299b4;
  font-size:10px;
  line-height:1.45;
  overflow-wrap:anywhere;
  word-break:break-word;
}


/* v6.8.12 mobile car-page image restoration */
.copy-mobile-gallery{
  margin-bottom:16px!important;
  padding:14px!important;
}
.copy-mobile-hero{
  width:100%;
  height:min(62vh,620px);
  min-height:320px;
  border-radius:14px;
  overflow:hidden;
  background:#06101d;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  box-sizing:border-box;
}
.copy-mobile-hero img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.copy-mobile-thumbs{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(74px,1fr));
  gap:8px;
  margin-top:10px;
}
.copy-mobile-thumb{
  height:82px;
  padding:4px;
  border:1px solid #2a405d;
  border-radius:10px;
  background:#091524;
  cursor:pointer;
  overflow:hidden;
}
.copy-mobile-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#06101d;
  border-radius:7px;
}
@media(max-width:860px){
  .copy-mobile-gallery{
    display:block!important;
    margin:0 0 14px!important;
    padding:10px!important;
  }
  .copy-mobile-hero{
    height:58vh;
    min-height:300px;
    max-height:520px;
  }
  .copy-mobile-thumbs{
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow-x:auto;
  }
}
@media(max-width:520px){
  .copy-mobile-hero{
    height:52vh;
    min-height:270px;
    max-height:440px;
  }
  .copy-mobile-thumb{height:72px}
}

/* Existing physical-copy photo manager: never hide photos on phones. */
@media(max-width:860px){
  .photo-manager-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .managed-photo{display:block!important}
  .managed-photo img{width:100%!important;height:180px!important;aspect-ratio:auto!important;object-fit:contain!important;background:#06101d!important}
}
@media(max-width:480px){
  .photo-manager-grid{grid-template-columns:1fr!important}
  .managed-photo img{height:260px!important}
}


/* v6.8.13 desktop side-menu active state + hide/show */
@media(min-width:861px){
  .sidebar{
    position:relative;
    flex:0 0 260px;
    width:260px;
    transition:width .2s ease,flex-basis .2s ease,padding .2s ease,border-color .2s ease,opacity .16s ease,transform .2s ease;
  }

  .sidebar .brand{
    position:relative;
    padding-right:28px;
  }

  .desktop-sidebar-hide{
    position:absolute;
    right:-10px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    min-width:30px;
    padding:0;
    display:grid;
    place-items:center;
    border-radius:9px;
    border:1px solid #304866;
    background:#122238;
    color:#b8c9dc;
    font-size:22px;
    line-height:1;
    box-shadow:0 5px 16px #0004;
    z-index:3;
  }
  .desktop-sidebar-hide:hover{
    background:#1b3150;
    color:#fff;
  }

  .desktop-sidebar-show{
    position:fixed;
    left:12px;
    top:14px;
    z-index:1180;
    width:42px;
    height:42px;
    padding:0;
    display:none;
    place-items:center;
    border-radius:11px;
    border:1px solid #304866;
    background:#0f1b2ef2;
    color:#fff;
    font-size:20px;
    box-shadow:0 8px 24px #0007;
  }

  body.desktop-sidebar-hidden .sidebar{
    flex-basis:0!important;
    width:0!important;
    min-width:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border-right-color:transparent!important;
    opacity:0;
    overflow:hidden!important;
    transform:translateX(-20px);
    pointer-events:none;
  }
  body.desktop-sidebar-hidden .desktop-sidebar-show{
    display:grid;
  }
}

/* Highlight the exact current menu route. */
.sidebar-nav .menu-link{
  position:relative;
  border:1px solid transparent;
  transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease;
}
.sidebar-nav .menu-link.active,
.sidebar-nav .menu-link.current,
.sidebar-nav .menu-link[aria-current="page"]{
  background:linear-gradient(90deg,#1b304b,#13243a)!important;
  border-color:#3a5f86!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #ef4444,0 5px 16px #0002;
  font-weight:800;
}
.sidebar-nav .menu-link[aria-current="page"] .nav-icon{
  box-shadow:0 0 0 1px currentColor,0 0 18px color-mix(in srgb,currentColor 32%,transparent);
}
.sidebar-nav .menu-link[aria-current="page"] .nav-label{
  color:#fff;
}
.menu-active-dot{
  width:7px;
  height:7px;
  margin-left:auto;
  flex:0 0 7px;
  border-radius:50%;
  background:#ef4444;
  box-shadow:0 0 0 3px #ef444426;
}
.menu-group.active-group>summary{
  color:#dceaff;
}
.menu-group.active-group>summary::after{
  content:'';
  width:6px;
  height:6px;
  margin-left:5px;
  border-radius:50%;
  background:#ef4444;
}
.menu-group.active-group>summary>b{
  margin-left:auto;
}

/* Mobile keeps its existing drawer controls; desktop controls stay out of the way. */
@media(max-width:860px){
  .desktop-sidebar-hide,
  .desktop-sidebar-show{display:none!important}
  body.desktop-sidebar-hidden .sidebar{
    width:min(84vw,310px)!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateX(-105%);
  }
  body.desktop-sidebar-hidden.nav-open .sidebar{
    transform:translateX(0);
  }
}


/* v6.9 Internet image search */
.web-image-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.web-image-section-head h2{margin:3px 0 5px}
.web-image-section-head p{margin:0;line-height:1.5}
.web-image-search-status{
  margin:12px 0 14px;
  padding:11px 13px;
  border:1px solid #263e5a;
  border-radius:11px;
  background:#091524;
  color:#8fa7c2;
  font-size:12px;
  line-height:1.5;
}
.web-image-toolbar{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}
.web-image-toolbar>div:first-child{display:grid;gap:3px}
.web-image-toolbar b{font-size:13px}
.web-image-toolbar span{font-size:10px;color:#7f95af}
.web-image-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:12px;
}
.web-image-result{
  position:relative;
  overflow:hidden;
  border:1px solid #263c58;
  border-radius:14px;
  background:#0a1627;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.web-image-result:hover{transform:translateY(-2px);border-color:#446b94}
.web-image-result.selected{
  border-color:#4b89c4;
  box-shadow:0 0 0 2px #4b89c433,0 10px 25px #0003;
}
.web-image-result.cover{
  border-color:#ef4444;
  box-shadow:0 0 0 2px #ef44443d,0 10px 25px #0003;
}
.web-image-result.cover::after{
  content:'Cover';
  position:absolute;
  top:9px;
  right:9px;
  padding:4px 7px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.web-image-select{
  position:absolute;
  z-index:3;
  top:8px;
  left:8px;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 6px;
  border-radius:8px;
  background:#07111fe8;
  border:1px solid #304966;
  color:#d8e6f5!important;
  font-size:9px;
  cursor:pointer;
}
.web-image-select input{width:auto!important;margin:0!important}
.web-image-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:205px;
  padding:8px;
  border-radius:0;
  background:#050d18;
}
.web-image-preview img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.web-image-meta{display:grid;gap:4px;padding:10px 10px 7px}
.web-image-meta b{
  min-height:31px;
  font-size:11px;
  line-height:1.35;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.web-image-meta span{
  font-size:9px;
  color:#7e94ad;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.web-image-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:7px;
  padding:0 10px 10px;
}
.web-image-actions button,
.web-image-actions a{
  padding:6px 8px;
  border-radius:8px;
  border:1px solid #2b4562;
  background:#11233a;
  color:#bcd0e5;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
}
.web-image-result.cover .web-image-cover-btn{background:#6b1d25;border-color:#a3313e;color:#fff}
.web-image-rights-note{
  display:flex;
  gap:10px;
  margin-top:14px;
  padding:11px 13px;
  border-radius:11px;
  border:1px solid #3a3444;
  background:#171323;
}
.web-image-rights-note b{font-size:10px;color:#e9d4ff;white-space:nowrap}
.web-image-rights-note span{font-size:10px;color:#aa9cba;line-height:1.45}
.photo-source-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:20px 0 14px;
  color:#7087a1;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.photo-source-divider::before,.photo-source-divider::after{content:'';height:1px;background:#23364f;flex:1}
.internet-image-form-panel{margin-bottom:16px}
.settings-stack{max-width:760px}
.settings-status{
  padding:5px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.settings-status.ready{background:#123a2f;color:#8ce3bf;border:1px solid #28644f}
.settings-status.needs-key{background:#3a2418;color:#ffc58e;border:1px solid #744b2c}
.settings-help-box{
  display:grid;
  gap:4px;
  padding:12px;
  border-radius:11px;
  background:#091524;
  border:1px solid #263c58;
}
.settings-help-box b{font-size:11px}
.settings-help-box span{font-size:10px;color:#8198b3;line-height:1.5}

@media(max-width:760px){
  .web-image-section-head{display:grid}
  .web-image-section-head .btn{justify-self:start}
  .web-image-toolbar{align-items:flex-start;flex-direction:column}
  .web-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .web-image-preview{height:170px}
}
@media(max-width:440px){
  .web-image-grid{grid-template-columns:1fr}
  .web-image-preview{height:260px}
}


/* v6.9.1 no-key image search */
.settings-status.ready{white-space:nowrap}


/* v6.9.2 Add Car → Unified Collection bridge */
.collection-recovery-panel{
  border-color:#6f5127!important;
  background:linear-gradient(180deg,#171c25,#111925)!important;
}
.collection-recovery-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.collection-recovery-head h2{margin:4px 0 5px}
.collection-recovery-head p{margin:0;max-width:760px;line-height:1.5}
.collection-recovery-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:9px;
}
.collection-recovery-list article{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:11px;
  border:1px solid #33465d;
  border-radius:12px;
  background:#0a1523;
}
.collection-recovery-list article>div{display:grid;gap:3px;min-width:0}
.collection-recovery-list article b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.collection-recovery-list article span{font-size:10px;color:#8398b1}
.collection-recovery-list form{margin:0;flex:0 0 auto}
@media(max-width:700px){
  .collection-recovery-head{display:grid}
  .collection-recovery-list{grid-template-columns:1fr}
}


/* v6.9.3 Data Integrity + verified backups */
.integrity-head .head-actions form{margin:0}
.integrity-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.integrity-summary-grid article{padding:16px;border:1px solid #2a3d57;border-radius:15px;background:#0d192a;display:grid;gap:5px}
.integrity-summary-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8ba0ba}
.integrity-summary-grid b{font-size:25px}
.integrity-summary-grid small{font-size:10px;color:#71869f}
.integrity-summary-grid article.healthy{border-color:#27634d;background:#0d211b}
.integrity-section{margin-bottom:14px}
.integrity-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.integrity-section-head h2{margin:0 0 4px}
.integrity-section-head p{margin:0;line-height:1.45}
.integrity-count{min-width:32px;height:32px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:#172943;border:1px solid #355477;font-weight:850}
.review-only .integrity-count{background:#39261c;border-color:#755032;color:#ffc58f}
.integrity-list{display:grid;gap:7px}
.integrity-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;border:1px solid #263b56;border-radius:10px;background:#091523}
.integrity-list article>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.integrity-list form{margin:0;flex:0 0 auto}
.integrity-ok{padding:12px;border-radius:10px;background:#0d211b;border:1px solid #255e49;color:#8cdcb9;font-size:12px}
.backup-verification-note code{padding:2px 5px;border-radius:5px;background:#07111f}
.backup-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850;text-transform:uppercase;margin-right:7px}
.backup-status.verified{background:#123b2f;color:#93e4c1;border:1px solid #28644f}
.backup-status.failed{background:#421e24;color:#ffafb7;border:1px solid #75313a}
.backup-detail{color:#7e94ad}
@media(max-width:900px){.integrity-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.integrity-summary-grid{grid-template-columns:1fr}.integrity-section-head,.integrity-list article{align-items:flex-start;flex-direction:column}}


/* v6.9.4 Photo Studio selection + fallback photo repair */
.photo-studio-fallback-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin:12px 0;
  padding:11px 12px;
  border:1px solid #5e4a2d;
  border-radius:11px;
  background:#1c1710;
}
.photo-studio-fallback-note b{color:#ffd59b;white-space:nowrap}
.photo-studio-fallback-note span{font-size:10px;color:#bfae96;line-height:1.45}
.photo-v7-card.fallback-photo{cursor:default}
.photo-v7-card.fallback-photo .photo-v7-img img{object-fit:contain}
@media(max-width:760px){
  .photo-studio-fallback-note{grid-template-columns:1fr}
  .photo-studio-fallback-note .btn{justify-self:start}
}


/* v6.9.5 Unified reliability */
.duplicate-notice span{display:block;margin-top:5px;color:#8ca2bb;font-size:10px}
.photo-studio-repair-box{grid-template-columns:minmax(0,1fr) auto}
.photo-studio-repair-box>div:first-child{display:grid;gap:4px}
.photo-studio-repair-box form{margin:0}
.inspector-picker-grid{display:grid;gap:8px}
.inspector-picker-grid>a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid #263d59;border-radius:11px;background:#091523;text-decoration:none}
.inspector-picker-grid>a:hover{border-color:#47709a;background:#0d1c30}
.inspector-picker-grid>a>span:nth-child(2){display:grid;gap:3px;min-width:0}
.inspector-picker-grid small{color:#7f95af}
.inspector-issue-list{display:grid;gap:7px;margin-bottom:14px}
.inspector-issue{padding:10px 12px;border-radius:10px;border:1px solid #334b67;background:#0d1a2a;font-size:11px}
.inspector-issue.critical{border-color:#7b323c;background:#2a1117;color:#ffc0c6}
.inspector-issue.warning{border-color:#725232;background:#261c10;color:#ffd19d}
.inspector-issue.good{border-color:#2b674f;background:#0d211b;color:#93e3c1}
.inspector-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.inspector-map dl{display:grid;grid-template-columns:110px 1fr;gap:7px 10px;margin:12px 0}
.inspector-map dt{font-size:10px;color:#7890aa}
.inspector-map dd{margin:0;font-size:11px;overflow-wrap:anywhere}
.inspector-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.inspector-metrics{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.inspector-metrics span{padding:8px 10px;border:1px solid #2a405d;border-radius:9px;background:#0a1627;font-size:10px}
.inspector-metrics b{font-size:15px;margin-right:4px}
.mini-list{display:grid;gap:6px}
.mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #203149}
.mini-list span{font-size:10px;color:#8197af;text-align:right}
@media(max-width:900px){.inspector-map{grid-template-columns:1fr}.inspector-detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.photo-studio-repair-box{grid-template-columns:1fr}.inspector-picker-grid>a{grid-template-columns:42px minmax(0,1fr)}.inspector-picker-grid>a>strong{grid-column:2}}


/* ==========================================================
   Hot Wheels Collector Pro v7.0
   Canonical Unified Collector UI
   ========================================================== */
.v7-page-head{align-items:flex-end}
.v7-native-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#103c31;border:1px solid #286e58;color:#94e8c5;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.v7-add-shell{display:grid;gap:14px}
.v7-add-shell .panel{margin:0}
.v7-add-shell .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.v7-add-shell .form-grid .span-2{grid-column:span 2}
.v7-add-shell textarea{resize:vertical}
.check-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.check-row label{display:flex;gap:7px;align-items:center;font-size:11px}
.v7-image-finder{margin-top:14px;padding-top:14px;border-top:1px solid #263a53}
.v7-savebar{position:sticky;bottom:12px;z-index:20;display:flex;gap:8px;justify-content:flex-end;padding:10px;border:1px solid #304763;background:rgba(8,18,31,.94);backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.v7-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px}
.v7-car-card{display:grid;border:1px solid #263d59;border-radius:15px;overflow:hidden;background:#0a1525;text-decoration:none;transition:.18s ease;min-width:0}
.v7-car-card:hover{transform:translateY(-2px);border-color:#527aa4;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.v7-car-image{aspect-ratio:4/3;background:#07111e;display:grid;place-items:center;overflow:hidden}
.v7-car-image img{width:100%;height:100%;object-fit:contain;padding:8px}
.v7-no-photo{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid #38516e;color:#7893b0;font-weight:900}
.v7-car-body{padding:12px;display:grid;gap:5px}
.v7-car-body>span,.v7-car-body p{font-size:10px;color:#7f95ad;margin:0}
.v7-car-body h3{font-size:14px;margin:0;color:#eef6ff}
.v7-car-body>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:5px}
.v7-car-body em{font-style:normal;padding:3px 6px;border-radius:999px;background:#14263b;color:#9ab1ca;font-size:9px;text-transform:uppercase}
.v7-copy-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:14px;margin-bottom:14px}
.v7-copy-visual,.v7-copy-info{margin:0}
.v7-copy-hero{height:min(56vh,620px);display:grid;place-items:center;background:#06101d;border-radius:13px;overflow:hidden}
.v7-copy-hero img{width:100%;height:100%;object-fit:contain;padding:10px}
.v7-copy-hero.empty{color:#657e99;font-weight:800}
.v7-copy-thumbs{display:flex;gap:7px;overflow:auto;margin-top:9px;padding-bottom:3px}
.v7-copy-thumbs img{width:74px;height:60px;object-fit:contain;background:#07111e;border:1px solid #263d59;border-radius:8px;padding:4px}
.v7-copy-info dl{display:grid;grid-template-columns:120px 1fr;gap:8px 10px;margin:16px 0}
.v7-copy-info dt{font-size:10px;color:#788fa9}
.v7-copy-info dd{margin:0;font-size:11px}
.v7-note{padding:10px;border:1px solid #2a3f59;background:#081422;border-radius:9px;font-size:11px;line-height:1.5}
.v7-audit-score{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:18px;padding:18px;border:1px solid #2b4863;border-radius:16px;background:linear-gradient(145deg,#0b1727,#0c1c2e);margin-bottom:14px}
.v7-audit-score>div:first-child{display:grid;gap:3px}.v7-audit-score span{font-size:10px;text-transform:uppercase;color:#7f96af}.v7-audit-score b{font-size:34px}.v7-audit-score small{color:#8ca1b9}
.v7-score-bar{height:12px;background:#07111e;border:1px solid #283d55;border-radius:999px;overflow:hidden}.v7-score-bar i{display:block;height:100%;background:linear-gradient(90deg,#27664f,#52b88e);border-radius:inherit}
.v7-import-note{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #28604c;background:#0c211a;border-radius:10px;margin-bottom:12px}.v7-import-note span{font-size:10px;color:#9fc8b7}
@media(max-width:900px){.v7-copy-layout{grid-template-columns:1fr}.v7-audit-score{grid-template-columns:1fr}}
@media(max-width:700px){.v7-add-shell .form-grid{grid-template-columns:1fr}.v7-add-shell .form-grid .span-2{grid-column:auto}.v7-savebar{justify-content:stretch}.v7-savebar .btn{flex:1}.v7-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.v7-collection-grid{grid-template-columns:1fr}}


/* v7.0.2 restored Add Car Wizard */
.v7-wizard-shell{display:grid;gap:14px}
.v7-wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.v7-wizard-steps button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2a405a;background:#0a1625;color:#8298b0;border-radius:12px;padding:10px;cursor:pointer}
.v7-wizard-steps button b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#14263b;color:#a9bed4}
.v7-wizard-steps button.active{border-color:#5684b2;background:#10243a;color:#eef6ff}
.v7-wizard-steps button.active b{background:#2f6da0;color:#fff}
.v7-wizard-shell .wizard-page{display:none}
.v7-wizard-shell .wizard-page.active{display:block}
.v7-wizard-shell .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.v7-wizard-shell .form-grid .span-2{grid-column:span 2}
.wizard-photo-drop{display:flex;align-items:center;gap:12px;padding:18px;border:1px dashed #405c79;border-radius:13px;background:#081524;margin-bottom:14px}
.wizard-photo-drop>span{font-size:10px;color:#8398af}
.wizard-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wizard-review-grid article{padding:13px;border:1px solid #29405b;border-radius:11px;background:#091522;display:grid;gap:4px}
.wizard-review-grid span{font-size:9px;text-transform:uppercase;color:#7d93ab;letter-spacing:.07em}
.wizard-review-grid b{font-size:14px;overflow-wrap:anywhere}
.wizard-final-note{display:grid;gap:4px;margin-top:14px;padding:12px;border:1px solid #28604b;background:#0b2119;border-radius:11px}
.wizard-final-note span{font-size:10px;color:#9cc7b4}
.v7-wizard-nav{position:sticky;bottom:12px;z-index:25;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #304763;background:rgba(7,17,29,.95);backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.v7-wizard-nav>span{text-align:center;font-size:10px;color:#859bb2}
.v7-wizard-nav>div{display:flex;gap:7px}
@media(max-width:720px){
 .v7-wizard-steps{grid-template-columns:repeat(2,1fr)}
 .v7-wizard-shell .form-grid{grid-template-columns:1fr}
 .v7-wizard-shell .form-grid .span-2{grid-column:auto}
 .wizard-review-grid{grid-template-columns:repeat(2,1fr)}
 .v7-wizard-nav{grid-template-columns:1fr 1fr}
 .v7-wizard-nav>span{display:none}
 .v7-wizard-nav>div{justify-content:flex-end}
}
@media(max-width:460px){
 .wizard-review-grid{grid-template-columns:1fr}
 .v7-wizard-steps button span{font-size:9px}
}


/* ==========================================================
   v7.0.3 — Full Photo Visibility
   Collection/car/catalog/gallery/dashboard/photo-studio images
   must display in their entirety rather than being cropped.
   ========================================================== */
:root{--hw-photo-bg:#07111e}

/* All principal collector image frames */
.v7-car-image,
.v7-copy-hero,
.v7-copy-thumbs,
.collection-card .car-image,
.collection-card .image,
.car-card .car-image,
.car-card .image,
.gallery-card .image,
.gallery-item,
.catalog-card .image,
.release-card .image,
.photo-card,
.photo-studio-card,
.dashboard-car-image,
.recent-car-image,
.value-car-image,
.copy-photo,
.car-photo,
.image-frame,
.thumb-frame{
  background:var(--hw-photo-bg) !important;
  overflow:hidden !important;
}

/* Never crop collector photos. */
.v7-car-image img,
.v7-copy-hero img,
.v7-copy-thumbs img,
.collection-card img,
.car-card img,
.gallery-card img,
.gallery-item img,
.catalog-card img,
.release-card img,
.photo-card img,
.photo-studio-card img,
.dashboard-car-image img,
.recent-car-image img,
.value-car-image img,
.copy-photo img,
.car-photo img,
.image-frame img,
.thumb-frame img,
.web-image-card img,
img.collection-photo,
img.car-cover,
img.catalog-cover,
img.copy-cover,
img.gallery-photo,
img.photo-thumb{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}

/* Older screens sometimes put object-fit directly on every image in these
   containers. Keep those images contained as well. */
.collection-grid img,
.gallery-grid img,
.catalog-grid img,
.photo-grid img,
.photo-studio-grid img,
.dashboard-grid img,
.recent-grid img,
.value-grid img,
.copy-gallery img,
.car-gallery img{
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}

/* Hover effects may lift the card, but must not zoom/crop the image itself. */
.v7-car-card:hover img,
.collection-card:hover img,
.car-card:hover img,
.gallery-card:hover img,
.catalog-card:hover img,
.photo-card:hover img,
.photo-studio-card:hover img{
  transform:none !important;
  scale:1 !important;
}


/* ==========================================================
   v7.0.4 — Definitive uncropped-photo override
   The previous patch targeted named image components. Some active screens use
   older class names (tiny-thumb, photo-v7-img, gallery-tile, catalog-v3-image,
   dashboard-photo, managed-photo, etc.). This rule applies to every content
   photo in the application, regardless of which historical component renders it.
   ========================================================== */

/* The entire application content area: never crop an <img>. */
#appMain img,
.main img {
  object-fit: contain !important;
  object-position: center center !important;
}

/* Known fixed-size photo frames across every generation of the UI. */
.tiny-thumb img,
.photo-v7-img img,
.photo-wall img,
.gallery-tile img,
.gallery-item img,
.catalog-v3-image img,
.catalog-card img,
.catalog-card.rich > img,
.collector-photo img,
.managed-photo img,
.photo-inbox-grid img,
.photo-preview-item-simple img,
.thumb-wrap img,
.mini-car img,
.insurance-grid img,
.dashboard-photo img,
.valuable-thumb img,
.valuable-image-frame img,
.dash7-photo-grid img,
.dash7-photo-frame img,
.market-card > img,
.wish-card > img,
.showcase-card img,
.photo-studio-v7-grid img,
.photo-v7-card img,
.photo-copy-list img,
.v7-car-image img,
.v7-copy-hero img,
.v7-copy-thumbs img {
  object-fit: contain !important;
  object-position: center center !important;
}

/* Keep image boxes tidy while preserving the whole image. */
.tiny-thumb,
.photo-v7-img,
.gallery-tile,
.gallery-item,
.catalog-v3-image,
.collector-photo,
.managed-photo,
.dashboard-photo,
.valuable-thumb,
.valuable-image-frame,
.dash7-photo-frame,
.photo-preview-item-simple,
.thumb-wrap,
.mini-car,
.v7-car-image,
.v7-copy-hero,
.v7-copy-thumbs img {
  background:#07111e !important;
}

/* Historical CSS used hover transforms on several photo components. */
#appMain a:hover img,
.main a:hover img,
#appMain article:hover img,
.main article:hover img {
  scale: 1 !important;
}

/* Do not allow a background-image based collector thumbnail to crop either. */
.collection-photo-bg,
.car-photo-bg,
.catalog-photo-bg {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}


/* ==========================================================
   v7.0.5 — Collection page polish
   ========================================================== */
.collection-page-head{
  padding-bottom:4px;
}

.v7-summary-grid{
  margin-bottom:16px;
}

.v7-summary-card{
  min-height:126px;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:14px !important;
  padding:18px !important;
  position:relative;
  overflow:hidden;
}

.v7-summary-card::after{
  content:"";
  position:absolute;
  right:-34px;
  top:-38px;
  width:112px;
  height:112px;
  border-radius:50%;
  background:rgba(73,126,178,.075);
  pointer-events:none;
}

.v7-summary-icon{
  width:46px;
  height:46px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#132943;
  border:1px solid #2d5278;
  color:#9dccfa;
  font-size:20px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.v7-summary-copy{
  min-width:0;
  display:grid;
  gap:4px;
}

.v7-summary-copy>span{
  color:#8fa8c3;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.v7-summary-copy>strong{
  display:block;
  color:#f1f7ff;
  font-size:30px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
  white-space:nowrap;
}

.v7-summary-copy>small{
  color:#7189a4;
  font-size:9.5px;
  line-height:1.35;
}

.v7-summary-value .v7-summary-icon{
  background:#142f26;
  border-color:#2b654f;
  color:#9be1c1;
}

.v7-summary-value::after{
  background:rgba(58,143,104,.08);
}

.v7-collection-filter-panel{
  margin-bottom:16px !important;
}

.v7-collection-filter-panel .collection-filter-head{
  margin-bottom:14px;
}

.v7-collection-filter-panel .collection-filter-head h2{
  margin-top:2px;
}

.v7-collection-filter-panel .collection-filter-form{
  grid-template-columns:minmax(260px,2fr) minmax(145px,.8fr) minmax(180px,1fr) minmax(180px,.95fr) auto;
}

.v7-collection-filter-panel .collection-search-field input{
  font-size:12px;
}

.collection-results-head{
  margin:2px 0 12px;
}

.collection-results-head h2{
  font-size:20px;
  font-weight:850;
}

.v7-collection-grid{
  gap:16px !important;
}

.v7-car-card{
  border-radius:17px !important;
  background:linear-gradient(180deg,#0b1727,#081421) !important;
}

.v7-car-body{
  padding:14px !important;
  gap:6px !important;
}

.v7-car-body h3{
  font-size:15px !important;
  line-height:1.25;
}

.v7-car-body>span{
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:9px !important;
}

.v7-car-body>div{
  padding-top:7px;
  margin-top:2px !important;
  border-top:1px solid #1d3047;
}

.v7-car-body>div>b{
  font-size:14px;
}

@media(max-width:1050px){
  .v7-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .v7-collection-filter-panel .collection-filter-form{
    grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) minmax(170px,1fr);
  }
  .v7-collection-filter-panel .collection-filter-check,
  .v7-collection-filter-panel .collection-filter-action{align-self:stretch}
}

@media(max-width:620px){
  .v7-summary-grid{grid-template-columns:1fr 1fr !important;gap:9px !important}
  .v7-summary-card{
    min-height:108px;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px !important;
    padding:13px !important;
    border-radius:14px !important;
  }
  .v7-summary-icon{width:38px;height:38px;border-radius:11px;font-size:17px}
  .v7-summary-copy>strong{font-size:23px}
  .v7-summary-copy>small{display:none}
  .v7-collection-filter-panel .collection-filter-form{grid-template-columns:1fr}
  .collection-results-head{align-items:flex-start}
}

@media(max-width:390px){
  .v7-summary-grid{grid-template-columns:1fr !important}
  .v7-summary-copy>small{display:block}
}


/* ==========================================================
   v7.0.6 — Collection image bottom-crop fix
   Do not size the image to 100% plus padding. Fit the intrinsic
   image inside the frame with max dimensions instead.
   ========================================================== */
.v7-car-image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:8px !important;
  box-sizing:border-box !important;
}

.v7-car-image img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:0 !important;
  margin:auto !important;
  display:block !important;
  box-sizing:border-box !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}


/* ==========================================================
   v7.0.7 — Value Center polish
   ========================================================== */
.value-center-head{margin-bottom:4px}

.value-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}

.value-summary-card{
  min-height:130px;
  padding:18px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:14px;
  border:1px solid #263f5d;
  border-radius:18px;
  background:linear-gradient(145deg,#0f1f33,#0a1626);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
  position:relative;
  overflow:hidden;
}

.value-summary-card::after{
  content:"";
  position:absolute;
  right:-38px;
  top:-40px;
  width:118px;
  height:118px;
  border-radius:50%;
  background:rgba(70,126,182,.075);
}

.value-summary-icon{
  width:46px;
  height:46px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:#132943;
  border:1px solid #2e5378;
  color:#9dccfa;
  font-size:19px;
  font-weight:900;
  position:relative;
  z-index:1;
}

.value-summary-card>div:last-child{
  min-width:0;
  display:grid;
  gap:5px;
  position:relative;
  z-index:1;
}

.value-summary-card span{
  color:#8fa8c3;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.075em;
}

.value-summary-card strong{
  color:#f2f8ff;
  font-size:29px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
  white-space:nowrap;
}

.value-summary-card small{
  color:#7189a4;
  font-size:9.5px;
  line-height:1.35;
}

.value-summary-card.positive{
  border-color:#2a624e;
  background:linear-gradient(145deg,#10261f,#0a1a18);
}
.value-summary-card.positive .value-summary-icon{
  background:#12372b;
  border-color:#2c7257;
  color:#99e2c0;
}
.value-summary-card.positive::after{background:rgba(59,154,111,.08)}

.value-summary-card.negative{
  border-color:#65363e;
  background:linear-gradient(145deg,#29161c,#171019);
}
.value-summary-card.negative .value-summary-icon{
  background:#3a1c23;
  border-color:#79404a;
  color:#ffb5be;
}
.value-summary-card.negative::after{background:rgba(171,70,81,.08)}

.value-center-panel{padding:20px!important}
.value-center-section-head{align-items:center;margin-bottom:14px}
.value-center-section-head h2{margin:2px 0 4px}
.value-center-section-head p{margin:0}

.value-result-count{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid #2e4d6d;
  background:#11243a;
  color:#a7c3df;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

.value-table-wrap{
  border-radius:14px!important;
  overflow:auto;
}

.value-table th{
  background:#10243a;
}

.value-table td{
  padding-top:13px;
  padding-bottom:13px;
}

.value-copy-link,
.value-release-link{
  color:#dcecff;
  text-decoration:none;
  font-weight:750;
}

.value-release-link:hover,
.value-copy-link:hover{
  color:#8ec9ff;
}

.value-delta{
  display:inline-flex;
  min-width:76px;
  justify-content:flex-end;
  padding:4px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
}

.value-delta.positive{
  background:#102d24;
  border:1px solid #275d49;
  color:#91deb9;
}

.value-delta.negative{
  background:#351b21;
  border:1px solid #703b45;
  color:#ffadb6;
}

.value-empty{
  padding:24px;
  text-align:center;
  color:#7d94ad;
}

@media(max-width:1000px){
  .value-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .value-summary-grid{grid-template-columns:1fr 1fr;gap:9px}
  .value-summary-card{
    min-height:106px;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    padding:13px;
    border-radius:14px;
  }
  .value-summary-icon{width:38px;height:38px;border-radius:11px;font-size:16px}
  .value-summary-card strong{font-size:22px}
  .value-summary-card small{display:none}
  .value-center-section-head{align-items:flex-start}
}

@media(max-width:390px){
  .value-summary-grid{grid-template-columns:1fr}
  .value-summary-card small{display:block}
}


/* ==========================================================
   v7.0.8 — Mobile sidebar logout visibility fix
   Keep the menu itself scrollable while the logout control
   remains fully visible above the mobile safe area.
   ========================================================== */
.sidebar-logout-form{
  margin:0;
  flex:0 0 auto;
}

.sidebar-logout-form .logout{
  display:block;
  width:100%;
  margin:0;
  box-sizing:border-box;
}

@media(max-width:860px){
  .sidebar{
    height:100vh !important;
    height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    padding-bottom:max(16px,env(safe-area-inset-bottom)) !important;
  }

  .sidebar .brand{
    flex:0 0 auto;
  }

  .sidebar-nav{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-bottom:14px !important;
  }

  .sidebar-logout-form{
    flex:0 0 auto;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #22344c;
    background:#0d1829;
    position:relative;
    z-index:2;
  }

  .sidebar-logout-form .logout{
    min-height:44px;
    padding:10px 12px !important;
    margin:0 !important;
  }
}


/* ==========================================================
   v7.1.0 — Native Edit Car
   ========================================================== */
.v71-edit-head{margin-bottom:16px}

.v71-release-safety{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid #2e654f;
  border-radius:15px;
  background:linear-gradient(145deg,#0d241c,#0a1917);
}
.v71-release-safety.single{border-color:#315575;background:linear-gradient(145deg,#0d2032,#0a1725)}
.v71-safety-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:#123a2b;border:1px solid #307158;color:#a5e7c8;font-weight:900;font-size:18px;
}
.v71-release-safety.single .v71-safety-icon{background:#142c45;border-color:#365f86;color:#a8d3fa}
.v71-release-safety>div:last-child{display:grid;gap:3px;min-width:0}
.v71-release-safety b{font-size:12px;color:#edf8f3}
.v71-release-safety span{font-size:10px;line-height:1.5;color:#8eaa9e}
.v71-release-safety.single span{color:#88a3bd}

.v71-edit-form{display:grid;gap:16px}
.v71-edit-section{margin:0!important;padding:21px!important}
.v71-edit-section .section-head{margin-bottom:17px}
.v71-edit-section .section-head h2{margin:3px 0 4px}
.v71-edit-section .section-head p{margin:0}

.v71-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.v71-form-grid>label{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  min-width:0;
  color:#a9bdd2!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
}
.v71-form-grid .span-2{grid-column:1/-1}
.v71-form-grid input,
.v71-form-grid select,
.v71-form-grid textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  border:1px solid #2a4462;
  border-radius:11px;
  background:#081522;
  color:#edf6ff;
  padding:11px 12px;
  font:inherit;
  font-size:12px;
  outline:none;
}
.v71-form-grid textarea{resize:vertical;min-height:82px}
.v71-form-grid input:focus,
.v71-form-grid select:focus,
.v71-form-grid textarea:focus{
  border-color:#4485bd;
  box-shadow:0 0 0 3px rgba(52,126,190,.12);
}

.v71-special-flags{
  margin-top:15px;
  padding:12px;
  border:1px solid #243c57;
  border-radius:12px;
  background:#0a1726;
}
.v71-special-flags label{font-size:11px;color:#c3d3e4}

.v71-copy-id{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid #315474;
  background:#10243a;
  color:#a9cee9;
  font-size:10px;
  font-weight:850;
}

.v71-money-input{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  border:1px solid #2a4462;
  border-radius:11px;
  background:#081522;
  overflow:hidden;
}
.v71-money-input>span{
  height:100%;
  display:grid;
  place-items:center;
  border-right:1px solid #243c57;
  color:#7f9ab4;
  font-size:11px;
}
.v71-money-input input{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.v71-photo-strip{
  display:flex;
  gap:9px;
  overflow:auto;
  padding:3px 0 12px;
}
.v71-photo-thumb{
  width:104px;
  height:82px;
  flex:0 0 104px;
  position:relative;
  padding:5px;
  border:1px solid #27405b;
  border-radius:11px;
  background:#07111e;
  box-sizing:border-box;
}
.v71-photo-thumb img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center!important;padding:0!important;
}
.v71-photo-thumb span{
  position:absolute;left:7px;bottom:7px;
  padding:3px 6px;border-radius:999px;
  background:#167a50;color:#e9fff7;font-size:8px;font-weight:900;text-transform:uppercase;
}
.v71-photo-empty{
  padding:16px;border:1px dashed #2b435f;border-radius:12px;color:#758da5;background:#091522;font-size:11px;margin-bottom:12px;
}
.v71-upload-box{
  min-height:108px;
  display:grid!important;
  place-items:center;
  align-content:center;
  gap:4px!important;
  padding:16px;
  border:1px dashed #3b5e83;
  border-radius:14px;
  background:#0a1828;
  cursor:pointer;
  text-align:center;
}
.v71-upload-box:hover{border-color:#5b8bbb;background:#0d1e31}
.v71-upload-icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:#15314e;color:#a9d5ff;font-size:20px;
}
.v71-upload-box b{font-size:12px;color:#e5f2ff}
.v71-upload-box small{font-size:9px;color:#7790aa}

.v71-edit-savebar{
  position:sticky;
  bottom:10px;
  z-index:25;
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding:10px;
  border:1px solid #29435f;
  border-radius:14px;
  background:rgba(8,18,31,.94);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 35px rgba(0,0,0,.3);
}

@media(max-width:700px){
  .v71-form-grid{grid-template-columns:1fr}
  .v71-form-grid .span-2{grid-column:auto}
  .v71-edit-section{padding:16px!important}
  .v71-edit-section .section-head{align-items:flex-start}
  .v71-release-safety{grid-template-columns:36px minmax(0,1fr);padding:12px}
  .v71-safety-icon{width:36px;height:36px}
  .v71-edit-savebar{bottom:82px}
  .v71-edit-savebar .btn,
  .v71-edit-savebar button{flex:1;text-align:center}
}


/* ==========================================================
   v7.1.1 — Safe Delete Car / Recycle Bin workflow
   ========================================================== */
.v711-delete-card{max-width:860px;margin:0 auto;padding:22px!important}
.v711-delete-warning{
  display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;
  padding:14px;border:1px solid #763e46;border-radius:14px;background:#2a151a;margin-bottom:16px;
}
.v711-delete-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#4a2027;border:1px solid #8c4650;color:#ffc1c7;font-size:22px;font-weight:900}
.v711-delete-warning>div:last-child{display:grid;gap:3px}
.v711-delete-warning b{color:#fff0f2;font-size:13px}
.v711-delete-warning span{color:#c99ca2;font-size:10px;line-height:1.45}
.v711-delete-car{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #22364d}
.v711-delete-car h2{margin:3px 0 4px}.v711-delete-car p{margin:0;color:#839bb4}.v711-delete-car>strong{font-size:25px;color:#f4f8fc}
.v711-delete-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.v711-delete-stats>div{padding:14px;border:1px solid #29425e;border-radius:13px;background:#0a1726;display:grid;gap:3px}
.v711-delete-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8199b2}
.v711-delete-stats b{font-size:21px}.v711-delete-stats small{font-size:9px;color:#698197}
.v711-related-box{padding:14px;border:1px solid #29425e;border-radius:13px;background:#091522;margin-bottom:14px}
.v711-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.v711-related-grid>div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:9px;background:#0e1e30}
.v711-related-grid span{font-size:10px;color:#9bb0c5}.v711-related-grid b{font-size:11px;color:#e7f1fb}
.v711-delete-note{padding:14px;border:1px solid #31506d;border-radius:13px;background:#0c1d2e;margin-bottom:16px}
.v711-delete-note b{font-size:11px}.v711-delete-note p{font-size:10px;line-height:1.55;color:#879fb7;margin:5px 0 0}
.v711-delete-form{display:grid;gap:14px}
.v711-delete-form label{display:grid;gap:7px;color:#c5d3e2;font-size:11px}
.v711-delete-form input{width:100%;box-sizing:border-box;background:#08131f;border:1px solid #5e3940;color:#fff;border-radius:11px;padding:12px;font-weight:850;letter-spacing:.08em}
.v711-delete-actions{display:flex;justify-content:flex-end;gap:9px}
.btn.danger,button.danger{background:#9f303b!important;border-color:#c44a57!important;color:#fff!important}
.btn.danger:hover,button.danger:hover{background:#b23845!important}
@media(max-width:620px){
  .v711-delete-card{padding:15px!important}
  .v711-delete-stats{grid-template-columns:1fr}
  .v711-related-grid{grid-template-columns:1fr}
  .v711-delete-car{align-items:flex-start;flex-direction:column}
  .v711-delete-actions{display:grid;grid-template-columns:1fr}
  .v711-delete-actions>*{text-align:center}
}


/* ==========================================================
   v7.1.2 — Collection Hub car thumbnails
   ========================================================== */
.hub-car-release{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:180px;
  color:#eef6ff;
  text-decoration:none;
}
.hub-car-thumb{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-sizing:border-box;
  padding:3px;
  border:1px solid #29435f;
  border-radius:10px;
  background:#07111e;
}
.hub-car-thumb img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}
.hub-car-thumb-empty{
  color:#607a95;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}
.hub-car-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.hub-car-copy b{
  color:#eef6ff;
  font-size:12px;
  line-height:1.25;
}
.hub-car-copy small{
  color:#7f98b1;
  font-size:9px;
}
.hub-car-release:hover .hub-car-copy b{color:#b9dcff}
.hub-car-release:hover .hub-car-thumb{border-color:#47749f}

@media(max-width:700px){
  .hub-car-thumb{width:40px;height:40px;flex-basis:40px;border-radius:9px}
  .hub-car-release{gap:8px;min-width:150px}
  .hub-car-copy b{font-size:11px}
}


/* ==========================================================
   v7.1.7 — Internet image finder selection / touch fix
   ========================================================== */
.web-image-result.web-image-card{
  position:relative;
  overflow:hidden;
  border:1px solid #263c58;
  border-radius:14px;
  background:#0a1627;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.web-image-result.web-image-card:focus-visible{
  outline:2px solid #60a5fa;
  outline-offset:2px;
}
.web-image-result.web-image-card.selected{
  border-color:#38bdf8 !important;
  box-shadow:0 0 0 2px #38bdf833,0 10px 25px #0003 !important;
}
.web-image-result.web-image-card.cover{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 2px #ef44443d,0 10px 25px #0003 !important;
}
.web-image-result.web-image-card .web-image-preview{
  height:205px;
  box-sizing:border-box;
}
.web-image-result.web-image-card .web-image-preview img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  pointer-events:none;
}
.web-image-result.web-image-card .web-image-select{
  z-index:5;
}
.web-image-result.web-image-card .web-image-actions{
  position:relative;
  z-index:6;
}
.web-image-result.web-image-card .web-image-actions button{
  min-height:38px;
  cursor:pointer;
  touch-action:manipulation;
}
.web-image-result.web-image-card.selected .web-image-select,
.web-image-result.web-image-card.selected .web-image-select-btn{
  background:#0c4a6e !important;
  border-color:#38bdf8 !important;
  color:#fff !important;
}
.web-image-result.web-image-card.cover .web-image-cover-btn{
  background:#7f1d1d !important;
  border-color:#ef4444 !important;
  color:#fff !important;
}
.web-image-check{
  accent-color:#38bdf8;
}
@media(max-width:700px){
  .web-image-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .web-image-result.web-image-card .web-image-preview{
    height:145px;
  }
  .web-image-result.web-image-card .web-image-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .web-image-result.web-image-card .web-image-actions button{
    width:100%;
    min-height:42px;
    font-size:10px;
  }
}
@media(max-width:430px){
  .web-image-grid{
    grid-template-columns:1fr !important;
  }
  .web-image-result.web-image-card .web-image-preview{
    height:230px;
  }
}


/* ==========================================================
   v7.2.0 — Pre-stage selected internet photos
   ========================================================== */
.web-image-result.staging{
  opacity:.62;
  pointer-events:none;
}
.web-image-result.staging::before{
  content:'Preparing…';
  position:absolute;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  background:#07111ed9;
  color:#dbeafe;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}


/* ==========================================================
   v7.3.0 — eBay Developer API settings
   ========================================================== */
.ebay-settings-panel,
.ebay-test-panel{
  max-width:980px;
}
.settings-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.ebay-settings-panel small{
  display:block;
  margin-top:6px;
  line-height:1.4;
}
.settings-status.warning{
  background:#3a2b0d;
  border:1px solid #6f5317;
  color:#f9d875;
}
@media(max-width:720px){
  .settings-grid-2{grid-template-columns:1fr}
  .ebay-test-panel .section-head{display:grid;gap:14px}
  .ebay-test-panel .btn{justify-self:start}
}


/* ==========================================================
   v7.3.3 — Local photo thumbnail preview + remove before save
   ========================================================== */
.v733-local-photo-previews{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.v733-photo-preview-card{
  width:82px;
  min-width:82px;
  display:grid;
  gap:6px;
}
.v733-photo-preview-image{
  position:relative;
  width:82px;
  height:82px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(15,23,42,.55);
  display:grid;
  place-items:center;
}
.v733-photo-preview-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px;
  box-sizing:border-box;
}
.v733-photo-remove{
  position:absolute;
  top:4px;
  right:4px;
  width:24px;
  height:24px;
  border:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(127,29,29,.95);
  color:#fff;
  font-size:19px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.28);
}
.v733-photo-remove:hover,
.v733-photo-remove:focus-visible{
  transform:scale(1.06);
  outline:2px solid rgba(248,113,113,.65);
  outline-offset:1px;
}
.v733-photo-preview-name{
  display:block;
  max-width:82px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  color:var(--muted,#94a3b8);
}
@media(max-width:640px){
  .v733-local-photo-previews{gap:8px}
  .v733-photo-preview-card{width:72px;min-width:72px}
  .v733-photo-preview-image{width:72px;height:72px}
  .v733-photo-preview-name{max-width:72px}
}


/* ==========================================================
   v7.3.4 — Add Car UPC / EAN camera scanner
   ========================================================== */
.v734-upc-input-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.v734-upc-input-row .btn{
  white-space:nowrap;
}
.v734-scanner-backdrop{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(2,6,23,.84);
  backdrop-filter:blur(6px);
  padding:18px;
  overflow:auto;
}
.v734-scanner-backdrop[hidden]{
  display:none!important;
}
.v734-scanner-dialog{
  width:min(620px,100%);
  margin:4vh auto;
  padding:18px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:20px;
  background:var(--panel,#0f172a);
  box-shadow:0 28px 80px rgba(0,0,0,.45);
}
.v734-scanner-frame{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:16px;
  background:#020617;
  border:1px solid rgba(148,163,184,.22);
}
.v734-scanner-video{
  width:100%;
  height:100%;
  object-fit:cover!important;
  display:block;
}
.v734-scan-guide{
  position:absolute;
  left:9%;
  right:9%;
  top:37%;
  height:26%;
  border:2px solid rgba(34,211,238,.95);
  border-radius:12px;
  box-shadow:0 0 0 9999px rgba(2,6,23,.18),0 0 22px rgba(34,211,238,.26);
  pointer-events:none;
}
.v734-scanner-status{
  margin-top:12px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(148,163,184,.18);
}
.v734-scanner-status.success{
  border-color:rgba(34,197,94,.45);
  background:rgba(20,83,45,.35);
}
.v734-scanner-status.error{
  border-color:rgba(248,113,113,.45);
  background:rgba(127,29,29,.28);
}
.v734-scanner-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
@media(max-width:640px){
  .v734-upc-input-row{
    grid-template-columns:1fr;
  }
  .v734-upc-input-row .btn{
    width:100%;
  }
  .v734-scanner-backdrop{
    padding:8px;
  }
  .v734-scanner-dialog{
    margin:1vh auto;
    padding:12px;
    border-radius:16px;
  }
  .v734-scanner-actions .btn{
    flex:1 1 140px;
  }
}


/* ==========================================================
   v7.3.5 — Desktop/laptop webcam support for UPC scanner
   ========================================================== */
.v735-camera-picker{
  margin-top:12px;
}
.v735-camera-picker label{
  display:grid;
  gap:6px;
}
.v735-camera-picker select{
  width:100%;
}
@media(min-width:721px){
  .v735-camera-picker{
    max-width:360px;
  }
}


/* ==========================================================
   v7.3.6 — Webcam autofocus / refocus support
   ========================================================== */
.v736-refocus-camera{
  min-width:96px;
}
.v734-scanner-video{
  cursor:crosshair;
}


/* ==========================================================
   v7.3.7 — Collection Hub row actions
   ========================================================== */
.hub-row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  white-space:nowrap;
}
.hub-delete-form{
  margin:0;
}
@media(max-width:720px){
  .hub-row-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}


/* ==========================================================
   v7.3.8 — Collection card/list view switcher
   ========================================================== */
.v738-results-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.v738-view-toggle{
  display:flex;
  gap:6px;
  padding:4px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  background:rgba(15,23,42,.36);
}
.v738-view-toggle .btn{
  min-width:84px;
}
.v738-view-toggle .btn.active{
  box-shadow:0 0 0 1px rgba(56,189,248,.35) inset;
}
.v738-car-facts{
  display:none;
}

/* Card view keeps the current gallery appearance. */
.v738-card-view .v738-collection-item{
  min-width:0;
}

/* List view: wide horizontal cards, narrow vertically. */
.v738-collection-results.v738-list-view{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.v738-list-view .v738-collection-item{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  min-height:118px;
  max-height:142px;
  width:100%;
  overflow:hidden;
  border-radius:14px;
}
.v738-list-view .v738-car-image{
  width:150px!important;
  min-width:150px!important;
  height:100%!important;
  min-height:118px!important;
  max-height:142px!important;
  border-radius:0!important;
  padding:8px!important;
}
.v738-list-view .v738-car-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.v738-list-view .v738-car-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:12px 16px!important;
  min-width:0;
}
.v738-list-view .v738-car-main{
  min-width:0;
}
.v738-list-view .v738-car-main h3{
  margin:3px 0 4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v738-list-view .v738-car-main p,
.v738-list-view .v738-car-meta{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v738-list-view .v738-car-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(90px,auto));
  gap:18px;
  align-items:center;
}
.v738-list-view .v738-car-facts>span{
  display:grid;
  gap:3px;
  min-width:90px;
}
.v738-list-view .v738-car-facts small{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.68;
}
.v738-list-view .v738-car-facts em{
  font-style:normal;
}
.v738-list-view .v738-car-facts b,
.v738-list-view .v738-car-facts strong{
  white-space:nowrap;
}

@media(max-width:900px){
  .v738-list-view .v738-collection-item{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  .v738-list-view .v738-car-image{
    width:118px!important;
    min-width:118px!important;
  }
  .v738-list-view .v738-car-facts{
    grid-template-columns:repeat(2,minmax(80px,auto));
  }
  .v738-list-view .v738-car-facts>span:nth-child(2){
    display:none;
  }
}
@media(max-width:640px){
  .collection-results-head{
    align-items:flex-start;
    gap:10px;
  }
  .v738-results-tools{
    width:100%;
    justify-content:space-between;
  }
  .v738-view-toggle{
    width:100%;
  }
  .v738-view-toggle .btn{
    flex:1 1 50%;
  }
  .v738-list-view .v738-collection-item{
    grid-template-columns:94px minmax(0,1fr)!important;
    min-height:104px;
    max-height:none;
  }
  .v738-list-view .v738-car-image{
    width:94px!important;
    min-width:94px!important;
    min-height:104px!important;
    max-height:none!important;
    padding:6px!important;
  }
  .v738-list-view .v738-car-body{
    grid-template-columns:1fr;
    gap:7px;
    padding:10px 12px!important;
  }
  .v738-list-view .v738-car-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .v738-list-view .v738-car-facts>span:nth-child(2){
    display:none;
  }
}


/* ==========================================================
   v7.3.9 — Condensed Collection List View
   Cleaner, narrower, denser desktop list rows
   ========================================================== */

/* Keep the list from stretching across an overly wide desktop workspace. */
.v738-collection-results.v738-list-view{
  width:100%;
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
  gap:8px!important;
}

/* Compact horizontal row. */
.v738-list-view .v738-collection-item{
  grid-template-columns:96px minmax(0,1fr)!important;
  min-height:88px!important;
  max-height:104px!important;
  border-radius:12px!important;
}

/* Smaller image area while still showing the entire car photo. */
.v738-list-view .v738-car-image{
  width:96px!important;
  min-width:96px!important;
  height:100%!important;
  min-height:88px!important;
  max-height:104px!important;
  padding:6px!important;
  border-radius:0!important;
}
.v738-list-view .v738-car-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Main row content becomes a clean two-column layout. */
.v738-list-view .v738-car-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:9px 12px!important;
  min-width:0;
}

.v738-list-view .v738-car-main{
  display:grid;
  gap:1px;
  min-width:0;
}

.v738-list-view .v738-car-meta{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.04em;
  opacity:.7;
}

.v738-list-view .v738-car-main h3{
  margin:0!important;
  font-size:14px!important;
  line-height:1.25!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.v738-list-view .v738-car-main p{
  margin:1px 0 0!important;
  font-size:11px!important;
  line-height:1.2!important;
  opacity:.74;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Condense secondary facts into a compact right-side strip. */
.v738-list-view .v738-car-facts{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:8px!important;
  min-width:0;
}

.v738-list-view .v738-car-facts>span{
  display:flex!important;
  align-items:center;
  gap:5px!important;
  min-width:0!important;
  padding:5px 8px;
  border-radius:9px;
  background:rgba(15,23,42,.34);
  border:1px solid rgba(148,163,184,.12);
}

.v738-list-view .v738-car-facts small{
  display:none!important;
}

.v738-list-view .v738-car-facts em,
.v738-list-view .v738-car-facts b,
.v738-list-view .v738-car-facts strong{
  font-size:11px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:700!important;
  white-space:nowrap;
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Value gets slightly stronger emphasis without enlarging the row. */
.v738-list-view .v738-car-facts>span:last-child{
  background:rgba(34,197,94,.08);
}
.v738-list-view .v738-car-facts>span:last-child b{
  font-size:12px!important;
}

/* On medium desktop/tablet, remove storage first to keep the row clean. */
@media(max-width:980px){
  .v738-collection-results.v738-list-view{
    max-width:860px;
  }
  .v738-list-view .v738-car-facts>span:nth-child(2){
    display:none!important;
  }
}

/* Mobile list remains compact and readable. */
@media(max-width:640px){
  .v738-collection-results.v738-list-view{
    max-width:none;
    gap:7px!important;
  }
  .v738-list-view .v738-collection-item{
    grid-template-columns:82px minmax(0,1fr)!important;
    min-height:82px!important;
    max-height:none!important;
  }
  .v738-list-view .v738-car-image{
    width:82px!important;
    min-width:82px!important;
    min-height:82px!important;
    max-height:none!important;
    padding:5px!important;
  }
  .v738-list-view .v738-car-body{
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:8px 9px!important;
  }
  .v738-list-view .v738-car-facts{
    justify-content:flex-start;
    gap:6px!important;
  }
  .v738-list-view .v738-car-facts>span{
    padding:4px 6px;
  }
  .v738-list-view .v738-car-facts>span:nth-child(2){
    display:none!important;
  }
}


/* ==========================================================
   v7.4.0 — Theme-wide text contrast normalization
   Dark themes = white text / Light themes = black text
   ========================================================== */

/* Default/dark application text */
:root{
  --v740-theme-text:#ffffff;
  --v740-theme-muted:#ffffff;
}

/* Common dark-theme hooks used by the app and browser preference. */
html,
html[data-theme="dark"],
body[data-theme="dark"],
body.theme-dark,
body.dark-theme,
body.dark{
  --v740-theme-text:#ffffff;
  --v740-theme-muted:#ffffff;
}

/* Common light-theme hooks. */
html[data-theme="light"],
body[data-theme="light"],
body.theme-light,
body.light-theme,
body.light{
  --v740-theme-text:#000000;
  --v740-theme-muted:#000000;
}

/* Respect OS light mode when the app has no explicit theme attribute/class. */
@media (prefers-color-scheme: light){
  html:not([data-theme="dark"]) body:not([data-theme="dark"]):not(.theme-dark):not(.dark-theme):not(.dark){
    --v740-theme-text:#000000;
    --v740-theme-muted:#000000;
  }
}

/* Apply readable foreground text throughout the application workspace. */
#appMain,
.main,
#appMain p,
#appMain span,
#appMain small,
#appMain strong,
#appMain b,
#appMain em,
#appMain label,
#appMain legend,
#appMain th,
#appMain td,
#appMain li,
#appMain dt,
#appMain dd,
.main p,
.main span,
.main small,
.main strong,
.main b,
.main em,
.main label,
.main legend,
.main th,
.main td,
.main li,
.main dt,
.main dd{
  color:var(--v740-theme-text)!important;
}

/* Previously muted/secondary text was the largest readability problem. */
#appMain .muted,
#appMain .small,
#appMain .eyebrow,
#appMain [class*="muted"],
.main .muted,
.main .small,
.main .eyebrow,
.main [class*="muted"]{
  color:var(--v740-theme-muted)!important;
  opacity:.88;
}

/* Inputs must follow the active theme while keeping placeholders legible. */
#appMain input:not([type="checkbox"]):not([type="radio"]),
#appMain select,
#appMain textarea,
.main input:not([type="checkbox"]):not([type="radio"]),
.main select,
.main textarea{
  color:var(--v740-theme-text)!important;
}
#appMain input::placeholder,
#appMain textarea::placeholder,
.main input::placeholder,
.main textarea::placeholder{
  color:var(--v740-theme-muted)!important;
  opacity:.68;
}

/* Links inherit the high-contrast foreground unless a button supplies its own text color. */
#appMain a:not(.btn),
.main a:not(.btn){
  color:var(--v740-theme-text)!important;
}

/* Preserve intentionally colored button/badge text where its background supplies contrast. */
#appMain .btn,
.main .btn,
#appMain button,
.main button,
#appMain .badge,
.main .badge,
#appMain [class*="pill"],
.main [class*="pill"]{
  opacity:1;
}

/* Sidebar/header also follow explicit dark/light theme text rules. */
html[data-theme="dark"] .sidebar,
body[data-theme="dark"] .sidebar,
body.theme-dark .sidebar,
body.dark-theme .sidebar,
body.dark .sidebar,
html[data-theme="dark"] .topbar,
body[data-theme="dark"] .topbar{
  color:#fff!important;
}
html[data-theme="light"] .sidebar,
body[data-theme="light"] .sidebar,
body.theme-light .sidebar,
body.light-theme .sidebar,
body.light .sidebar,
html[data-theme="light"] .topbar,
body[data-theme="light"] .topbar{
  color:#000!important;
}


/* ==========================================================
   v7.4.1 — Restore original heading colors
   Headings are intentionally excluded from the v7.4.0
   white/black text normalization so existing theme/page
   heading colors apply exactly as before.
   ========================================================== */


/* ==========================================================
   v7.4.2 — Exact original heading colors restored
   The app uses body.theme-midnight / theme-redline /
   theme-hotwheels / theme-light. v7.4.1 removed the direct
   override but headings still inherited the new white/black
   color from #appMain. These explicit rules restore the
   original pre-v7.4.0 heading colors.
   ========================================================== */

/* Original dark-theme heading color from the base stylesheet. */
body.theme-midnight #appMain h1,
body.theme-midnight #appMain h2,
body.theme-midnight #appMain h3,
body.theme-midnight #appMain h4,
body.theme-midnight #appMain h5,
body.theme-midnight #appMain h6,
body.theme-redline #appMain h1,
body.theme-redline #appMain h2,
body.theme-redline #appMain h3,
body.theme-redline #appMain h4,
body.theme-redline #appMain h5,
body.theme-redline #appMain h6,
body.theme-hotwheels #appMain h1,
body.theme-hotwheels #appMain h2,
body.theme-hotwheels #appMain h3,
body.theme-hotwheels #appMain h4,
body.theme-hotwheels #appMain h5,
body.theme-hotwheels #appMain h6,
body.theme-midnight .main h1,
body.theme-midnight .main h2,
body.theme-midnight .main h3,
body.theme-midnight .main h4,
body.theme-midnight .main h5,
body.theme-midnight .main h6,
body.theme-redline .main h1,
body.theme-redline .main h2,
body.theme-redline .main h3,
body.theme-redline .main h4,
body.theme-redline .main h5,
body.theme-redline .main h6,
body.theme-hotwheels .main h1,
body.theme-hotwheels .main h2,
body.theme-hotwheels .main h3,
body.theme-hotwheels .main h4,
body.theme-hotwheels .main h5,
body.theme-hotwheels .main h6{
  color:#eef2ff!important;
}

/* Original light-theme inherited heading color. */
body.theme-light #appMain h1,
body.theme-light #appMain h2,
body.theme-light #appMain h3,
body.theme-light #appMain h4,
body.theme-light #appMain h5,
body.theme-light #appMain h6,
body.theme-light .main h1,
body.theme-light .main h2,
body.theme-light .main h3,
body.theme-light .main h4,
body.theme-light .main h5,
body.theme-light .main h6{
  color:#172033!important;
}

/* Restore original accent/section-label color too. */
body.theme-midnight #appMain .eyebrow,
body.theme-redline #appMain .eyebrow,
body.theme-hotwheels #appMain .eyebrow,
body.theme-light #appMain .eyebrow,
body.theme-midnight .main .eyebrow,
body.theme-redline .main .eyebrow,
body.theme-hotwheels .main .eyebrow,
body.theme-light .main .eyebrow{
  color:#69b9ff!important;
  opacity:1!important;
}

/* Preserve existing page-specific heading colors that were explicitly
   authored before v7.4.0. */
body.theme-midnight #appMain .v7-car-body h3,
body.theme-redline #appMain .v7-car-body h3,
body.theme-hotwheels #appMain .v7-car-body h3,
body.theme-midnight .main .v7-car-body h3,
body.theme-redline .main .v7-car-body h3,
body.theme-hotwheels .main .v7-car-body h3{
  color:#eef6ff!important;
}


/* ==========================================================
   v7.4.4 — Favicon selector
   ========================================================== */
.favicon-setting{
  display:grid;
  gap:10px;
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  background:rgba(15,23,42,.22);
}
.favicon-setting>div:first-child{
  display:grid;
  gap:4px;
}
.favicon-setting-row{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.favicon-preview{
  width:64px;
  height:64px;
  flex:0 0 64px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.22);
  background:#fff;
  overflow:hidden;
  color:#08111f!important;
  font-weight:900;
}
.favicon-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:5px!important;
}
.favicon-controls{
  display:grid;
  gap:8px;
  min-width:min(100%,320px);
  flex:1;
}
.favicon-remove{
  display:flex!important;
  align-items:center;
  gap:8px;
}
.favicon-remove input{
  width:auto!important;
}


/* ==========================================================
   v7.4.5 — Branding Center
   ========================================================== */
.brand-logo-image{
  padding:4px!important;
  background:transparent!important;
  overflow:hidden;
}
.brand-logo-image img{
  width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;
}
.mobile-brand{display:flex;align-items:center;gap:8px;min-width:0}
.mobile-brand-logo{width:28px!important;height:28px!important;object-fit:contain!important;flex:0 0 28px}
.mobile-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.branding-admin-form{display:grid;gap:16px}
.branding-panel{display:grid;gap:14px}
.branding-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.branding-color-field{display:flex;align-items:center;gap:10px;margin-top:6px}
.branding-color-field input[type="color"]{width:58px!important;height:42px!important;padding:3px!important}
.branding-color-field code{font-size:12px;opacity:.85}
.branding-upload-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.branding-preview{
  width:108px;height:108px;display:grid;place-items:center;flex:0 0 108px;
  border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#fff;color:#08111f!important;
  overflow:hidden;font-size:24px;font-weight:900;
}
.branding-preview-logo,.branding-preview-login{width:180px;flex-basis:180px}
.branding-preview img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important}
.branding-upload-controls{display:grid;gap:10px;flex:1;min-width:min(100%,300px)}
.branding-remove{display:flex!important;align-items:center;gap:8px}
.branding-remove input{width:auto!important}
.branding-save-bar{
  position:sticky;bottom:10px;z-index:15;display:flex;justify-content:flex-end;padding:12px;
  border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(8,17,31,.92);backdrop-filter:blur(10px)
}
.login-brand-logo{display:block;max-width:220px!important;max-height:110px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 auto 16px}
.login-brand-fallback{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;margin:0 auto 16px;background:var(--brand-accent,#ef4444);font-weight:900;font-size:22px;color:#fff}
@media(max-width:700px){
  .branding-fields-grid{grid-template-columns:1fr}
  .branding-preview-logo,.branding-preview-login{width:140px;flex-basis:140px}
  .branding-save-bar .btn{width:100%}
}


/* ==========================================================
   v7.4.7 — Sidebar logo polish
   ========================================================== */
/* Custom uploaded branding logo: larger, clean transparent presentation. */
.sidebar .brand .logo.brand-logo-image{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
.sidebar .brand .logo.brand-logo-image img{
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sidebar .brand{
  min-height:70px;
  gap:12px;
}


/* ==========================================================
   v7.5.0 — Branding polish / Scanner Pro / Photo Manager 2
   ========================================================== */
.branding-range-field{display:flex;align-items:center;gap:12px;margin-top:8px}
.branding-range-field input[type=range]{flex:1}
.branding-range-field output{min-width:58px;font-weight:800}
.branding-presets{display:grid;gap:8px;align-content:end}
.branding-preset-row{display:flex;flex-wrap:wrap;gap:8px}
.brand-preset{border:1px solid rgba(148,163,184,.25);border-radius:999px;background:rgba(15,23,42,.45);color:inherit;padding:8px 12px;cursor:pointer}
.branding-preview-bg{width:180px;flex-basis:180px;aspect-ratio:16/9;height:auto}
.branding-live-preview{
  --preview-a:#ef4444;--preview-b:#178cff;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(8,17,31,.98),rgba(18,31,51,.95));border:1px solid color-mix(in srgb,var(--preview-b) 45%,transparent)
}
.branding-preview-sidebar{display:flex;align-items:center;gap:12px}
.branding-preview-live-logo{width:58px;height:58px;display:grid;place-items:center;font-weight:900;overflow:hidden}
.branding-preview-live-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.branding-preview-sidebar small{display:block;opacity:.7}
#brandingPreviewButton{background:var(--preview-a)!important}

.scanner-video-wrap{position:relative;border-radius:18px;overflow:hidden;background:#030712}
.scanner-video-wrap video{display:block;width:100%;max-height:520px;object-fit:contain;background:#030712}
.scanner-reticle{position:absolute;left:18%;right:18%;top:25%;bottom:25%;border:2px solid rgba(255,255,255,.75);border-radius:18px;box-shadow:0 0 0 9999px rgba(0,0,0,.12);pointer-events:none}
.scanner-camera-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:12px 0}
.scanner-camera-controls label{min-width:190px;flex:1}
.scanner-camera-controls input[type=range]{width:100%}
.scanner-diagnostics{margin-top:14px;border-top:1px solid rgba(148,163,184,.16);padding-top:12px}
.scanner-diagnostics summary{cursor:pointer;font-weight:800}
.scanner-diag-grid{display:grid;grid-template-columns:minmax(120px,.6fr) 1fr;gap:8px 16px;padding-top:12px}
.scanner-diag-grid span{opacity:.7}
.scan-toolbar select{min-width:150px}

.photo-v7-card{position:relative}
.duplicate-photo-badge{background:#f59e0b!important;color:#111827!important}
.photo-file-meta{display:flex;gap:8px;flex-wrap:wrap;padding:0 10px 10px;font-size:11px;opacity:.72}
.photo-file-meta span{padding:3px 6px;border-radius:7px;background:rgba(148,163,184,.08)}
.photo-lightbox-trigger{cursor:zoom-in}
.photo-lightbox{
 position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:44px 24px 24px
}
.photo-lightbox[hidden]{display:none}
.photo-lightbox img{max-width:94vw!important;max-height:86vh!important;width:auto!important;height:auto!important;object-fit:contain!important}
.photo-lightbox-close{position:absolute;right:20px;top:14px;border:0;background:transparent;color:#fff;font-size:42px;cursor:pointer}
#photoLightboxCaption{position:absolute;bottom:12px;color:#fff;font-weight:700}
body.lightbox-open{overflow:hidden}
.recycle-purge-form{display:flex;gap:6px;align-items:center}
.purge-confirm-input{width:100px!important;min-width:100px!important}
@media(max-width:700px){
 .branding-live-preview{align-items:flex-start;flex-direction:column}
 .branding-preview-bg{width:140px;flex-basis:140px}
 .scanner-reticle{left:10%;right:10%;top:28%;bottom:28%}
 .scanner-diag-grid{grid-template-columns:1fr}
 .recycle-purge-form{flex-wrap:wrap}
}


/* v7.5.1 — Branding live logo preview hotfix */
.branding-preview-live-logo{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.branding-preview-live-logo img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}


/* ==========================================================
   v7.6.0 — Dashboard Builder 2.0 + Collection Table Pro
   ========================================================== */

/* Dashboard Builder 2.0 */
.dash7-grid{align-items:start}
.dash7-widget{position:relative}
.dash7-widget.size-small{grid-column:span 4}
.dash7-widget.size-medium{grid-column:span 6}
.dash7-widget.size-large{grid-column:span 8}
.dash7-widget.size-wide{grid-column:1/-1}
.dash7-widget[hidden]{display:none!important}
.dash-live-drag{
  position:absolute;right:10px;top:10px;z-index:3;width:32px;height:32px;padding:0;
  display:grid;place-items:center;border:1px solid rgba(148,163,184,.16);border-radius:9px;
  background:rgba(8,17,31,.72);color:#8fa6bd;cursor:grab;opacity:.25;transition:.15s
}
.dash7-widget:hover .dash-live-drag{opacity:1}
.dash7-widget.dragging{opacity:.5;outline:2px dashed var(--brand-accent-secondary,#178cff)}
.dash-builder-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.dash-builder-panel{display:grid;gap:12px}
.dash-builder-help{display:flex;align-items:center;justify-content:space-between;gap:20px}
.dash-builder-count{display:grid;text-align:center;min-width:90px}.dash-builder-count b{font-size:30px}.dash-builder-count span{font-size:11px;opacity:.7}
.dash-builder-list{display:grid;gap:10px}
.dash-builder-row{grid-template-columns:46px minmax(220px,1fr) 100px minmax(135px,170px) 92px}
.dash-builder-title{display:grid;gap:3px}.dash-builder-title small{opacity:.65}
.dash-show-toggle{display:flex!important;align-items:center;gap:7px}
.dash-show-toggle input{width:auto!important}
.dash-size-control{display:grid!important;gap:4px}.dash-size-control span{font-size:10px;opacity:.65;text-transform:uppercase;letter-spacing:.05em}
.dash-row-actions{display:flex;gap:5px}
.dash-builder-savebar{
 position:sticky;bottom:10px;z-index:20;margin-top:16px;padding:12px 14px;border:1px solid rgba(148,163,184,.18);
 border-radius:14px;background:rgba(8,17,31,.94);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:12px
}
@media(max-width:950px){
 .dash7-widget.size-small,.dash7-widget.size-medium,.dash7-widget.size-large,.dash7-widget.size-wide{grid-column:1/-1}
 .dash-builder-row{grid-template-columns:42px 1fr 90px 140px}.dash-row-actions{grid-column:2/-1}
}
@media(max-width:650px){
 .dash-live-drag{display:none}
 .dash-builder-help{align-items:flex-start}.dash-builder-count{min-width:60px}
 .dash-builder-row{grid-template-columns:38px 1fr}
 .dash-builder-row .dash-show-toggle,.dash-builder-row .dash-size-control,.dash-builder-row .dash-row-actions{grid-column:2}
 .dash-builder-savebar{align-items:stretch;flex-direction:column}.dash-builder-savebar .btn{width:100%}
}

/* Collection Table Pro */
.collection-table-settings{margin-bottom:14px}
.collection-column-chooser{display:flex;gap:10px 16px;flex-wrap:wrap}
.collection-column-chooser label{display:flex;align-items:center;gap:6px;font-size:12px}
.collection-column-chooser input{width:auto!important}
.collection-density-choice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.collection-density-choice>span{font-size:12px;opacity:.7;margin-right:4px}
.collection-table-wrap{overflow:auto;border:1px solid #1f3049;border-radius:16px;background:#0a1423;margin-bottom:18px}
.collection-table-wrap[hidden]{display:none!important}
.collection-pro-table{width:100%;min-width:1320px;border-collapse:separate;border-spacing:0;font-size:12px}
.collection-pro-table th{
 position:sticky;top:0;z-index:4;background:#101c2e;padding:10px 9px;text-align:left;white-space:nowrap;border-bottom:1px solid #253751
}
.collection-pro-table th a{color:inherit;text-decoration:none}
.collection-pro-table td{padding:9px;border-bottom:1px solid #17283d;vertical-align:middle;white-space:nowrap}
.collection-pro-table tbody tr:hover{background:#0d1c30}
.collection-pro-table [hidden]{display:none!important}
.collection-table-photo{width:54px;height:54px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:#08111f;text-decoration:none}
.collection-table-photo img{width:100%!important;height:100%!important;object-fit:contain!important}
.collection-table-photo span{font-weight:900;font-size:11px}
.collection-table-name{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none;font-weight:800}
.collection-inline-form select{min-width:112px;max-width:175px;padding:7px 8px!important;font-size:11px}
.collection-value-form{display:flex;align-items:center;gap:5px}
.collection-value-form input{width:88px!important;padding:7px!important;font-size:11px}
.collection-value-form .btn{padding:6px 8px}
.collection-table-actions{display:flex;gap:5px}
.collection-pro-table.is-compact td{padding:5px 7px}
.collection-pro-table.is-compact th{padding:7px}
.collection-pro-table.is-compact .collection-table-photo{width:38px;height:38px}
.collection-pro-table code{font-size:10px;background:rgba(148,163,184,.08);padding:3px 5px;border-radius:6px}
@media(max-width:760px){
 .collection-table-wrap{margin-left:-8px;margin-right:-8px;border-radius:10px}
 .collection-pro-table{min-width:1120px}
}


/* v7.6.1 — Dashboard drag hotfix */
.dash-live-drag[draggable="true"],
.drag-handle[draggable="true"]{
  cursor:grab!important;
  user-select:none;
  -webkit-user-drag:element;
}
.dash-live-drag[draggable="true"]:active,
.drag-handle[draggable="true"]:active{cursor:grabbing!important}
.dash-builder-row.dragging,.dash7-widget.dragging{
  opacity:.48!important;
  outline:2px dashed var(--brand-accent-secondary,#178cff)!important;
}

/* v7.7.0 — Collector Experience + Reliability */
.car2-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px}.car2-gallery{min-width:0}.car2-main{height:520px;display:grid;place-items:center;background:#07101c;border-radius:14px;overflow:hidden}.car2-main img{width:100%!important;height:100%!important;object-fit:contain!important}.car2-thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px}.car2-thumbs button{width:82px;height:68px;flex:0 0 auto;padding:3px;border:1px solid #263954;border-radius:10px;background:#08111f}.car2-thumbs img{width:100%!important;height:100%!important;object-fit:contain!important}.car2-money{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.car2-money>div,.car2-statbar>div{padding:13px;border:1px solid #21344e;border-radius:12px;background:#091526}.car2-money span,.car2-statbar span{display:block;font-size:10px;opacity:.7;text-transform:uppercase}.car2-money strong{font-size:22px}.car2-statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.car2-statbar b{font-size:18px}.car2-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.car2-specs{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:20px}.car2-timeline{display:grid;gap:0}.car2-timeline>div{position:relative;padding:10px 10px 10px 28px;border-left:2px solid #233a58;margin-left:7px;display:grid}.car2-timeline i{position:absolute;width:12px;height:12px;border-radius:50%;background:#208cff;left:-7px;top:14px}.car2-timeline span{font-size:11px;opacity:.7}
.dupe-safety-note{display:flex;gap:10px;flex-wrap:wrap}.dupe2-list{display:grid;gap:12px}.dupe2-card{display:grid;grid-template-columns:80px 1fr 180px 1fr;gap:14px;padding:14px;border:1px solid #20334c;border-radius:14px;background:#091526}.dupe2-score{display:grid;align-content:center;text-align:center}.dupe2-score strong{font-size:25px}.dupe2-score span{font-size:10px;opacity:.7}.dupe2-side dl{grid-template-columns:90px 1fr}.dupe2-middle{display:grid;place-items:center;align-content:center;gap:8px}.dupe2-arrow{font-size:28px}.dupe2-actions{grid-column:2/-1;display:flex;justify-content:flex-end;gap:8px}
.backup3-health{display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid #24405f;border-radius:16px;background:#0b192b;margin-bottom:14px}.backup3-health>div{display:grid}.backup3-health strong{font-size:30px}.backup3-health.good{border-color:#1d6a4c}.backup3-health.warn{border-color:#8a6520}.backup3-health.bad{border-color:#8b3030}.backup3-grid{display:grid;gap:10px}.backup3-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid #20334c;border-radius:12px}.backup3-card h3{margin:6px 0 2px}.backup3-card p,.backup3-card small{margin:0;opacity:.7}.backup3-card details form{display:grid;gap:6px;padding-top:8px}.upgrade3-summary{padding:18px;border-radius:15px;display:grid;margin-bottom:14px;border:1px solid #28543e;background:#0b2019}.upgrade3-summary.bad{border-color:#7b3030;background:#241010}.upgrade3-summary strong{font-size:22px}.upgrade3-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.upgrade3-checks>div{display:flex;justify-content:space-between;padding:11px;border:1px solid #20334c;border-radius:10px}.upgrade3-checks .ok b{color:#86efac}.upgrade3-checks .bad b{color:#fca5a5}.health-notice.good{color:#86efac}
.photo-edit3{position:relative}.photo-edit3>summary{list-style:none}.photo-edit3-form{position:absolute;z-index:30;bottom:40px;left:0;width:320px;padding:13px;border:1px solid #315072;border-radius:12px;background:#07111f;box-shadow:0 18px 50px #0008;display:grid;gap:8px}.photo-edit3-form small{opacity:.7}.photo-edit3-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.photo-edit3-grid label{font-size:10px}.photo-edit3-grid input{width:100%}
@media(max-width:900px){.car2-hero{grid-template-columns:1fr}.car2-main{height:400px}.dupe2-card{grid-template-columns:70px 1fr 1fr}.dupe2-middle{grid-column:2/-1;grid-row:2}.dupe2-actions{grid-column:1/-1}.backup3-health{grid-template-columns:1fr}.upgrade3-checks{grid-template-columns:1fr}}
@media(max-width:620px){.car2-main{height:310px}.car2-statbar{grid-template-columns:1fr 1fr}.car2-specs{grid-template-columns:1fr}.dupe2-card{grid-template-columns:1fr}.dupe2-score,.dupe2-middle,.dupe2-actions{grid-column:1}.photo-edit3-form{position:fixed;left:12px;right:12px;bottom:12px;width:auto}.backup3-card{align-items:flex-start;flex-direction:column}}


/* v7.7.1 — Car Detail full-image containment hotfix
   The large image must use its natural aspect ratio inside the frame. This is
   deliberately more specific than historical gallery/card image rules. */
#car2MainFrame.car2-main{
  height:520px!important;
  min-height:420px!important;
  width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  background:#07101c!important;
  position:relative!important;
}
#car2MainFrame > img#car2MainImage.car2-main-image{
  display:block!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  clip-path:none!important;
  margin:auto!important;
  padding:0!important;
  border-radius:0!important;
  cursor:zoom-in;
}
.car2-lightbox{
  position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.94);
  display:flex;align-items:center;justify-content:center;padding:28px
}
.car2-lightbox[hidden]{display:none!important}
.car2-lightbox img{
  display:block!important;width:auto!important;height:auto!important;
  max-width:96vw!important;max-height:92vh!important;
  object-fit:contain!important;object-position:center!important;
  transform:none!important;clip-path:none!important
}
.car2-lightbox button{
  position:absolute;right:20px;top:18px;width:44px;height:44px;border:0;
  border-radius:50%;background:#101827;color:#fff;font-size:30px;line-height:1;cursor:pointer
}
@media(max-width:900px){
  #car2MainFrame.car2-main{height:420px!important;min-height:340px!important}
}
@media(max-width:620px){
  #car2MainFrame.car2-main{height:340px!important;min-height:280px!important;padding:8px!important}
}


/* ==========================================================
   v7.7.2 — Car Detail right panel cleanup
   ========================================================== */
.car2-overview-clean{
  padding:20px!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
}
.car2-side-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.car2-side-head h2{
  margin:7px 0 0!important;
  font-size:21px!important;
  line-height:1.15!important;
}
.car2-money-clean{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.car2-value-card{
  min-height:74px!important;
  padding:13px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  background:#0a1728!important;
  border:1px solid #263b57!important;
  border-radius:12px!important;
}
.car2-value-card span{
  display:block!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  color:#91a6bf!important;
  opacity:1!important;
}
.car2-value-card strong{
  display:block!important;
  margin:0!important;
  font-size:21px!important;
  line-height:1.05!important;
  color:#fff!important;
}
.car2-info-list{
  display:grid!important;
  gap:0!important;
  width:100%!important;
}
.car2-info-list>div{
  display:grid!important;
  grid-template-columns:minmax(105px,42%) minmax(0,58%)!important;
  gap:14px!important;
  align-items:center!important;
  min-height:34px!important;
  padding:6px 0!important;
  border-bottom:1px solid rgba(113,145,179,.12)!important;
}
.car2-info-list>div:last-child{
  border-bottom:0!important;
}
.car2-info-list span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#b9c8d8!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.25!important;
  opacity:1!important;
}
.car2-info-list b{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
}
.car2-owner-list{
  margin-top:4px!important;
}
.car2-status-chip{
  justify-self:start!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#175b3a!important;
  border:1px solid #2b8b5b!important;
  color:#dfffee!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:capitalize!important;
}
.car2-side-divider{
  height:1px!important;
  margin:16px 0!important;
  background:#2a405e!important;
}
.car2-section-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:8px!important;
}
.car2-section-heading>div{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.car2-section-heading h3{
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.2!important;
}
.car2-section-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:38px!important;
  height:26px!important;
  padding:0 7px!important;
  border-radius:7px!important;
  background:#0d2f58!important;
  border:1px solid #1f5c99!important;
  color:#69b9ff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
.car2-spec-list>div{
  background:transparent!important;
}
.car2-spec-list>div:nth-child(even){
  background:rgba(36,57,82,.28)!important;
  border-radius:5px!important;
  padding-left:7px!important;
  padding-right:7px!important;
}
.car2-special-flags{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin-top:14px!important;
}
.car2-special-flags span{
  display:inline-flex!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  border:1px solid #8a6520!important;
  background:#36280d!important;
  color:#fde68a!important;
  font-size:10px!important;
  font-weight:800!important;
}
@media(max-width:1100px){
  .car2-info-list>div{
    grid-template-columns:112px minmax(0,1fr)!important;
  }
}
@media(max-width:900px){
  .car2-overview-clean{padding:17px!important}
}
@media(max-width:520px){
  .car2-money-clean{
    grid-template-columns:1fr!important;
  }
  .car2-info-list>div{
    grid-template-columns:105px minmax(0,1fr)!important;
    gap:10px!important;
  }
}


/* ==========================================================
   v7.7.3 — Car Detail lower-panel cleanup
   ========================================================== */
.car2-bottom-panel{
  padding:20px!important;
}
.car2-bottom-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.car2-bottom-head h2{
  margin:4px 0 4px!important;
  font-size:20px!important;
  line-height:1.2!important;
}
.car2-bottom-head p{
  margin:0!important;
  font-size:12px!important;
}
.car2-bottom-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
.car2-spec-card,
.car2-notes-card{
  background:#091526!important;
  border:1px solid #223854!important;
  border-radius:14px!important;
  overflow:hidden!important;
  min-width:0!important;
}
.car2-spec-card-head{
  min-height:42px!important;
  padding:11px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-bottom:1px solid #20344e!important;
  background:#0d1b2e!important;
}
.car2-spec-card-head>span{
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
.car2-spec-card-head small{
  color:#7891ad!important;
  font-size:10px!important;
}
.car2-spec-table{
  display:grid!important;
  gap:0!important;
  padding:6px 0!important;
}
.car2-spec-table>div{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-height:34px!important;
  padding:7px 14px!important;
}
.car2-spec-table>div:nth-child(even){
  background:rgba(33,52,77,.28)!important;
}
.car2-spec-table span{
  color:#8da3bd!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.car2-spec-table b{
  color:#fff!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
}
.car2-notes-card{
  display:flex!important;
  flex-direction:column!important;
}
.car2-notes-content{
  flex:1!important;
  min-height:150px!important;
  padding:18px!important;
  color:#e8eef7!important;
  font-size:13px!important;
  line-height:1.55!important;
  white-space:normal!important;
}
.car2-notes-empty{
  flex:1!important;
  min-height:150px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:13px!important;
  align-items:center!important;
  padding:20px!important;
}
.car2-notes-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#10243d!important;
  color:#69b9ff!important;
  font-size:19px!important;
}
.car2-notes-empty>div:nth-child(2){
  display:grid!important;
  gap:4px!important;
}
.car2-notes-empty b{
  color:#fff!important;
  font-size:13px!important;
}
.car2-notes-empty span{
  color:#8398b3!important;
  font-size:11px!important;
  line-height:1.4!important;
  max-width:520px!important;
}
@media(max-width:900px){
  .car2-bottom-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:620px){
  .car2-bottom-panel{padding:15px!important}
  .car2-bottom-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .car2-bottom-head .btn{width:100%!important;text-align:center!important}
  .car2-spec-table>div{
    grid-template-columns:100px minmax(0,1fr)!important;
    gap:10px!important;
    padding:7px 11px!important;
  }
  .car2-notes-empty{
    grid-template-columns:38px 1fr!important;
    padding:16px!important;
  }
  .car2-notes-empty .btn{
    grid-column:1/-1!important;
    width:100%!important;
    text-align:center!important;
  }
}


/* ==========================================================
   v7.7.5 — Dashboard completion speedometer
   ========================================================== */
.dash7-speedo-complete{
  display:grid!important;
  grid-template-columns:minmax(220px,.72fr) minmax(260px,1.28fr)!important;
  gap:24px!important;
  align-items:center!important;
}
.completion-speedometer{
  --speedo-angle:calc(-120deg + (var(--pct) * 2.4deg));
  display:grid!important;
  place-items:center!important;
  min-height:220px!important;
}
.speedo-face{
  position:relative!important;
  width:220px!important;
  height:220px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 54%,#0c1726 0 43%,#08111d 44% 60%,#0e1d31 61% 100%)!important;
  border:1px solid #27415f!important;
  box-shadow:
    inset 0 0 0 7px #0a1627,
    inset 0 0 0 9px #243b57,
    inset 0 0 32px rgba(0,0,0,.8),
    0 10px 28px rgba(0,0,0,.3)!important;
  overflow:hidden!important;
}
.speedo-face:before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border-radius:50%!important;
  background:
    conic-gradient(
      from 240deg,
      #ef4444 0deg 42deg,
      #f59e0b 42deg 92deg,
      #eab308 92deg 138deg,
      #22c55e 138deg 200deg,
      #16a34a 200deg 240deg,
      transparent 240deg 360deg
    )!important;
  -webkit-mask:radial-gradient(circle,#0000 0 73%,#000 74% 84%,#0000 85%)!important;
  mask:radial-gradient(circle,#0000 0 73%,#000 74% 84%,#0000 85%)!important;
  opacity:.95!important;
}
.speedo-face:after{
  content:""!important;
  position:absolute!important;
  inset:24px!important;
  border-radius:50%!important;
  border:1px solid rgba(122,164,207,.2)!important;
  box-shadow:inset 0 0 18px rgba(20,95,160,.18)!important;
}
.speedo-ticks{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
}
.speedo-ticks i{
  --a:calc(-120deg + (var(--i) * 24deg));
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:2px!important;
  height:14px!important;
  margin-left:-1px!important;
  margin-top:-96px!important;
  border-radius:2px!important;
  background:#dce9f7!important;
  transform-origin:1px 96px!important;
  transform:rotate(var(--a))!important;
  opacity:.9!important;
}
.speedo-zone{display:none!important}
.speedo-needle-wrap{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:0!important;
  height:0!important;
  z-index:5!important;
  transform:rotate(var(--speedo-angle))!important;
  transition:transform .7s cubic-bezier(.2,.8,.2,1)!important;
}
.speedo-needle{
  position:absolute!important;
  width:5px!important;
  height:78px!important;
  left:-2.5px!important;
  bottom:-8px!important;
  border-radius:5px 5px 2px 2px!important;
  background:linear-gradient(to top,#a90f16,#ff3946 70%,#fff 100%)!important;
  box-shadow:0 0 9px rgba(255,52,68,.75)!important;
}
.speedo-hub{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  margin:-11px 0 0 -11px!important;
  z-index:7!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,#e5e7eb 0 13%,#7b8796 14% 42%,#131b26 43% 100%)!important;
  border:2px solid #acb8c5!important;
  box-shadow:0 2px 8px #000!important;
}
.speedo-readout{
  position:absolute!important;
  left:50%!important;
  bottom:34px!important;
  z-index:6!important;
  transform:translateX(-50%)!important;
  min-width:96px!important;
  padding:7px 10px 6px!important;
  border-radius:8px!important;
  text-align:center!important;
  background:#050b12!important;
  border:1px solid #26405e!important;
  box-shadow:inset 0 0 10px rgba(55,141,222,.12)!important;
}
.speedo-readout strong{
  display:block!important;
  color:#f8fbff!important;
  font-size:27px!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
.speedo-readout span{
  display:block!important;
  margin-top:4px!important;
  color:#62b9f2!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.speedo-label{
  position:absolute!important;
  z-index:4!important;
  color:#8fa7c1!important;
  font-size:10px!important;
  font-weight:800!important;
}
.speedo-zero{left:31px!important;bottom:50px!important}
.speedo-mid{left:50%!important;top:18px!important;transform:translateX(-50%)!important}
.speedo-max{right:25px!important;bottom:50px!important}
.speedo-progress-list{
  display:grid!important;
  gap:8px!important;
}
.speedo-progress-list>div:not(.speedo-bar){
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
}
.speedo-progress-list span{
  font-size:13px!important;
}
.speedo-progress-list b{
  font-size:13px!important;
  font-variant-numeric:tabular-nums!important;
}
.speedo-bar{
  height:11px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#d4d7dc!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5)!important;
  margin-bottom:4px!important;
}
.speedo-bar i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ef4444 0%,#f59e0b 35%,#eab308 55%,#22c55e 78%,#16a34a 100%)!important;
  box-shadow:0 0 8px rgba(34,197,94,.25)!important;
}
.speedo-bar.storage i{
  background:linear-gradient(90deg,#0ea5e9,#2563eb 55%,#7c3aed)!important;
}
.speedo-metric-row{
  margin-top:4px!important;
  padding-top:10px!important;
  border-top:1px solid #1f344e!important;
}
@media(max-width:760px){
  .dash7-speedo-complete{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .completion-speedometer{min-height:210px!important}
  .speedo-face{width:205px!important;height:205px!important}
  .speedo-ticks i{margin-top:-89px!important;transform-origin:1px 89px!important}
}


/* ==========================================================
   v7.7.6 — Automotive dashboard statistics cluster
   ========================================================== */
.dash-cluster-head{
  align-items:center!important;
}
.dash-cluster-status{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 9px!important;
  border:1px solid #233954!important;
  border-radius:999px!important;
  background:#07111f!important;
  color:#77dba3!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.dash-cluster-status i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#22c55e!important;
  box-shadow:0 0 10px #22c55e!important;
}
.dash-car-cluster{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  padding:14px!important;
  border:1px solid #263b56!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.013) 0 2px,transparent 2px 6px),
    #070e18!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    inset 0 0 34px rgba(0,0,0,.55),
    0 10px 24px rgba(0,0,0,.2)!important;
}
.dash-car-cluster:before,
.dash-car-cluster:after{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#29384a!important;
  border:1px solid #556476!important;
  box-shadow:inset 0 1px 2px #000!important;
}
.dash-car-cluster:before{left:7px!important;top:7px!important}
.dash-car-cluster:after{right:7px!important;top:7px!important}

.dash-car-gauge{
  --gauge:#38bdf8;
  --gauge-soft:rgba(56,189,248,.16);
  position:relative!important;
  min-height:145px!important;
  padding:12px 11px 11px!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  align-items:center!important;
  text-decoration:none!important;
  color:#fff!important;
  border:1px solid #263c56!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 50% 42%,var(--gauge-soft) 0,transparent 48%),
    linear-gradient(180deg,#0d1827 0%,#07101b 100%)!important;
  box-shadow:
    inset 0 0 0 3px #09131f,
    inset 0 -14px 22px rgba(0,0,0,.35),
    0 3px 10px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.dash-car-gauge:hover{
  transform:translateY(-2px)!important;
  border-color:var(--gauge)!important;
  box-shadow:
    inset 0 0 0 3px #09131f,
    inset 0 -14px 22px rgba(0,0,0,.35),
    0 0 18px var(--gauge-soft)!important;
}
.dash-car-gauge:before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  top:35px!important;
  height:68px!important;
  border-radius:70px 70px 10px 10px!important;
  border-top:5px solid var(--gauge)!important;
  border-left:2px solid transparent!important;
  border-right:2px solid transparent!important;
  opacity:.9!important;
  filter:drop-shadow(0 0 6px var(--gauge))!important;
}
.dash-car-gauge:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:60px!important;
  width:4px!important;
  height:42px!important;
  border-radius:4px!important;
  background:linear-gradient(to top,#9ea9b4,#fff)!important;
  transform-origin:50% 38px!important;
  transform:translateX(-50%) rotate(22deg)!important;
  box-shadow:0 0 7px rgba(255,255,255,.5)!important;
  opacity:.72!important;
}
.dash-gauge-top{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.dash-gauge-top span{
  color:#8fa5bd!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.dash-led{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:var(--gauge)!important;
  box-shadow:0 0 9px var(--gauge)!important;
}
.dash-led.warning{
  animation:dashLedPulse 1.6s ease-in-out infinite!important;
}
@keyframes dashLedPulse{
  0%,100%{opacity:1}
  50%{opacity:.35}
}
.dash-gauge-icon{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:52px!important;
  transform:translateX(-50%)!important;
  color:var(--gauge)!important;
  font-size:16px!important;
  font-weight:900!important;
  text-shadow:0 0 9px var(--gauge)!important;
}
.dash-gauge-readout{
  position:relative!important;
  z-index:5!important;
  align-self:end!important;
  display:grid!important;
  justify-items:center!important;
  gap:3px!important;
  margin-top:52px!important;
  padding:7px 5px 6px!important;
  border-radius:8px!important;
  background:#02070d!important;
  border:1px solid #1e3046!important;
  box-shadow:inset 0 0 10px rgba(57,139,211,.08)!important;
}
.dash-gauge-readout b{
  color:#fff!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 0 8px var(--gauge-soft)!important;
}
.dash-gauge-readout small{
  color:var(--gauge)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-align:center!important;
}
.dash-gauge-scale{
  position:absolute!important;
  z-index:2!important;
  left:21px!important;
  right:21px!important;
  top:42px!important;
  height:54px!important;
  pointer-events:none!important;
}
.dash-gauge-scale i{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:2px!important;
  height:7px!important;
  background:#8293a6!important;
  transform-origin:1px 48px!important;
  opacity:.65!important;
}
.dash-gauge-scale i:nth-child(1){transform:rotate(-60deg)!important}
.dash-gauge-scale i:nth-child(2){transform:rotate(-40deg)!important}
.dash-gauge-scale i:nth-child(3){transform:rotate(-20deg)!important}
.dash-gauge-scale i:nth-child(4){transform:rotate(0deg)!important}
.dash-gauge-scale i:nth-child(5){transform:rotate(20deg)!important}
.dash-gauge-scale i:nth-child(6){transform:rotate(40deg)!important}
.dash-gauge-scale i:nth-child(7){transform:rotate(60deg)!important}

.gauge-blue{--gauge:#38bdf8;--gauge-soft:rgba(56,189,248,.18)}
.gauge-green{--gauge:#22c55e;--gauge-soft:rgba(34,197,94,.18)}
.gauge-amber{--gauge:#f59e0b;--gauge-soft:rgba(245,158,11,.18)}
.gauge-cyan{--gauge:#22d3ee;--gauge-soft:rgba(34,211,238,.18)}
.gauge-orange{--gauge:#f97316;--gauge-soft:rgba(249,115,22,.18)}
.gauge-red{--gauge:#ef4444;--gauge-soft:rgba(239,68,68,.2)}

@media(max-width:1250px){
  .dash-car-cluster{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .dash-car-cluster{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dash-car-gauge{min-height:138px!important}
}
@media(max-width:480px){
  .dash-car-cluster{grid-template-columns:1fr!important}
  .dash-car-gauge{min-height:130px!important}
}


/* ==========================================================
   v7.7.7 — Compact Recent Collection list
   ========================================================== */
.recent-collection-head{
  align-items:flex-start!important;
  margin-bottom:12px!important;
}
.recent-collection-head h2{
  margin-bottom:3px!important;
}
.recent-collection-head p{
  margin:0!important;
  font-size:11px!important;
}
.dash-recent-list{
  display:grid!important;
  gap:7px!important;
}
.dash-recent-row{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr) auto 26px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:74px!important;
  padding:7px 9px!important;
  border:1px solid #1d314b!important;
  border-radius:12px!important;
  background:
    linear-gradient(90deg,rgba(27,72,115,.09),transparent 38%),
    #091526!important;
  color:#fff!important;
  text-decoration:none!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
.dash-recent-row:hover{
  transform:translateY(-1px)!important;
  border-color:#365c83!important;
  background:
    linear-gradient(90deg,rgba(31,116,194,.13),transparent 42%),
    #0b192b!important;
}
.dash-recent-thumb{
  width:68px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:4px!important;
  border:1px solid #243b57!important;
  border-radius:9px!important;
  background:#050c15!important;
}
.dash-recent-thumb img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  border-radius:4px!important;
}
.dash-recent-thumb span{
  color:#6f87a3!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.dash-recent-main{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}
.dash-recent-title{
  color:#f3f7fb!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dash-recent-sub{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#7890ab!important;
  font-size:10px!important;
}
.dash-recent-sub span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dash-recent-sub span+span:before{
  content:"•"!important;
  margin-right:7px!important;
  color:#3f5d7e!important;
}
.dash-recent-value{
  display:grid!important;
  justify-items:end!important;
  gap:3px!important;
  min-width:74px!important;
}
.dash-recent-value small{
  color:#7089a5!important;
  font-size:8px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.dash-recent-value b{
  color:#7dd3fc!important;
  font-size:13px!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums!important;
}
.dash-recent-open{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  background:#10213a!important;
  color:#6bb8f0!important;
  font-size:20px!important;
  line-height:1!important;
  transition:transform .16s ease,background .16s ease!important;
}
.dash-recent-row:hover .dash-recent-open{
  transform:translateX(2px)!important;
  background:#16345b!important;
}
@media(max-width:720px){
  .recent-collection-head{
    gap:10px!important;
  }
  .dash-recent-row{
    grid-template-columns:58px minmax(0,1fr) auto!important;
    gap:9px!important;
    min-height:68px!important;
    padding:6px 8px!important;
  }
  .dash-recent-thumb{
    width:58px!important;
    height:52px!important;
  }
  .dash-recent-open{display:none!important}
  .dash-recent-value{min-width:62px!important}
}
@media(max-width:480px){
  .dash-recent-row{
    grid-template-columns:52px minmax(0,1fr)!important;
  }
  .dash-recent-thumb{
    width:52px!important;
    height:48px!important;
  }
  .dash-recent-value{
    grid-column:2!important;
    justify-items:start!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }
  .dash-recent-value small{display:none!important}
}


/* ==========================================================
   v7.8.0 — Full Automotive Cockpit Dashboard
   ========================================================== */
.vehicle-dashboard{
  --cockpit-blue:#39bdf8;
  --cockpit-cyan:#22d3ee;
  --cockpit-green:#2bd576;
  --cockpit-amber:#ffb020;
  --cockpit-red:#ff4d57;
  --cockpit-panel:#09131f;
  --cockpit-edge:#263d58;
  position:relative;
  isolation:isolate;
  padding:4px 0 24px;
}
.vehicle-dashboard:before{
  content:"";
  position:absolute;
  inset:-18px -18px -30px;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(31,103,161,.13),transparent 44%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 2px,transparent 2px 6px),
    linear-gradient(180deg,#07101a 0%,#040a11 100%);
  border-radius:22px;
}
.vehicle-dashboard:after{
  content:"";
  position:absolute;
  inset:-8px -8px auto;
  height:3px;
  z-index:-1;
  background:linear-gradient(90deg,transparent,var(--cockpit-blue),var(--cockpit-cyan),transparent);
  opacity:.55;
  filter:blur(.4px);
}
.cockpit-page-head{
  margin-bottom:10px!important;
  padding:12px 4px!important;
  align-items:center!important;
}
.cockpit-page-head h1{
  margin:3px 0!important;
  font-size:26px!important;
  letter-spacing:.01em!important;
}
.cockpit-page-head .eyebrow{
  letter-spacing:.14em!important;
}
.cockpit-actions .btn{
  border-color:#2b4563!important;
  background:linear-gradient(180deg,#102239,#0a1625)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.cockpit-actions .btn.primary{
  background:linear-gradient(180deg,#1676c8,#0d5595)!important;
  border-color:#2a91e8!important;
  box-shadow:0 0 16px rgba(42,145,232,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}

/* Upper digital driver-information display */
.cockpit-hud{
  display:grid;
  grid-template-columns:135px repeat(5,minmax(120px,1fr));
  gap:1px;
  overflow:hidden;
  margin-bottom:7px;
  padding:1px;
  border:1px solid #304967;
  border-radius:15px 15px 8px 8px;
  background:#1a2c41;
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.65),
    0 10px 24px rgba(0,0,0,.22);
}
.cockpit-brand-mark,
.cockpit-hud-cell{
  min-height:77px;
  padding:11px 13px;
  display:grid;
  align-content:center;
  background:
    linear-gradient(180deg,rgba(18,43,68,.92),rgba(5,14,24,.96)),
    #08111c;
}
.cockpit-brand-mark{
  justify-items:center;
  border-right:1px solid #28405d;
}
.cockpit-brand-mark span{
  color:#eaf6ff;
  font-size:21px;
  font-weight:950;
  font-style:italic;
  letter-spacing:-.05em;
  text-shadow:0 0 14px rgba(56,189,248,.45);
}
.cockpit-brand-mark b{
  margin-top:3px;
  color:var(--cockpit-blue);
  font-size:8px;
  letter-spacing:.14em;
}
.cockpit-hud-cell{
  justify-items:center;
  gap:2px;
  border-right:1px solid #172b41;
}
.cockpit-hud-cell:last-child{border-right:0}
.cockpit-hud-cell small{
  color:#728aa5!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}
.cockpit-hud-cell strong{
  color:#eaf7ff!important;
  font-size:19px!important;
  line-height:1.1!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 0 10px rgba(72,164,231,.18);
}
.cockpit-hud-cell span{
  color:#7091b0!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.cockpit-hud-cell.hud-value strong{color:#66e6a3!important;text-shadow:0 0 10px rgba(43,213,118,.25)}
.cockpit-hud-cell.hud-ok strong{color:#70e0a1!important}
.cockpit-hud-cell.hud-warn strong{color:#ffc75c!important;text-shadow:0 0 12px rgba(255,176,32,.35)}
.cockpit-hud-cell.hud-danger strong{color:#ff747c!important;text-shadow:0 0 12px rgba(255,77,87,.4)}
.cockpit-hud-cell.hud-system strong{font-size:13px!important;color:#76dba2!important;letter-spacing:.08em}

/* Warning-lamp rail */
.cockpit-warning-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-wrap:wrap;
  min-height:31px;
  margin-bottom:12px;
  padding:5px 8px;
  border:1px solid #1d3047;
  border-radius:8px 8px 13px 13px;
  background:#060d15;
  box-shadow:inset 0 6px 16px rgba(0,0,0,.55);
}
.cockpit-warning-light{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border:1px solid #1b2b3f;
  border-radius:6px;
  background:#09111b;
  color:#43566b;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}
.cockpit-warning-light i{font-style:normal}
.cockpit-warning-light.ok{
  color:#397856;
  border-color:#173d2a;
}
.cockpit-warning-light.ok i{color:#36bb73}
.cockpit-warning-light.active.amber{
  color:#ffd271;
  border-color:#72531e;
  background:#281c08;
  box-shadow:inset 0 0 11px rgba(255,176,32,.13);
}
.cockpit-warning-light.active.amber i{color:#ffb020;text-shadow:0 0 7px #ffb020}
.cockpit-warning-light.active.red{
  color:#ff9b9f;
  border-color:#713036;
  background:#260b10;
  box-shadow:inset 0 0 11px rgba(255,77,87,.14);
}
.cockpit-warning-light.active.red i{color:#ff4d57;text-shadow:0 0 7px #ff4d57}

/* Every dashboard widget becomes a recessed instrument module */
.vehicle-dashboard .dash7-widget{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #263d58!important;
  border-radius:17px!important;
  background:
    linear-gradient(180deg,rgba(14,31,50,.94),rgba(7,16,27,.97))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -18px 32px rgba(0,0,0,.16),
    0 7px 18px rgba(0,0,0,.16)!important;
}
.vehicle-dashboard .dash7-widget:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(57,189,248,.55),transparent);
  opacity:.7;
}
.vehicle-dashboard .dash7-widget>.section-head{
  position:relative;
  margin-bottom:13px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid #1b3048!important;
}
.vehicle-dashboard .dash7-widget>.section-head h2{
  margin:2px 0!important;
  font-size:16px!important;
  letter-spacing:.02em!important;
}
.vehicle-dashboard .dash7-widget>.section-head .eyebrow{
  color:#55baf7!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
}
.vehicle-dashboard .dash-live-drag{
  border-color:#1d344c!important;
  background:#07111d!important;
  color:#54718e!important;
}

/* Growth graph becomes a digital MFD trace */
.vehicle-dashboard .chart-shell{
  position:relative;
  padding:10px!important;
  border:1px solid #1c3852!important;
  border-radius:11px!important;
  background:
    linear-gradient(rgba(48,112,162,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(48,112,162,.07) 1px,transparent 1px),
    #050d16!important;
  background-size:28px 28px!important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.5)!important;
}
.vehicle-dashboard .chart-line{
  stroke:#35d6ff!important;
  stroke-width:3!important;
  filter:drop-shadow(0 0 5px rgba(53,214,255,.75))!important;
}
.vehicle-dashboard .chart-area{fill:rgba(25,156,216,.13)!important}
.vehicle-dashboard .chart-dot{
  fill:#bdf5ff!important;
  stroke:#28bce8!important;
  stroke-width:2!important;
}
.vehicle-dashboard .chart-grid-line{
  stroke:#21435f!important;
  opacity:.55!important;
}

/* Horizontal bar widgets resemble auxiliary gauges */
.vehicle-dashboard .dashboard-bar-row{
  grid-template-columns:120px 1fr 84px!important;
  min-height:31px!important;
}
.vehicle-dashboard .dashboard-bar-row>div{
  height:8px!important;
  background:#07101a!important;
  border:1px solid #1b3148!important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.5)!important;
}
.vehicle-dashboard .dashboard-bar-row i{
  background:linear-gradient(90deg,#0ea5e9,#22d3ee,#34d399)!important;
  box-shadow:0 0 8px rgba(34,211,238,.35)!important;
}

/* Valuable cars: center-console data list */
.vehicle-dashboard .valuable-list{
  gap:6px!important;
}
.vehicle-dashboard .valuable-row{
  min-height:62px!important;
  padding:6px 8px!important;
  border:1px solid #182d43!important;
  border-radius:10px!important;
  background:#07121f!important;
}
.vehicle-dashboard .valuable-row:hover{
  border-color:#315c81!important;
  background:#0a1a2c!important;
}
.vehicle-dashboard .valuable-row strong{
  min-width:80px!important;
  padding:6px 8px!important;
  border-radius:7px!important;
  color:#6ee7b7!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
  background:#05100d!important;
  border:1px solid #173c30!important;
  text-shadow:0 0 8px rgba(52,211,153,.22)!important;
}

/* Status / goals / insights become digital readout blocks */
.vehicle-dashboard .status-list>div,
.vehicle-dashboard .v68-dash-goals>a,
.vehicle-dashboard .info{
  border:1px solid #1a3047!important;
  border-radius:9px!important;
  background:#07131f!important;
}
.vehicle-dashboard .status-list>div{
  padding:8px 10px!important;
}
.vehicle-dashboard .status-list b,
.vehicle-dashboard .info b{
  color:#7dd3fc!important;
  font-variant-numeric:tabular-nums!important;
}
.vehicle-dashboard .dash7-status-total{
  margin-top:10px!important;
  padding:10px!important;
  border:1px solid #21405b!important;
  border-radius:10px!important;
  background:#06111c!important;
}
.vehicle-dashboard .dash7-status-total b{
  color:#4bd4ff!important;
  text-shadow:0 0 10px rgba(75,212,255,.28)!important;
}
.vehicle-dashboard progress{
  overflow:hidden!important;
  border-radius:999px!important;
  background:#050c13!important;
}
.vehicle-dashboard progress::-webkit-progress-bar{
  background:#050c13!important;
  border:1px solid #1a3047!important;
  border-radius:999px!important;
}
.vehicle-dashboard progress::-webkit-progress-value{
  background:linear-gradient(90deg,#118ad0,#29d4e8,#31cf7a)!important;
  box-shadow:0 0 7px rgba(41,212,232,.35)!important;
}

/* Activity widget looks like trip-computer channels */
.vehicle-dashboard .dash7-activity{
  gap:8px!important;
}
.vehicle-dashboard .dash7-activity>div{
  padding:10px!important;
  border:1px solid #1b3047!important;
  border-radius:10px!important;
  background:#07121e!important;
}
.vehicle-dashboard .dash7-activity h3{
  color:#5fc5ff!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.vehicle-dashboard .dash7-activity p{
  padding:7px 0!important;
  border-bottom:1px solid #14283c!important;
}

/* Recent Collection becomes infotainment-style media list */
.vehicle-dashboard .dash-recent-row{
  background:
    linear-gradient(90deg,rgba(19,89,139,.12),transparent 34%),
    #07121e!important;
  border-color:#1b334a!important;
}
.vehicle-dashboard .dash-recent-value b{
  color:#60d7ff!important;
  text-shadow:0 0 7px rgba(96,215,255,.2)!important;
}

/* Startup sweep / illumination */
.vehicle-dashboard:not(.cockpit-live) .speedo-needle-wrap{
  transform:rotate(-120deg)!important;
}
.vehicle-dashboard .speedo-needle-wrap{
  transition:transform 1.25s cubic-bezier(.18,.82,.25,1)!important;
}
.vehicle-dashboard:not(.cockpit-live) .dash-car-gauge:after{
  transform:translateX(-50%) rotate(-50deg)!important;
}
.vehicle-dashboard .dash-car-gauge:after{
  transition:transform 1.05s cubic-bezier(.18,.82,.25,1)!important;
}
.vehicle-dashboard:not(.cockpit-live) .cockpit-hud-cell strong,
.vehicle-dashboard:not(.cockpit-live) .dash-gauge-readout b{
  opacity:.15!important;
}
.vehicle-dashboard .cockpit-hud-cell strong,
.vehicle-dashboard .dash-gauge-readout b{
  transition:opacity .65s ease .35s!important;
}

/* Slight glass sheen across main cluster */
.vehicle-dashboard .dash-car-cluster:after{
  content:""!important;
  position:absolute!important;
  inset:1px 1px auto 1px!important;
  height:34%!important;
  width:auto!important;
  border-radius:17px 17px 45% 45%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)!important;
  pointer-events:none!important;
  box-shadow:none!important;
}

/* Mobile cockpit */
@media(max-width:1100px){
  .cockpit-hud{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .cockpit-brand-mark{display:none!important}
  .cockpit-hud-cell{
    min-height:63px!important;
  }
}
@media(max-width:760px){
  .cockpit-page-head{
    align-items:flex-start!important;
  }
  .cockpit-hud{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .cockpit-hud-cell{
    min-height:58px!important;
    padding:8px!important;
  }
  .cockpit-hud-cell strong{font-size:16px!important}
  .cockpit-warning-strip{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
  }
  .cockpit-warning-light{
    flex:0 0 auto!important;
  }
  .vehicle-dashboard .dashboard-bar-row{
    grid-template-columns:92px 1fr 72px!important;
  }
}
@media(max-width:480px){
  .cockpit-hud{
    grid-template-columns:1fr 1fr!important;
  }
  .cockpit-hud-cell.hud-system{
    grid-column:1/-1!important;
  }
}


/* ==========================================================
   v7.8.1 — Gallery 2.0 Automotive Media Cockpit
   ========================================================== */
.auto-gallery{
  --ag-blue:#38bdf8;
  --ag-cyan:#22d3ee;
  --ag-green:#34d399;
  --ag-panel:#07121e;
  position:relative;
  isolation:isolate;
  padding-bottom:24px;
}
.auto-gallery:before{
  content:"";
  position:absolute;
  inset:-16px -16px -24px;
  z-index:-1;
  border-radius:20px;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(30,113,172,.12),transparent 42%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.011) 0 2px,transparent 2px 6px),
    #050b12;
}
.auto-gallery-head{
  align-items:center!important;
  margin-bottom:10px!important;
}
.auto-gallery-head h1{margin:3px 0!important}
.gallery-cluster-strip{
  display:grid;
  grid-template-columns:150px repeat(4,minmax(120px,1fr));
  gap:1px;
  overflow:hidden;
  margin-bottom:10px;
  padding:1px;
  border:1px solid #2b4562;
  border-radius:15px 15px 8px 8px;
  background:#1a2d42;
  box-shadow:inset 0 0 22px rgba(0,0,0,.55),0 8px 20px rgba(0,0,0,.2);
}
.gallery-cluster-brand,
.gallery-cluster-readout{
  min-height:70px;
  padding:10px 12px;
  display:grid;
  align-content:center;
  justify-items:center;
  background:linear-gradient(180deg,#0e2034,#06101b);
}
.gallery-cluster-brand span{
  color:#eaf8ff!important;
  font-size:18px!important;
  font-weight:950!important;
  font-style:italic;
  letter-spacing:.04em;
  text-shadow:0 0 12px rgba(56,189,248,.4);
}
.gallery-cluster-brand b{
  color:var(--ag-blue)!important;
  font-size:8px!important;
  letter-spacing:.14em;
}
.gallery-cluster-readout{
  gap:2px;
  border-left:1px solid #1b3047;
}
.gallery-cluster-readout small{
  color:#738ca8!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
.gallery-cluster-readout strong{
  color:#e9f8ff!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 0 9px rgba(56,189,248,.2);
}
.gallery-cluster-readout span{
  color:#6f8ba7!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.gallery-cluster-readout.gallery-ready strong{
  color:#62dfa0!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-shadow:0 0 9px rgba(52,211,153,.3);
}
.gallery-control-console{
  padding:11px!important;
  margin-bottom:10px!important;
  border-color:#263e59!important;
  background:linear-gradient(180deg,#0c1b2d,#07121f)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03),inset 0 -12px 24px rgba(0,0,0,.15)!important;
}
.gallery-console-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 2px 8px;
}
.gallery-console-title>span{
  display:flex;
  align-items:center;
  gap:7px;
  color:#7acdf8!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.gallery-console-title i,
.gallery-display-head>div:first-child>i,
.gallery-display-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#31c7ff;
  box-shadow:0 0 8px #31c7ff;
}
.gallery-console-title small{color:#637d99!important;font-size:9px!important}
.gallery-filter-bar{
  display:grid!important;
  grid-template-columns:minmax(220px,1.5fr) minmax(140px,.65fr) minmax(150px,.75fr) auto!important;
  gap:8px!important;
  align-items:end!important;
}
.gallery-filter-bar label{
  display:grid!important;
  gap:4px!important;
}
.gallery-filter-bar label>span{
  color:#6f8ca8!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}
.gallery-filter-bar input,
.gallery-filter-bar select{
  min-height:38px!important;
  border-color:#223b57!important;
  background:#050e18!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35)!important;
}
.gallery-filter-button{min-height:38px!important}
.gallery-display-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:34px;
  padding:5px 9px;
  margin-bottom:7px;
  border:1px solid #1d3249;
  border-radius:8px;
  background:#060e17;
}
.gallery-display-head>div{
  display:flex;
  align-items:center;
  gap:7px;
}
.gallery-display-head span{
  color:#7bcdf7!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.gallery-display-head small{
  color:#627b96!important;
  font-size:8px!important;
}
.gallery-display-status{
  color:#5dd995!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}
.gallery-display-status i{
  background:#35d47d;
  box-shadow:0 0 8px #35d47d;
}
.auto-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  gap:9px!important;
}
.auto-gallery-card{
  position:relative!important;
  display:grid!important;
  grid-template-rows:160px auto!important;
  min-width:0!important;
  padding:6px!important;
  overflow:hidden!important;
  border:1px solid #203851!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#0c1a2a,#06101b)!important;
  color:#fff!important;
  text-align:left!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 4px 12px rgba(0,0,0,.16)!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.auto-gallery-card:hover{
  transform:translateY(-2px)!important;
  border-color:#3c7199!important;
  box-shadow:0 0 16px rgba(44,158,220,.12),0 7px 14px rgba(0,0,0,.2)!important;
}
.gallery-card-screen{
  position:relative;
  display:grid;
  place-items:center;
  min-width:0;
  overflow:hidden;
  border:1px solid #172c40;
  border-radius:8px;
  background:
    linear-gradient(rgba(47,103,145,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,103,145,.035) 1px,transparent 1px),
    #030911;
  background-size:20px 20px;
}
.gallery-card-screen img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.gallery-screen-corner{
  position:absolute!important;
  right:5px!important;
  top:5px!important;
  padding:3px 5px!important;
  border:1px solid #1f4664!important;
  border-radius:4px!important;
  background:rgba(3,11,18,.82)!important;
  color:#4fc5fa!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}
.gallery-card-data{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2px 7px;
  padding:8px 25px 4px 4px;
}
.gallery-card-name{
  grid-column:1/-1;
  min-width:0;
  overflow:hidden;
  color:#f1f7fc!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.gallery-card-data small{
  color:#708ba7!important;
  font-size:8px!important;
  font-weight:700!important;
}
.gallery-card-data em{
  justify-self:end;
  color:#55c8f8!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
.gallery-card-open{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#10263d!important;
  color:#65c9f6!important;
  font-size:16px!important;
}
.gallery-empty-console{
  grid-column:1/-1;
  min-height:150px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  border:1px dashed #28425e;
  border-radius:12px;
  background:#06101a;
}
.gallery-empty-console b{color:#7fcff5!important;font-size:11px!important;letter-spacing:.08em}
.gallery-empty-console span{color:#6e849b!important;font-size:10px!important}
.auto-gallery-lightbox{
  width:min(1000px,92vw)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #355775!important;
  border-radius:14px!important;
  background:#050d16!important;
  box-shadow:0 22px 70px rgba(0,0,0,.7),0 0 30px rgba(32,142,201,.12)!important;
}
.auto-gallery-lightbox::backdrop{background:rgba(0,5,10,.86)!important}
.gallery-lightbox-top{
  min-height:40px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #20364e;
  background:#0b1929;
}
.gallery-lightbox-top span{
  color:#63c8f7!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.gallery-lightbox-top button{
  position:static!important;
  width:27px!important;
  height:27px!important;
  padding:0!important;
  border:1px solid #314c69!important;
  border-radius:7px!important;
  background:#0b1623!important;
  color:#d8e8f5!important;
  font-size:18px!important;
}
.gallery-lightbox-screen{
  height:min(70vh,700px);
  display:grid;
  place-items:center;
  padding:12px;
  background:
    linear-gradient(rgba(42,92,128,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,92,128,.035) 1px,transparent 1px),
    #02070c;
  background-size:30px 30px;
}
.gallery-lightbox-screen img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}
.auto-gallery-lightbox h3{
  margin:0!important;
  padding:10px 13px!important;
  border-top:1px solid #1c3248!important;
  color:#eaf5fd!important;
  font-size:12px!important;
  background:#08131f!important;
}
@media(max-width:900px){
  .gallery-cluster-strip{grid-template-columns:repeat(2,1fr)!important}
  .gallery-cluster-brand{grid-column:1/-1!important;min-height:48px!important}
  .gallery-filter-bar{grid-template-columns:1fr 1fr!important}
  .gallery-filter-bar label:first-of-type{grid-column:1/-1!important}
}
@media(max-width:620px){
  .gallery-cluster-strip{grid-template-columns:1fr 1fr!important}
  .gallery-filter-bar{grid-template-columns:1fr!important}
  .gallery-filter-bar label:first-of-type{grid-column:auto!important}
  .auto-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .auto-gallery-card{grid-template-rows:120px auto!important}
}
@media(max-width:430px){
  .auto-gallery-grid{grid-template-columns:1fr!important}
  .auto-gallery-card{grid-template-rows:165px auto!important}
}


/* v7.8.2 — Gallery 2.0 lightbox visibility hotfix
   Legacy .gallery-lightbox CSS forced dialogs visible even when closed. */
dialog.gallery-lightbox.auto-gallery-lightbox:not([open]){
  display:none!important;
}
dialog.gallery-lightbox.auto-gallery-lightbox[open]{
  display:block!important;
}
.auto-gallery-lightbox[open] .gallery-lightbox-screen{
  display:grid!important;
}


/* ==========================================================
   v7.9.0 — Automotive UI Unification
   Collection / Photo / Value / Storage / System
   ========================================================== */
.auto-console{
  --auto-blue:#38bdf8;
  --auto-cyan:#22d3ee;
  --auto-green:#34d399;
  --auto-amber:#fbbf24;
  --auto-red:#fb5b64;
  --auto-panel:#08131f;
  position:relative;
  isolation:isolate;
  padding-bottom:22px;
}
.auto-console:before{
  content:"";
  position:absolute;
  inset:-14px -14px -22px;
  z-index:-2;
  pointer-events:none;
  border-radius:22px;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(33,115,176,.11),transparent 42%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.01) 0 2px,transparent 2px 6px),
    #050b12;
}
.auto-console:after{
  content:"";
  position:absolute;
  left:-4px;right:-4px;top:-3px;height:2px;
  z-index:-1;
  background:linear-gradient(90deg,transparent,var(--auto-blue),var(--auto-cyan),transparent);
  opacity:.45;
}
.auto-console-head{
  padding:10px 2px!important;
  margin-bottom:9px!important;
}
.auto-console-head h1{margin:3px 0!important}
.auto-console .panel,
.auto-service-panel{
  border-color:#253c56!important;
  background:linear-gradient(180deg,rgba(13,29,47,.96),rgba(6,15,25,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -14px 24px rgba(0,0,0,.13),0 6px 16px rgba(0,0,0,.14)!important;
}
.auto-console .section-head,
.auto-console .panel-head{
  border-bottom-color:#1b3046!important;
}
.auto-console .section-head .eyebrow,
.auto-console .panel-head .eyebrow{
  color:#5fc8f7!important;
  letter-spacing:.12em!important;
}
.auto-control-panel{
  border-color:#29445f!important;
  background:
    linear-gradient(180deg,rgba(15,35,56,.96),rgba(6,16,27,.98))!important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.18)!important;
}
.auto-control-panel input,
.auto-control-panel select{
  border-color:#263f5b!important;
  background:#050d16!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.32)!important;
}
.telemetry-state{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 7px!important;
  border:1px solid #285274!important;
  border-radius:6px!important;
  background:#0b1d2d!important;
  color:#62c9f7!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.telemetry-state.good{color:#6ee7a6!important;border-color:#286347!important;background:#0b2118!important}
.telemetry-state.bad{color:#ff8c92!important;border-color:#6e3035!important;background:#251014!important}
.telemetry-state.warn{color:#ffd16b!important;border-color:#6b531f!important;background:#241b08!important}

/* Collection Hub */
.auto-status-rail,
.photo-console-rail,
.storage-system-rail{
  display:grid;
  grid-template-columns:repeat(5,minmax(100px,1fr));
  gap:1px;
  padding:1px;
  margin-bottom:10px;
  overflow:hidden;
  border:1px solid #2a435f;
  border-radius:13px;
  background:#1a2c41;
}
.photo-console-rail,
.storage-system-rail{grid-template-columns:repeat(4,1fr)}
.auto-status-rail>div,
.photo-console-rail>div,
.storage-system-rail>div{
  min-height:65px;
  padding:9px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:2px;
  background:linear-gradient(180deg,#0d1e30,#06101a);
}
.auto-status-rail small,
.photo-console-rail small,
.storage-system-rail small{
  color:#6f88a4!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
.auto-status-rail b,
.photo-console-rail b,
.storage-system-rail b{
  color:#eaf7ff!important;
  font-size:18px!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
.auto-status-rail span,
.photo-console-rail span,
.storage-system-rail span{
  color:#6d87a2!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.auto-status-rail .ok b,.photo-console-rail .ok b,.storage-system-rail .ok b{color:#69dea0!important}
.auto-status-rail .warn b,.photo-console-rail .warn b,.storage-system-rail .warn b{color:#ffc85c!important}
.auto-status-rail .danger b{color:#ff7b82!important}
.auto-hub-stats .stat{
  border:1px solid #1f3650!important;
  background:#07131f!important;
  border-radius:10px!important;
}
.auto-hub-stats .stat strong{
  color:#78d6ff!important;
  font-variant-numeric:tabular-nums!important;
}
.auto-collection-hub .progress-track{
  height:11px!important;
  background:#050c13!important;
  border:1px solid #1d334a!important;
  border-radius:999px!important;
}
.auto-collection-hub .progress-track i{
  background:linear-gradient(90deg,#0ea5e9,#22d3ee,#34d399)!important;
  box-shadow:0 0 8px rgba(34,211,238,.32)!important;
}

/* Collection inventory */
.inventory-cluster-label,
.auto-feed-head{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.inventory-cluster-label{
  min-height:31px;
  margin:2px 0 8px;
  padding:6px 9px;
  border:1px solid #1c324a;
  border-radius:8px;
  background:#060e17;
}
.inventory-cluster-label i{
  width:7px;height:7px;border-radius:50%;
  background:#38bdf8;box-shadow:0 0 8px #38bdf8;
}
.inventory-cluster-label span{
  color:#70cffa!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;
}
.inventory-cluster-label small{margin-left:auto;color:#607991!important;font-size:8px!important}
.auto-summary-cluster .collection-summary-card{
  border-color:#223c57!important;
  background:
    radial-gradient(circle at 15% 50%,rgba(56,189,248,.08),transparent 35%),
    linear-gradient(180deg,#0c1b2c,#07121e)!important;
}
.auto-summary-cluster .v7-summary-icon{
  color:#51c7fb!important;
  background:#0a2940!important;
  border:1px solid #174d70!important;
  box-shadow:0 0 14px rgba(56,189,248,.09)!important;
}
.auto-summary-cluster strong{
  font-variant-numeric:tabular-nums!important;
}
.auto-inventory-console .v7-car-card{
  border-color:#203851!important;
  background:linear-gradient(180deg,#0b1929,#06101b)!important;
}
.auto-inventory-console .v7-car-card:hover{
  border-color:#3b739a!important;
  box-shadow:0 0 18px rgba(56,189,248,.1)!important;
}
.auto-inventory-console .collection-table-wrap{
  border-color:#243c56!important;
  background:#06101a!important;
}
.auto-inventory-console .collection-pro-table th{
  background:#0c1d2e!important;
  color:#8bd5f6!important;
}
.auto-inventory-console .collection-pro-table tbody tr:hover{
  background:#0a1b2c!important;
}

/* Photo Studio */
.photo-search-console{
  margin-bottom:10px!important;
}
.photo-workstation{
  grid-template-columns:290px minmax(0,1fr)!important;
}
.media-browser-panel{
  border-color:#263e59!important;
  background:#06111d!important;
}
.media-browser-panel>a{
  border:1px solid transparent!important;
}
.media-browser-panel>a.active{
  border-color:#2f7198!important;
  background:linear-gradient(90deg,rgba(31,126,181,.18),#0b1e30)!important;
  box-shadow:inset 3px 0 #38bdf8!important;
}
.media-editor-panel{
  border-color:#2a435f!important;
}
.auto-photo-console .upload-strip,
.auto-photo-console .photo-bulkbar{
  padding:9px!important;
  border:1px solid #1f3851!important;
  border-radius:10px!important;
  background:#06111c!important;
}
.auto-photo-console .photo-v7-card{
  border-color:#203950!important;
  background:linear-gradient(180deg,#0a1928,#05101a)!important;
}
.auto-photo-console .photo-v7-card:hover{
  border-color:#3a759d!important;
}
.auto-photo-console .photo-v7-img{
  background:
    linear-gradient(rgba(48,104,145,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(48,104,145,.035) 1px,transparent 1px),
    #020911!important;
  background-size:22px 22px!important;
}

/* Value Center */
.value-telemetry-cluster{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-bottom:12px;
}
.value-telemetry-card{
  min-height:92px;
  padding:13px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:4px;
  border:1px solid #253e59;
  border-radius:13px;
  background:
    radial-gradient(circle at 50% 30%,var(--vt-soft,rgba(56,189,248,.12)),transparent 55%),
    linear-gradient(180deg,#0c1c2e,#06101a);
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -12px 20px rgba(0,0,0,.2);
}
.value-telemetry-card small{color:#718ba6!important;font-size:8px!important;font-weight:900!important;letter-spacing:.1em!important}
.value-telemetry-card strong{font-size:24px!important;line-height:1!important;color:var(--vt,#67d2ff)!important;font-variant-numeric:tabular-nums!important;text-shadow:0 0 11px var(--vt-soft)!important}
.value-telemetry-card span{font-size:7px!important;font-weight:900!important;letter-spacing:.09em!important;color:#68829d!important}
.value-telemetry-card.cyan{--vt:#5ed8ff;--vt-soft:rgba(34,211,238,.18)}
.value-telemetry-card.amber{--vt:#ffc85a;--vt-soft:rgba(251,191,36,.16)}
.value-telemetry-card.green{--vt:#65dfa0;--vt-soft:rgba(52,211,153,.17)}
.value-telemetry-card.red{--vt:#ff7c83;--vt-soft:rgba(251,91,100,.17)}
.value-telemetry-card.blue{--vt:#65baff;--vt-soft:rgba(59,130,246,.16)}
.value-movers .list-row,
.value-breakdowns .value-row{
  border-bottom-color:#173048!important;
}
.gain-panel .list-row strong{color:#64dfa0!important}
.loss-panel .list-row strong{color:#ff7f87!important}
.value-breakdowns .value-row b{color:#71d6ff!important}
.value-table-panel table td:last-child{font-weight:800!important}

/* Storage cargo console */
.storage-transfer-console{
  margin-bottom:12px!important;
}
.auto-storage-board{
  gap:10px!important;
}
.auto-storage-bay{
  border-color:#203a55!important;
}
.auto-storage-bay .section-head{
  padding-bottom:8px!important;
}
.auto-storage-bay .badge{
  background:#0a2942!important;
  border:1px solid #20577e!important;
  color:#71d5ff!important;
}
.auto-storage-console .storage-copy-list>a{
  border:1px solid #182f45!important;
  border-radius:8px!important;
  margin-bottom:5px!important;
  background:#06121e!important;
}
.auto-storage-console .storage-copy-list>a:hover{
  border-color:#376a8e!important;
  background:#0a1c2c!important;
}
.unassigned-storage-panel{
  border-color:#654921!important;
}
.unassigned-storage-panel .storage-copy-list>a{
  border-color:#4f3c20!important;
}

/* System diagnostic service bay */
.system-diagnostic-rail{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  min-height:37px;
  margin-bottom:10px;
  padding:6px 9px;
  border:1px solid #1f354d;
  border-radius:9px;
  background:#060e17;
}
.system-diagnostic-rail span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 7px!important;
  border:1px solid #1a3046!important;
  border-radius:6px!important;
  color:#748fa9!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.system-diagnostic-rail i{
  width:7px;height:7px;border-radius:50%;
  background:#fbbf24;box-shadow:0 0 7px rgba(251,191,36,.7);
}
.system-diagnostic-rail i.ok{background:#34d399;box-shadow:0 0 7px #34d399}
.system-diagnostic-rail i.warn{background:#fb5b64;box-shadow:0 0 7px #fb5b64}
.auto-system-summary .system-summary-card,
.auto-system-summary .stat-card{
  border-color:#223b55!important;
  background:linear-gradient(180deg,#0c1b2c,#06111c)!important;
}
.auto-system-summary .good strong{color:#69dfa1!important}
.auto-system-summary .warn strong{color:#ffca62!important}
.diagnostic-tool-grid .system-tool-panel,
.diagnostic-tool-grid .hub-card{
  border-color:#223b55!important;
}
.diagnostic-tool-grid .system-tool-list>a{
  border-bottom-color:#173047!important;
}
.diagnostic-tool-grid .system-tool-list>a:hover{
  background:#0a1c2c!important;
}
.diagnostic-tool-grid .system-tool-icon{
  color:#63cef9!important;
  background:#0a2941!important;
  border:1px solid #1e567d!important;
}
.system-env-grid>div{
  border-color:#203851!important;
  background:#06121e!important;
}
.system-env-grid .good b{color:#67dea0!important}
.system-env-grid .warn b{color:#ffca61!important}

@media(max-width:980px){
  .auto-status-rail{grid-template-columns:repeat(3,1fr)}
  .photo-console-rail,.storage-system-rail{grid-template-columns:repeat(2,1fr)}
  .value-telemetry-cluster{grid-template-columns:repeat(2,1fr)}
  .photo-workstation{grid-template-columns:1fr!important}
  .media-browser-panel{max-height:300px!important}
}
@media(max-width:620px){
  .auto-status-rail{grid-template-columns:repeat(2,1fr)}
  .auto-status-rail>div:last-child{grid-column:1/-1}
  .photo-console-rail,.storage-system-rail{grid-template-columns:1fr 1fr}
  .value-telemetry-cluster{grid-template-columns:1fr 1fr}
}


/* ==========================================================
   v8.0.0 — Search Center / Warning Center / Timeline / Reports
   ========================================================== */

/* Search Center 3.0 */
.search3-status-rail,.smart-view-rail{
 display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;margin-bottom:10px;
 border:1px solid #29445f;border-radius:13px;background:#1a2c41;overflow:hidden
}
.smart-view-rail{grid-template-columns:repeat(3,1fr)}
.search3-status-rail>div,.smart-view-rail>div{
 min-height:67px;display:grid;align-content:center;justify-items:center;gap:2px;padding:8px;
 background:linear-gradient(180deg,#0d1e31,#06101a)
}
.search3-status-rail small,.smart-view-rail small{font-size:7px!important;font-weight:900!important;letter-spacing:.11em!important;color:#728ca7!important}
.search3-status-rail b,.smart-view-rail b{font-size:19px!important;line-height:1!important;color:#e8f7ff!important;font-variant-numeric:tabular-nums!important}
.search3-status-rail span,.smart-view-rail span{font-size:7px!important;font-weight:900!important;letter-spacing:.08em!important;color:#67829e!important}
.search3-status-rail .ok b,.smart-view-rail .ok b{color:#64dda0!important}
.search3-builder{display:grid!important;gap:12px!important}
.search3-section-head{display:flex;align-items:center;gap:9px;padding-top:4px;border-top:1px solid #1b3249}
.search3-section-head:first-of-type{border-top:0}
.search3-section-head>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0b2a43;border:1px solid #215c83;color:#66cef8;font-size:9px;font-weight:900}
.search3-section-head>div{display:grid}.search3-section-head b{font-size:12px}.search3-section-head small{font-size:9px;color:#728aa3}
.search3-keyword-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,.4fr);gap:9px}
.search3-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.search3-builder label{display:grid!important;gap:4px!important}
.search3-builder label>span{font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;color:#718da8!important;text-transform:uppercase}
.search3-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.search3-checks label{display:flex!important;align-items:center;gap:8px;padding:9px;border:1px solid #1c344b;border-radius:9px;background:#06121d}
.search3-checks input{width:auto!important}
.search3-checks label>span{display:grid!important;text-transform:none!important;letter-spacing:0!important}.search3-checks b{font-size:10px}.search3-checks small{font-size:8px;color:#6f869e}
.search3-actions{display:flex;justify-content:flex-end;gap:7px}
.search3-save-form{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,.65fr) auto;gap:10px;align-items:end}
.search3-save-form>div{display:grid;gap:2px}.search3-save-form small{color:#70879f;font-size:9px}
.search3-result-list{display:grid;gap:6px}
.search3-result-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto 22px;gap:10px;align-items:center;padding:6px 8px;border:1px solid #1b334a;border-radius:10px;background:#06121e;text-decoration:none;color:#fff}
.search3-result-row:hover{border-color:#386d91;background:#091b2c}
.search3-thumb{width:62px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid #213b55;border-radius:8px;background:#030a11;color:#66819d;font-size:9px;font-weight:900}
.search3-thumb img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.search3-result-main{display:grid;gap:3px;min-width:0}.search3-result-main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.search3-result-main small{color:#758ca4;font-size:9px}
.search3-result-state{display:grid;justify-items:end;gap:3px}.search3-result-state small{color:#58c8f6;font-size:7px;font-weight:900;letter-spacing:.08em}.search3-result-state b{font-size:12px;color:#6ee7b7}
.search3-result-row>i{color:#5bc4f2;font-style:normal;font-size:18px}
.smart-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:9px}
.smart-view-card{display:grid;gap:10px;padding:13px;border:1px solid #203951;border-radius:12px;background:linear-gradient(180deg,#0a1929,#06101a)}
.smart-view-top{display:flex;justify-content:space-between;align-items:center}.smart-view-top small{color:#687f97;font-size:8px}.smart-view-card h3{margin:0!important}
.smart-view-rules{display:flex;flex-wrap:wrap;gap:5px}.smart-view-rules span{display:inline-flex;gap:4px;padding:4px 6px;border:1px solid #1b3248;border-radius:6px;background:#07131f;color:#8aa0b6;font-size:8px}.smart-view-rules b{color:#56c9f8}

/* Warning Center */
.warning-cluster{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}
.warning-cluster>div{min-height:80px;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid #283e56;border-radius:12px;background:#08131f}
.warning-cluster small{font-size:8px!important;font-weight:900!important;letter-spacing:.1em!important}.warning-cluster b{font-size:24px!important;line-height:1!important}.warning-cluster span{font-size:7px!important;color:#6d859d!important;font-weight:900!important}
.warning-cluster .critical{border-color:#6b2830;background:#210b10}.warning-cluster .critical b{color:#ff6872}
.warning-cluster .warning{border-color:#66501e;background:#211a08}.warning-cluster .warning b{color:#ffc958}
.warning-cluster .info b{color:#64cffa}.warning-cluster .ok{border-color:#245d43;background:#091d15}.warning-cluster .ok b{color:#65dfa0}
.warning-list{display:grid;gap:7px}.warning-message{display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;gap:10px;align-items:center;padding:9px;border:1px solid #1d334a;border-radius:10px;background:#06121e;color:#fff;text-decoration:none}
.warning-message:hover{border-color:#3b6d91}.warning-lamp{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:950;background:#0b2235;color:#64cff8;border:1px solid #215272}
.warning-message>span:nth-child(2){display:grid;gap:3px}.warning-message>span:nth-child(2)b{font-size:11px}.warning-message>span:nth-child(2)small{font-size:9px;color:#7c91a8}.warning-message>strong{font-size:15px;font-variant-numeric:tabular-nums}.warning-message>i{font-style:normal;font-size:18px}
.severity-critical{border-color:#642a31!important;background:#200b10!important}.severity-critical .warning-lamp{color:#ff6d76;border-color:#71313a;background:#2c0d13;box-shadow:0 0 11px rgba(251,91,100,.16)}
.severity-warning{border-color:#58471f!important;background:#1a1508!important}.severity-warning .warning-lamp{color:#ffcb5a;border-color:#68511f;background:#261b07}
.severity-info .warning-lamp{color:#62d2ff}.severity-ok{opacity:.8}.severity-ok .warning-lamp{color:#64dda0;border-color:#286044;background:#0b2118}
.warning-all-clear{min-height:130px;display:grid;place-items:center;align-content:center;gap:5px}.warning-all-clear i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0d2b1d;color:#62dda0;font-size:20px;font-style:normal}.warning-all-clear span{color:#748ba1;font-size:9px}

/* Car Timeline 3.0 */
.car-timeline3-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.car-timeline3-head h2{margin:3px 0!important}.car-timeline3-head p{margin:0!important}
.timeline3-list{position:relative;display:grid;gap:0;padding-left:6px}.timeline3-event{--tl:#38bdf8;display:grid;grid-template-columns:16px 90px minmax(0,1fr);gap:12px;min-height:64px;position:relative}
.timeline3-event:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#1f3850}.timeline3-event:last-child:before{bottom:50%}
.timeline3-node{position:relative;z-index:2;width:14px;height:14px;margin-top:10px;border-radius:50%;background:var(--tl);border:3px solid #08131f;box-shadow:0 0 9px var(--tl)}
.timeline3-date{display:grid;align-content:start;padding-top:7px}.timeline3-date b{font-size:10px}.timeline3-date small{font-size:8px;color:#6f879f}
.timeline3-copy{display:grid;align-content:start;gap:3px;padding:7px 10px 12px;border-bottom:1px solid #172d42}.timeline3-copy>span{font-size:7px;color:var(--tl);font-weight:900;letter-spacing:.1em}.timeline3-copy b{font-size:11px}.timeline3-copy small{font-size:9px;color:#8195aa;line-height:1.4}
.tone-green{--tl:#34d399}.tone-cyan{--tl:#22d3ee}.tone-amber{--tl:#fbbf24}.tone-red{--tl:#fb5b64}.tone-purple{--tl:#a78bfa}.tone-blue{--tl:#38bdf8}

/* Reports & Analytics 3.0 */
.report3-telemetry,.analytics3-cluster{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.analytics3-cluster{grid-template-columns:repeat(5,1fr)}
.report3-telemetry>div,.analytics3-cluster>div{min-height:80px;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid #253d57;border-radius:12px;background:linear-gradient(180deg,#0c1b2c,#06111b)}
.report3-telemetry small,.analytics3-cluster small{font-size:7px!important;font-weight:900!important;letter-spacing:.1em!important;color:#7289a1!important}.report3-telemetry b,.analytics3-cluster b{font-size:19px!important;line-height:1!important;color:#eaf7ff!important;font-variant-numeric:tabular-nums!important}.report3-telemetry span,.analytics3-cluster span{font-size:7px!important;font-weight:900!important;color:#66819a!important;letter-spacing:.08em!important}
.report3-telemetry .ok b,.analytics3-cluster .green b{color:#64dfa0!important}.report3-telemetry .danger b,.analytics3-cluster .red b{color:#ff737b!important}.analytics3-cluster .cyan b{color:#5ddcff!important}.analytics3-cluster .amber b{color:#ffca5e!important}.analytics3-cluster .blue b{color:#65bdf9!important}
.report3-controls{display:grid!important;grid-template-columns:minmax(220px,1fr) 150px 150px auto auto!important;gap:8px!important;align-items:end!important}.report3-controls label{display:grid!important;gap:4px!important}.report3-controls label>span{font-size:8px!important;font-weight:900!important;color:#748da6!important;letter-spacing:.08em!important;text-transform:uppercase}
.report3-sheet{border-color:#2c4560!important}.report3-sheet .report-title{border-bottom:2px solid #23455f!important}.report3-sheet table th{color:#6fcff6!important;background:#0c1b2b!important}
.analytics-warning-mini{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;padding:7px 9px;border:1px solid #1d3349;border-radius:8px;background:#06111c;font-size:8px;color:#728aa3}.analytics-warning-mini span{color:#61caf7;font-weight:900;letter-spacing:.08em}.analytics-warning-mini b{font-size:8px}
.analytics3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics3-grid .panel{border-color:#243c56!important;background:linear-gradient(180deg,#0b1a2a,#06101b)!important}
.analytics3-grid .v68-chart{min-height:220px;padding:9px;border:1px solid #19334a;border-radius:9px;background:linear-gradient(rgba(47,102,143,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(47,102,143,.06) 1px,transparent 1px),#040c14;background-size:25px 25px}
.analytics3-grid .v68-bar i{background:linear-gradient(180deg,#39d5ff,#148dcc)!important;box-shadow:0 0 7px rgba(57,213,255,.35)!important}
.analytics3-grid .dashboard-bar-row i{background:linear-gradient(90deg,#168fd1,#22d3ee,#34d399)!important}

@media(max-width:950px){
 .search3-rule-grid{grid-template-columns:repeat(2,1fr)}.search3-checks{grid-template-columns:repeat(2,1fr)}
 .report3-controls{grid-template-columns:1fr 1fr}.report3-controls label:first-of-type{grid-column:1/-1}
 .analytics3-cluster{grid-template-columns:repeat(3,1fr)}.analytics3-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .search3-status-rail,.warning-cluster,.report3-telemetry{grid-template-columns:repeat(2,1fr)}
 .smart-view-rail{grid-template-columns:1fr}.search3-keyword-row,.search3-rule-grid{grid-template-columns:1fr}.search3-checks{grid-template-columns:1fr}
 .search3-save-form{grid-template-columns:1fr}.search3-result-row{grid-template-columns:54px minmax(0,1fr) auto}.search3-result-row>i{display:none}.search3-result-state{grid-column:2;justify-items:start}
 .timeline3-event{grid-template-columns:16px 70px minmax(0,1fr);gap:8px}.car-timeline3-head{flex-direction:column}
 .analytics3-cluster{grid-template-columns:repeat(2,1fr)}.analytics3-cluster>div:last-child{grid-column:1/-1}
 .report3-controls{grid-template-columns:1fr}
}


/* ==========================================================
   v8.0.1 — Live dashboard gauge needles
   ========================================================== */

/* Mini gauges start at the zero stop. Once JS marks the gauge live, the
   needle moves to the server-calculated angle for the current statistic. */
.dash-car-gauge.live-needle-gauge:after{
  transform:translateX(-50%) rotate(-60deg)!important;
  transition:transform 1.05s cubic-bezier(.18,.78,.18,1.08)!important;
  opacity:.92!important;
}
.dash-car-gauge.live-needle-gauge.needle-at-value:after{
  transform:translateX(-50%) rotate(var(--needle-angle, -60deg))!important;
}
.dash-car-gauge.live-needle-gauge.gauge-pl:after{
  /* P/L is a centered dial: -100% left, 0 straight up, +100% right. */
  transform:translateX(-50%) rotate(-60deg)!important;
}
.dash-car-gauge.live-needle-gauge.gauge-pl.needle-at-value:after{
  transform:translateX(-50%) rotate(var(--needle-angle, 0deg))!important;
}
.dash-gauge-range{
  position:absolute!important;
  z-index:4!important;
  left:15px!important;
  right:15px!important;
  top:88px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  pointer-events:none!important;
  color:#728aa3!important;
  font-size:7px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}
.dash-gauge-range span,.dash-gauge-range em{
  font:inherit!important;
  color:inherit!important;
  font-style:normal!important;
  text-shadow:0 1px 2px #000!important;
}
.dash-car-gauge.gauge-pl .dash-gauge-range span{color:#f87980!important}
.dash-car-gauge.gauge-pl .dash-gauge-range em{color:#62dfa0!important}

/* The large completion speedometer now performs a real sweep from 0 to the
   current photo-coverage percentage rather than appearing at its target. */
.live-completion-speedometer .speedo-needle-wrap{
  transform:rotate(-120deg)!important;
  transition:transform 1.2s cubic-bezier(.18,.78,.18,1.06)!important;
}
.live-completion-speedometer.needle-at-value .speedo-needle-wrap{
  transform:rotate(var(--target-speedo-angle, -120deg))!important;
}

/* Respect users who request reduced motion while still landing on the
   mathematically correct value immediately. */
@media (prefers-reduced-motion: reduce){
  .dash-car-gauge.live-needle-gauge:after,
  .live-completion-speedometer .speedo-needle-wrap{
    transition:none!important;
  }
}


/* ==========================================================
   v8.0.2 — Mobile instrument gauge visibility hotfix
   Keeps the digital statistic display below the analog dial so
   the needle, hub, ticks and sweep remain fully visible.
   ========================================================== */
.dash-car-gauge.live-needle-gauge{
  min-height:190px!important;
  grid-template-rows:auto 1fr auto!important;
  padding-bottom:12px!important;
}
.dash-car-gauge.live-needle-gauge:before{
  top:39px!important;
  height:72px!important;
}
.dash-car-gauge.live-needle-gauge:after{
  top:63px!important;
  height:45px!important;
  transform-origin:50% 41px!important;
}
.dash-car-gauge.live-needle-gauge .dash-gauge-icon{
  top:60px!important;
}
.dash-car-gauge.live-needle-gauge .dash-gauge-scale{
  top:62px!important;
}
.dash-car-gauge.live-needle-gauge .dash-gauge-range{
  top:105px!important;
}
.dash-car-gauge.live-needle-gauge .dash-gauge-readout{
  position:relative!important;
  z-index:6!important;
  align-self:end!important;
  margin-top:90px!important;
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:#030a12!important;
  border:1px solid #203b59!important;
  border-radius:12px!important;
  box-shadow:inset 0 0 16px rgba(0,0,0,.55)!important;
}

/* Phones get extra dial-to-readout separation. */
@media(max-width:760px){
  .dash-car-gauge.live-needle-gauge{
    min-height:205px!important;
    padding:13px 12px 12px!important;
  }
  .dash-car-gauge.live-needle-gauge:before{
    left:20px!important;
    right:20px!important;
    top:42px!important;
    height:78px!important;
  }
  .dash-car-gauge.live-needle-gauge:after{
    top:68px!important;
    height:48px!important;
    transform-origin:50% 44px!important;
  }
  .dash-car-gauge.live-needle-gauge .dash-gauge-icon{
    top:64px!important;
  }
  .dash-car-gauge.live-needle-gauge .dash-gauge-scale{
    top:66px!important;
  }
  .dash-car-gauge.live-needle-gauge .dash-gauge-range{
    top:113px!important;
  }
  .dash-car-gauge.live-needle-gauge .dash-gauge-readout{
    margin-top:104px!important;
    min-height:64px!important;
  }
}


/* ==========================================================
   v8.1.0 — Photo Health Center 2.0 + Dashboard Gauges 2.0
   ========================================================== */
.photo-health-shortcut{display:flex;justify-content:flex-end;margin-bottom:8px}
.photo-health-cluster{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:10px}
.photo-health-cluster>a{min-height:78px;display:grid;place-items:center;align-content:center;gap:3px;text-decoration:none;border:1px solid #24405b;border-radius:11px;background:#07131f;color:#fff}
.photo-health-cluster small{font-size:7px!important;letter-spacing:.1em!important;font-weight:900!important;color:#758da5!important}.photo-health-cluster b{font-size:20px!important}.photo-health-cluster span{font-size:7px!important;font-weight:900!important;color:#67829c!important}
.photo-health-cluster .danger{border-color:#6d2930;background:#210b10}.photo-health-cluster .danger b{color:#ff6d76}.photo-health-cluster .warn{border-color:#65501e;background:#211a08}.photo-health-cluster .warn b{color:#ffc95a}.photo-health-cluster .ok b{color:#62dfa0}
.photo-health-actions{display:grid!important;grid-template-columns:auto auto minmax(240px,1fr)!important;gap:8px!important;align-items:center!important}.photo-health-actions>div{display:grid;gap:2px}.photo-health-actions small{font-size:9px;color:#748aa1}
.photo-health-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:10px;padding:8px;border:1px solid #1d344c;border-radius:9px;background:#06121d}
.photo-health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.photo-health-card{position:relative;display:grid;gap:6px;padding:7px;border:1px solid #223a52;border-radius:11px;background:#07131f}.photo-health-card.has-issues{border-color:#5a4722}.photo-health-card.healthy{border-color:#1e5039}
.photo-health-check{position:absolute;z-index:3;left:10px;top:10px;padding:5px;border-radius:7px;background:#04101bd9}.photo-health-preview{height:145px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#030a11;color:#ff727a;text-align:center;font-weight:900;font-size:10px}.photo-health-preview img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.photo-health-copy{display:grid;gap:2px}.photo-health-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-health-copy small{font-size:8px;color:#71879e}
.photo-health-meta{display:flex;gap:5px;flex-wrap:wrap}.photo-health-meta span,.photo-health-flags span{padding:3px 5px;border-radius:5px;background:#0b2032;color:#8ca6bd;font-size:7px;font-weight:800}.photo-health-flags{display:flex;gap:4px;flex-wrap:wrap}.photo-health-flags .warn{background:#2a2108;color:#ffd064}.photo-health-flags .danger{background:#2a0c11;color:#ff7b84}.photo-health-flags .ok{background:#0c281b;color:#65dfa0}
.orphan-list{display:grid;gap:6px}.orphan-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px;border:1px solid #20364e;border-radius:8px;background:#07131f}.orphan-list span{display:grid}.orphan-list small{font-size:8px;color:#73899f}

/* Gauge style control */
.gauge-style-form select{height:34px!important;min-width:138px!important;padding:0 26px 0 9px!important;font-size:9px!important;font-weight:800!important;border-radius:9px!important}
.dash-gauge-number-layer{position:absolute!important;z-index:4!important;left:12px!important;right:12px!important;top:36px!important;height:79px!important;pointer-events:none!important}
.gauge-number{position:absolute!important;color:#869cb3!important;font-size:6px!important;font-weight:900!important;line-height:1!important;text-shadow:0 1px 2px #000!important}
.gauge-number-0{left:2px;bottom:8px}.gauge-number-1{left:18%;top:18px}.gauge-number-2{left:50%;top:2px;transform:translateX(-50%)}.gauge-number-3{right:18%;top:18px}.gauge-number-4{right:2px;bottom:8px}
.gauge-style-digital .dash-car-gauge:before,.gauge-style-digital .dash-car-gauge:after,.gauge-style-digital .dash-gauge-scale,.gauge-style-digital .dash-gauge-number-layer,.gauge-style-digital .dash-gauge-range,.gauge-style-digital .dash-gauge-icon{display:none!important}
.gauge-style-digital .dash-car-gauge{min-height:116px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.gauge-style-digital .dash-gauge-readout{position:relative!important;margin:14px 0 0!important;min-height:58px!important;width:100%!important}
.gauge-style-analog .dash-gauge-readout{opacity:.72!important;min-height:44px!important}.gauge-style-analog .dash-gauge-readout b{font-size:17px!important}
.completion2-components{max-height:230px;overflow:auto;padding-right:4px}.completion2-components span small{display:block;color:#6f879e;font-size:7px;font-weight:700;margin-top:2px}

@media(max-width:1050px){.photo-health-cluster{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
 .photo-health-cluster{grid-template-columns:repeat(2,1fr)}
 .photo-health-actions{grid-template-columns:1fr!important}
 .photo-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gauge-style-form{width:100%}.gauge-style-form select{width:100%}
}
@media(max-width:430px){.photo-health-grid{grid-template-columns:1fr}}


/* ==========================================================
   v8.1.1 — Digital Gauge Visibility Hotfix
   The v8.0.2 live-gauge selector had greater specificity than
   the first Digital mode rules, leaving the readout pushed below
   the short digital card and clipped by overflow:hidden.
   ========================================================== */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge{
  min-height:118px!important;
  height:auto!important;
  padding:11px!important;
  display:grid!important;
  grid-template-rows:auto minmax(64px,1fr)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}

/* Remove every analog-only layer in Digital mode. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge:before,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge:after,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-scale,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-number-layer,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-range,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-icon{
  display:none!important;
}

/* Override the higher-specificity v8.0.2 analog/mobile readout spacing. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge .dash-gauge-readout{
  position:relative!important;
  inset:auto!important;
  z-index:6!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:64px!important;
  margin:8px 0 0!important;
  padding:9px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:10px!important;
  background:
    linear-gradient(180deg,rgba(19,55,83,.22),rgba(2,8,14,.72)),
    #030a12!important;
  border:1px solid color-mix(in srgb,var(--gauge) 38%,#203b59)!important;
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.48),
    0 0 13px var(--gauge-soft)!important;
  opacity:1!important;
  transform:none!important;
}

/* Digital values must remain visible even before the cockpit startup class flips. */
.vehicle-dashboard:not(.cockpit-live) .dash-car-cluster.gauge-style-digital .dash-gauge-readout b,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-readout b{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  color:#f5fbff!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 0 10px var(--gauge)!important;
}

.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-readout small{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  color:var(--gauge)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-align:center!important;
}

/* Keep the digital channel/status header visible and compact. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-top{
  display:flex!important;
  position:relative!important;
  z-index:7!important;
  min-height:18px!important;
}
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-top span{
  opacity:1!important;
  visibility:visible!important;
}
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-led{
  display:block!important;
}

/* Phone rules from v8.0.2 also used more-specific analog spacing. */
@media(max-width:760px){
  .vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge{
    min-height:116px!important;
    padding:10px!important;
  }
  .vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge .dash-gauge-readout{
    min-height:62px!important;
    margin:7px 0 0!important;
  }
}


/* ==========================================================
   v8.1.2 — Digital Instrument Cluster Mobile Layout Fix
   ========================================================== */

/* Digital mode is a true digital tile cluster, not an analog gauge with pieces hidden. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  padding:10px!important;
  overflow:hidden!important;
}

/* Remove cluster glass/analog overlays that visually cross digital cards. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital:before,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital:after{
  display:none!important;
  content:none!important;
}

/* Kill every inherited analog pseudo-layer and give each digital tile its own clean face. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital > .dash-car-gauge.live-needle-gauge{
  min-width:0!important;
  min-height:116px!important;
  height:auto!important;
  padding:10px!important;
  display:grid!important;
  grid-template-rows:22px minmax(68px,1fr)!important;
  gap:5px!important;
  align-items:stretch!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 50% 65%,var(--gauge-soft),transparent 64%),
    linear-gradient(180deg,#0c1a2a,#06111c)!important;
}
.vehicle-dashboard .dash-car-cluster.gauge-style-digital > .dash-car-gauge.live-needle-gauge:before,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital > .dash-car-gauge.live-needle-gauge:after{
  display:none!important;
  content:none!important;
}

/* Label/indicator becomes a digital channel header. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-top{
  position:relative!important;
  inset:auto!important;
  min-height:22px!important;
  width:100%!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-top span{
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  color:#e6eef8!important;
}
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-led{
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
}

/* The statistic display fills the card instead of sitting in a small box on the left. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge .dash-gauge-readout{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:68px!important;
  height:auto!important;
  margin:0!important;
  padding:9px 6px!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid color-mix(in srgb,var(--gauge) 55%,#18344d)!important;
  border-radius:11px!important;
  background:#020910!important;
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.68),
    inset 0 0 24px var(--gauge-soft),
    0 0 12px var(--gauge-soft)!important;
  transform:none!important;
  opacity:1!important;
}
.vehicle-dashboard:not(.cockpit-live) .dash-car-cluster.gauge-style-digital .dash-gauge-readout b,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-readout b{
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:clamp(19px,2.3vw,27px)!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:#fff!important;
  text-shadow:0 0 10px var(--gauge)!important;
}
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-readout small{
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  max-width:100%!important;
  font-size:7px!important;
  line-height:1.15!important;
  letter-spacing:.09em!important;
  white-space:normal!important;
  text-align:center!important;
}

/* Absolutely no analog artifacts in Digital mode. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-icon,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-range,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-scale,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-number-layer{
  display:none!important;
}

/* Tablet: two clean columns. */
@media(max-width:900px){
  .vehicle-dashboard .dash-car-cluster.gauge-style-digital{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Phone: keep two columns instead of the old analog one-gauge-per-row rule. */
@media(max-width:480px){
  .vehicle-dashboard .dash7-stat-grid.dash-car-cluster.gauge-style-digital{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:8px!important;
  }
  .vehicle-dashboard .dash-car-cluster.gauge-style-digital > .dash-car-gauge.live-needle-gauge{
    min-height:108px!important;
    padding:8px!important;
    grid-template-rows:20px minmax(64px,1fr)!important;
  }
  .vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge .dash-gauge-readout{
    min-height:64px!important;
    margin:0!important;
    padding:7px 4px!important;
  }
  .vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-readout b{
    font-size:clamp(18px,6.3vw,25px)!important;
  }
  .vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-readout small{
    font-size:6.5px!important;
  }
}


/* ==========================================================
   v8.1.3 — Dashboard Statistic Number Centering
   ========================================================== */

/* Center the primary statistic/value inside every gauge readout. */
.vehicle-dashboard .dash-car-gauge .dash-gauge-readout{
  text-align:center!important;
  justify-items:center!important;
  align-items:center!important;
}

.vehicle-dashboard .dash-car-gauge .dash-gauge-readout b{
  display:block!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  justify-self:center!important;
}

/* Center the descriptive line beneath the number as well. */
.vehicle-dashboard .dash-car-gauge .dash-gauge-readout small{
  display:block!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  justify-self:center!important;
}

/* Digital mode: keep the entire readout centered regardless of card width. */
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-car-gauge.live-needle-gauge .dash-gauge-readout{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-readout b,
.vehicle-dashboard .dash-car-cluster.gauge-style-digital .dash-gauge-readout small{
  text-align:center!important;
  justify-self:center!important;
}

/* Analog/Hybrid mobile cards also keep the number visually centered. */
@media(max-width:760px){
  .vehicle-dashboard .dash-car-gauge .dash-gauge-readout b,
  .vehicle-dashboard .dash-car-gauge .dash-gauge-readout small{
    text-align:center!important;
  }
}


/* ==========================================================
   v8.2.0 — Collector Operations Suite
   ========================================================== */
.storage-map-kpis,.value3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.value3-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.storage-map-kpis>div,.value3-kpis>div{padding:10px;border:1px solid #243b55;border-radius:10px;background:#07131f;display:grid;gap:3px}.storage-map-kpis small,.value3-kpis small{font-size:7px;font-weight:900;letter-spacing:.1em;color:#7890a8}.storage-map-kpis b,.value3-kpis b{font-size:19px;color:#fff}.storage-map-kpis span,.value3-kpis span{font-size:7px;font-weight:900;color:#678098}.storage-map-kpis .warn b,.value3-kpis .warn b{color:#ffca58}.value3-kpis .good b{color:#60dfa0}.value3-kpis .bad b{color:#ff727a}
.storage-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px}.storage-map-node{display:grid;gap:9px;padding:11px;border:1px solid #29425e;border-radius:13px;background:linear-gradient(180deg,#0b1a2b,#06111d);color:#fff;text-decoration:none}.storage-map-node:hover{border-color:#4c78a0}.storage-map-node-head{display:grid;gap:2px}.storage-map-node-head>span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#65c9ff}.storage-map-node-head>b{font-size:15px}.storage-map-node-head>small{font-size:8px;color:#8196ac}.storage-map-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:62px}.storage-map-thumbs span{display:grid;place-items:center;overflow:hidden;border:1px solid #223950;border-radius:7px;background:#030a11;color:#557089;font-size:8px;font-weight:900}.storage-map-thumbs img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.storage-map-meter{height:7px;border-radius:999px;background:#09111b;overflow:hidden;border:1px solid #1b3045}.storage-map-meter i{display:block;height:100%;background:linear-gradient(90deg,#25a6ee,#32d8a0)}.storage-map-foot{display:flex;justify-content:space-between;font-size:8px;color:#8198ae}.storage-map-warning{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:10px!important}

.mass-edit-filter{display:grid!important;grid-template-columns:2fr 1fr 1fr auto auto!important;gap:7px!important;align-items:end!important}.mass-edit-filter label,.mass-edit-fields label{display:grid;gap:4px;font-size:8px;color:#8196ad}.mass-edit-controls{position:sticky;top:70px;z-index:8}.mass-edit-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mass-edit-notes{grid-column:span 2}.mass-edit-apply{display:flex;gap:10px;align-items:center;margin-top:9px}.mass-edit-apply small{font-size:8px;color:#748ba1}.mass-edit-list{display:grid;gap:6px;margin-top:9px}.mass-edit-row{display:grid;grid-template-columns:auto 62px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 9px;border:1px solid #20374f;border-radius:10px;background:#07131f}.mass-edit-thumb{width:62px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#030a11;color:#617a91}.mass-edit-thumb img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.mass-edit-main{display:grid;gap:2px}.mass-edit-main b{font-size:10px}.mass-edit-main small{font-size:8px;color:#748ba2}.mass-edit-state{text-align:right}.mass-edit-state small{display:block;font-size:7px;color:#6cbaf0}.mass-edit-state b{font-size:12px}

.value3-age-control form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.value3-age-control label{display:flex;gap:7px;align-items:center}.value3-age-control input{width:95px}.value3-chart{height:220px;display:flex;align-items:flex-end;gap:5px;padding:14px 8px 25px;border:1px solid #1e354d;border-radius:10px;background:#05101b}.value3-chart>div{flex:1;min-width:12px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.value3-chart i{display:block;width:72%;min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#47d9ff,#1b7ec2)}.value3-chart span{font-size:6px;color:#7189a0;writing-mode:vertical-rl;transform:rotate(180deg)}

.mobile-v3{display:grid;gap:10px}.mobile3-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.mobile3-head h1{margin:4px 0}.mobile3-head p{margin:0;color:#7890a8}.mobile3-score{min-width:72px;height:72px;border:1px solid #2b638d;border-radius:50%;display:grid;place-items:center;align-content:center;background:#071522;box-shadow:inset 0 0 20px #178cff20}.mobile3-score b{font-size:20px}.mobile3-score span{font-size:6px;font-weight:900;color:#69c6ff}.mobile3-primary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile3-primary>a{min-height:105px;padding:12px;border:1px solid #29425f;border-radius:14px;background:linear-gradient(180deg,#0d1b2d,#07111d);display:grid;place-items:center;align-content:center;gap:3px;text-align:center;color:#fff;text-decoration:none}.mobile3-primary>a>span{font-size:24px;color:#60c8ff}.mobile3-primary b{font-size:13px}.mobile3-primary small{font-size:8px;color:#7991a9}.mobile3-alerts>a,.mobile3-recent>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #172c40;color:#fff;text-decoration:none}.mobile3-alerts>a>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#39270d;color:#ffd366}.mobile3-alerts div,.mobile3-recent>a>span:nth-child(2){display:grid}.mobile3-alerts small,.mobile3-recent small{font-size:8px;color:#7890a8}.mobile3-thumb{width:48px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid #243d55;border-radius:7px;background:#030a11}.mobile3-thumb img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.mobile3-secondary{grid-template-columns:repeat(2,1fr)!important}

@media(max-width:900px){.storage-map-kpis,.value3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mass-edit-filter{grid-template-columns:1fr 1fr}.mass-edit-fields{grid-template-columns:1fr 1fr}.mass-edit-notes{grid-column:auto}}
@media(max-width:600px){.storage-map-kpis,.value3-kpis{grid-template-columns:1fr 1fr}.mass-edit-filter,.mass-edit-fields{grid-template-columns:1fr}.mass-edit-controls{position:static}.mass-edit-row{grid-template-columns:auto 52px minmax(0,1fr)}.mass-edit-state{grid-column:3;text-align:left}.storage-map-warning{align-items:flex-start!important;flex-direction:column!important}}


/* ==========================================================
   v8.2.1 — Gallery car pagination
   ========================================================== */
.gallery-pagination{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:10px 0!important;
  padding:8px!important;
  border:1px solid #203a53!important;
  border-radius:11px!important;
  background:#06111d!important;
}
.gallery-pagination .btn.disabled{
  opacity:.38!important;
  pointer-events:none!important;
}
.gallery-page-numbers{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
.gallery-page-numbers a,
.gallery-page-numbers span{
  min-width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 7px!important;
  border:1px solid #233f59!important;
  border-radius:8px!important;
  background:#081522!important;
  color:#95abc0!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:900!important;
}
.gallery-page-numbers a:hover{
  border-color:#4582aa!important;
  color:#fff!important;
}
.gallery-page-numbers a.active{
  border-color:#3cb8ed!important;
  background:#0c3147!important;
  color:#fff!important;
  box-shadow:0 0 12px rgba(60,184,237,.18)!important;
}
.gallery-page-summary{
  text-align:center!important;
  color:#8299af!important;
  font-size:9px!important;
}
.gallery-page-summary b{color:#fff!important}
.gallery-filter-bar{
  grid-template-columns:minmax(170px,2fr) repeat(3,minmax(120px,1fr)) auto!important;
}
@media(max-width:900px){
  .gallery-filter-bar{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .gallery-filter-bar{grid-template-columns:1fr!important}
  .gallery-pagination{
    grid-template-columns:1fr 1fr!important;
  }
  .gallery-page-numbers,
  .gallery-page-summary{
    grid-column:1/-1!important;
    grid-row:1!important;
  }
  .gallery-pagination>a.btn,
  .gallery-pagination>span.btn{
    width:100%!important;
    justify-content:center!important;
  }
}

/* v8.3.0 Collector Intelligence */
.gallery-size-small{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))!important}.gallery-size-medium{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}.gallery-size-large{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important}.gallery-cover-toggle{display:flex!important;align-items:center!important;gap:5px!important}.gallery-cover-toggle input{width:auto!important}.gallery-filter-bar{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important}
.dupe83-list{display:grid;gap:8px}.dupe83-card{display:grid;grid-template-columns:75px 1fr 1fr 1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid #29425c;border-radius:12px;background:#07131f}.dupe83-card.intentional{opacity:.65;border-color:#32664f}.dupe83-score strong{font-size:21px}.dupe83-score span,.dupe83-car small{display:block;font-size:7px;color:#7890a8}.dupe83-reasons{display:flex;gap:4px;flex-wrap:wrap}
.compare-picker{display:grid!important;grid-template-columns:repeat(4,1fr) auto!important;gap:6px!important}.compare83-grid{display:grid;grid-template-columns:repeat(var(--compare-cols),minmax(0,1fr));gap:8px}.compare83-car{padding:9px;border:1px solid #29425c;border-radius:12px;background:#07131f}.compare83-photo{height:170px;display:grid;place-items:center;background:#030a11;overflow:hidden}.compare83-photo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.compare83-car dl{display:grid;grid-template-columns:80px 1fr}.compare83-car dt,.compare83-car dd{margin:0;padding:5px;border-bottom:1px solid #172d41;font-size:8px}
.quality83-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quality83-kpis>div,.quality83-row,.capacity83-card{padding:10px;border:1px solid #29425c;border-radius:11px;background:#07131f}.quality83-kpis b{font-size:22px}.quality83-list{display:grid;gap:6px;margin-top:8px}.quality83-row{display:grid;grid-template-columns:65px 1fr auto;gap:9px;align-items:center}.quality83-score b{font-size:18px}.quality83-meter,.capacity83-meter{height:7px;background:#030a11;border-radius:99px;overflow:hidden}.quality83-meter i{display:block;height:100%;background:linear-gradient(90deg,#ef6a5b,#f1cb58,#43d69b)}.quality83-main p{font-size:8px;color:#7890a8}
.capacity83-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.capacity83-card.near{border-color:#9a7124}.capacity83-card.full,.capacity83-card.over{border-color:#a23d47}.capacity83-count b{font-size:24px}.capacity83-meter i{display:block;height:100%;background:#42d99b}.capacity83-card.near .capacity83-meter i{background:#f0b84c}.capacity83-card.full .capacity83-meter i,.capacity83-card.over .capacity83-meter i{background:#ef6b75}.capacity83-card form{display:flex;gap:5px;margin-top:7px}.cockpit-hud a.cockpit-hud-cell{color:inherit;text-decoration:none}.hud-quality strong{color:#67d7ff!important}
@media(max-width:850px){.dupe83-card{grid-template-columns:70px 1fr 1fr}.dupe83-reasons{grid-column:2/-1}.compare-picker,.compare83-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.dupe83-card,.compare-picker,.compare83-grid{grid-template-columns:1fr}.dupe83-reasons{grid-column:auto}.quality83-row{grid-template-columns:55px 1fr}.quality83-row>a{grid-column:2}.gallery-size-small,.gallery-size-medium,.gallery-size-large{grid-template-columns:1fr 1fr!important}}


/* ==========================================================
   v8.4.0 — Collector Automation Suite
   ========================================================== */
.smart84-query{display:grid;grid-template-columns:1fr auto;gap:7px}.smart84-results{display:grid;gap:6px;margin-top:9px}.smart84-result{width:100%;display:flex;justify-content:space-between;gap:10px;text-align:left;padding:9px;border:1px solid #28425c;border-radius:10px;background:#07131f;color:#fff}.smart84-result span:first-child{display:grid}.smart84-result small{font-size:8px;color:#7890a8}.smart84-result.selected{border-color:#46b9ed;box-shadow:0 0 12px #46b9ed22}.smart84-owned{font-size:8px;color:#66d8ff;font-weight:900}
.set84-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:9px}.set84-kpis>div{padding:10px;border:1px solid #29425c;border-radius:10px;background:#07131f;display:grid}.set84-kpis small{font-size:7px;color:#7690a8}.set84-kpis b{font-size:18px}.set84-main-meter{height:10px;background:#030a11;border-radius:99px;overflow:hidden;margin-bottom:10px}.set84-main-meter i{display:block;height:100%;background:linear-gradient(90deg,#2ab5ef,#42da9a)}.set84-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:7px}.set84-item{display:grid;grid-template-columns:78px 1fr;gap:8px;padding:8px;border:1px solid #29425c;border-radius:10px;background:#07131f}.set84-item.missing{border-color:#765629}.set84-item.owned{border-color:#285a45}.set84-photo{width:78px;height:78px;display:grid;place-items:center;overflow:hidden;background:#030a11;border-radius:8px}.set84-photo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.set84-item h3{font-size:11px;margin:3px 0}.set84-item p,.set84-item small{font-size:7px;color:#7890a8}
.milestone84-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.milestone84-card{display:grid;grid-template-columns:58px 1fr;gap:9px;padding:11px;border:1px solid #29425c;border-radius:12px;background:#07131f}.milestone84-card.locked{opacity:.48}.milestone84-card.done{border-color:#3e7c5e;box-shadow:inset 0 0 20px #36d48a10}.milestone84-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#0a2132;color:#6fd6ff;font-weight:900}.milestone84-card.done .milestone84-icon{background:#0b3323;color:#63e0a0}.milestone84-card h2{font-size:13px;margin:0}.milestone84-card p{font-size:8px;color:#7b92a9}.milestone84-card b{font-size:7px;color:#67dca0}
.maint84-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:9px}.maint84-grid>a{padding:10px;border:1px solid #29425c;border-radius:10px;background:#07131f;color:#fff;text-decoration:none;display:grid}.maint84-grid small{font-size:7px;color:#7890a8}.maint84-grid b{font-size:21px}.maint84-grid span{font-size:7px;color:#69c7f5}.maint84-safe{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.maint84-order{display:grid;gap:6px;color:#8da2b5}
.dash84-intelligence-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0}.dash84-intelligence-strip>a{padding:9px;border:1px solid #29425c;border-radius:9px;background:#07131f;color:#fff;text-decoration:none;display:grid}.dash84-intelligence-strip small{font-size:6px;color:#7890a8}.dash84-intelligence-strip b{font-size:17px}.dash84-intelligence-strip span{font-size:6px;color:#67c8f7}.dash84-intelligence-strip .warn{border-color:#765629}.dash84-intelligence-strip .ok{border-color:#285a45}
.wish-card small{display:block;margin-top:3px;color:#7f96ab}
.goal84-milestone-link{margin-top:8px}
@media(max-width:900px){.set84-kpis{grid-template-columns:repeat(3,1fr)}.maint84-grid,.dash84-intelligence-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.smart84-query{grid-template-columns:1fr}.set84-kpis{grid-template-columns:1fr 1fr}.set84-grid{grid-template-columns:1fr}.maint84-safe{align-items:flex-start!important;flex-direction:column!important}.maint84-grid,.dash84-intelligence-strip{grid-template-columns:1fr 1fr}}


/* ==========================================================
   v8.4.1 — Collection Growth 2.0
   ========================================================== */
.growth84-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}.growth84-head h2{font-size:24px;margin:2px 0}.growth84-head p{margin:0;color:#7e97af;font-size:9px}.growth84-range-select{display:grid;gap:4px;min-width:160px}.growth84-range-select>span{font-size:7px;color:#7790a8;font-weight:900;letter-spacing:.1em}
.growth84-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.growth84-kpis>div{position:relative;overflow:hidden;padding:10px 12px;border-radius:12px;border:1px solid #29425e;background:linear-gradient(145deg,#0a1a2c,#07111d);display:grid;gap:2px}.growth84-kpis>div:before{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none}.growth84-kpis .blue:before{background:linear-gradient(135deg,#008cff,transparent 60%)}.growth84-kpis .green:before{background:linear-gradient(135deg,#10d884,transparent 60%)}.growth84-kpis .purple:before{background:linear-gradient(135deg,#8f3cff,transparent 60%)}.growth84-kpis .amber:before{background:linear-gradient(135deg,#f6a813,transparent 60%)}.growth84-kpis small{font-size:7px;font-weight:900;letter-spacing:.08em;color:#78a4c5}.growth84-kpis b{font-size:20px;color:#fff}.growth84-kpis span{font-size:8px;color:#7f97ae}.growth84-kpis .blue small{color:#35bfff}.growth84-kpis .green small{color:#38df96}.growth84-kpis .purple small{color:#bb7dff}.growth84-kpis .amber small{color:#ffc44d}
.growth84-chart-card{padding:10px;border:1px solid #29435d;border-radius:13px;background:linear-gradient(180deg,#06111d,#040c15);box-shadow:inset 0 0 26px #007ed50a}.growth84-axis-labels{display:flex;justify-content:space-between;font-size:8px;font-weight:900;margin:0 6px 5px}.growth84-axis-labels .cars-label{color:#39c5ff}.growth84-axis-labels .value-label{color:#43e99b}.growth84-chart-wrap{position:relative;min-height:260px}.growth84-chart-wrap svg{width:100%;height:auto;min-height:260px;display:block;overflow:visible}.growth84-grid-line{stroke:#1b3850;stroke-width:1;stroke-dasharray:3 4}.growth84-axis-text{fill:#58c9ff;font-size:10px;font-weight:700}.growth84-value-axis{fill:#45e99d}.growth84-bar{fill:url(#growth84BarGrad);cursor:pointer}.growth84-bar-label{fill:#c9efff;font-size:9px;font-weight:900}.growth84-area{fill:url(#growth84AreaGrad)}.growth84-value-line{fill:none;stroke:#38ef9a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.growth84-dot{fill:#43f2a2;stroke:#d9ffef;stroke-width:2;cursor:pointer}.growth84-value-label{fill:#80ffc0;font-size:9px;font-weight:900}.growth84-month-label{fill:#8da5ba;font-size:9px}.growth84-empty{fill:#7890a8;font-size:14px}.growth84-legend{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:4px;font-size:8px;color:#91a7bb}.growth84-legend span{display:flex;align-items:center;gap:6px}.growth84-legend i{display:inline-block}.growth84-legend .bars{width:10px;height:10px;border-radius:50%;background:#168cff}.growth84-legend .line{width:20px;height:3px;border-radius:3px;background:#38ef9a}
.growth84-tooltip{position:absolute;z-index:6;min-width:150px;padding:8px;border:1px solid #31516d;border-radius:9px;background:#07111df2;box-shadow:0 10px 30px #0009;pointer-events:none;display:grid;gap:2px}.growth84-tooltip b{font-size:9px;color:#fff}.growth84-tooltip span{font-size:8px;color:#9db0c1}
.growth84-range-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:7px;align-items:center;margin-top:10px}.growth84-range-buttons button{min-height:34px;border:1px solid #29425e;border-radius:9px;background:#07131f;color:#96abc0;font-size:8px;font-weight:900}.growth84-range-buttons button.active{border-color:#1aa9ff;background:linear-gradient(180deg,#118fe6,#086fc6);color:#fff;box-shadow:0 0 15px #0c95ef55}.growth84-progress{margin-top:10px;padding:9px 11px;border:1px solid #218356;border-radius:10px;background:linear-gradient(90deg,#06351f,#07221b);display:flex;gap:9px;align-items:center}.growth84-progress>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0c643d;color:#67f2ae}.growth84-progress div{display:grid}.growth84-progress b{font-size:10px;color:#5ff1aa}.growth84-progress small{font-size:8px;color:#9bbcac}
@media(max-width:760px){.growth84-head{align-items:stretch}.growth84-range-select{display:none}.growth84-kpis{grid-template-columns:1fr 1fr}.growth84-kpis>div{min-height:72px}.growth84-chart-card{padding:7px}.growth84-chart-wrap{min-height:280px;overflow-x:auto;overflow-y:hidden}.growth84-chart-wrap svg{min-width:680px;min-height:280px}.growth84-value-label{font-size:8px}.growth84-month-label{font-size:8px}.growth84-range-buttons{grid-template-columns:1fr 1fr}.growth84-range-buttons>a{grid-column:1/-1;text-align:center}.growth84-progress{align-items:flex-start}}
@media(max-width:430px){.growth84-kpis b{font-size:17px}.growth84-kpis span{font-size:7px}.growth84-chart-wrap svg{min-width:640px}}
\n/* v8.4.2 — Collection Growth renderer hotfix */\n@media(max-width:760px){\n  .growth84-chart-wrap{overflow:hidden!important;min-height:250px!important}\n  .growth84-chart-wrap svg{min-width:0!important;width:100%!important;min-height:250px!important}\n  .growth84-axis-text{font-size:9px!important}\n  .growth84-month-label{font-size:7px!important}\n  .growth84-value-label{font-size:7px!important}\n}\n

/* ==========================================================
   v8.5.0 — Smart Collector Suite
   ========================================================== */
.scanner85-card{display:grid;gap:8px;padding:10px;border:1px solid #2d4a65;border-radius:11px;background:#07131f}.scanner85-head>div{display:grid}.scanner85-head b{font-size:14px}.scanner85-head span{font-size:8px;color:#74a7ca}.scanner85-owned{padding:8px;border-radius:8px;font-size:8px;font-weight:800}.scanner85-owned.ok{background:#07311f;color:#65dda0;border:1px solid #236847}.scanner85-owned.warn{background:#35250a;color:#ffd26c;border:1px solid #775b24}.scanner85-owned-list{display:grid;gap:5px}.scanner85-owned-list a{display:flex;justify-content:space-between;gap:8px;padding:7px;border:1px solid #20394f;border-radius:7px;color:#fff;text-decoration:none}.scanner85-owned-list span{font-size:8px;color:#7890a8}.scanner85-actions{display:flex;gap:7px;flex-wrap:wrap}.scanner85-miss{display:grid;gap:6px;padding:10px;border:1px solid #5d4930;border-radius:10px;background:#20170d}.scanner85-miss span{font-size:8px;color:#bca58a}
.garage85-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.garage85-kpis>div{padding:10px;border:1px solid #29425d;border-radius:10px;background:#07131f;display:grid}.garage85-kpis small{font-size:7px;color:#7890a8}.garage85-kpis b{font-size:20px}.garage85-kpis span{font-size:7px;color:#68c7f7}.garage85-kpis .warn b{color:#ffd068}.garage85-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:9px}.garage85-bay{padding:10px;border:1px solid #29425d;border-radius:13px;background:linear-gradient(180deg,#0a1828,#050e17);box-shadow:inset 0 0 22px #0b83c90a}.garage85-bay.near{border-color:#8c6928}.garage85-bay.full,.garage85-bay.over{border-color:#8a3943}.garage85-bay-head{display:flex;justify-content:space-between;gap:8px}.garage85-bay-head span{font-size:7px;color:#61c8ff;font-weight:900}.garage85-bay-head h2{margin:2px 0;font-size:15px}.garage85-bay-head small{font-size:8px;color:#7890a8}.garage85-shelf{margin-top:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px;border:1px solid #1c3348;border-radius:9px;background:linear-gradient(180deg,#02080d,#08131e);min-height:155px;align-content:start}.garage85-shelf>a{display:grid;gap:3px;text-decoration:none;color:#fff;min-width:0}.garage85-shelf>a>span{height:58px;display:grid;place-items:center;border:1px solid #20384d;border-radius:6px;background:#03090e;overflow:hidden}.garage85-shelf img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.garage85-shelf b{font-size:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garage85-empty{grid-column:1/-1;display:grid;place-items:center;min-height:120px;color:#4f6a80;font-size:9px;font-weight:900;letter-spacing:.14em}.garage85-meter{height:6px;margin-top:8px;border-radius:99px;background:#03090e;overflow:hidden}.garage85-meter i{display:block;height:100%;background:linear-gradient(90deg,#1eb8f2,#42db9b)}.garage85-bay.near .garage85-meter i{background:#efb745}.garage85-bay.full .garage85-meter i,.garage85-bay.over .garage85-meter i{background:#ed6872}.garage85-bay-foot{display:flex;justify-content:space-between;margin-top:5px;font-size:7px;color:#7890a8}
.rarity85-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px}.rarity85-kpis>div{padding:10px;border:1px solid #29425d;border-radius:10px;background:#07131f;display:grid}.rarity85-kpis small{font-size:7px}.rarity85-kpis b{font-size:22px}.rarity85-kpis span{font-size:7px;color:#7890a8}.rarity85-kpis .elite{border-color:#a77422}.rarity85-kpis .elite small,.rarity85-tier.elite{color:#ffd366}.rarity85-kpis .rare{border-color:#5d4095}.rarity85-kpis .rare small,.rarity85-tier.rare{color:#bb83ff}.rarity85-kpis .notable small,.rarity85-tier.notable{color:#5fd4ff}.rarity85-list{display:grid;gap:6px}.rarity85-row{display:grid;grid-template-columns:72px minmax(0,1fr) 82px auto;gap:9px;align-items:center;padding:8px;border:1px solid #243d55;border-radius:10px;background:#07131f}.rarity85-photo{width:72px;height:60px;display:grid;place-items:center;background:#03090e;border-radius:7px;overflow:hidden;color:#58738b;text-decoration:none}.rarity85-photo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.rarity85-main h3{margin:2px 0;font-size:11px}.rarity85-main small{font-size:7px;color:#7890a8}.rarity85-tier{font-size:7px;font-weight:900;letter-spacing:.08em}.rarity85-signals{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.rarity85-signals span{font-size:6px;padding:2px 5px;border:1px solid #28425b;border-radius:99px;color:#8ba1b5}.rarity85-score{text-align:center}.rarity85-score b{font-size:22px}.rarity85-score span{display:block;font-size:6px;color:#7890a8}.rarity85-score i{display:block;height:4px;margin-top:4px;background:linear-gradient(90deg,#1aa9ef calc(var(--score)*1%),#132638 0);border-radius:99px}
.dash85-rarity{display:grid;gap:5px}.dash85-rarity>a{display:grid;grid-template-columns:48px 1fr auto;gap:8px;align-items:center;padding:6px;border:1px solid #20384f;border-radius:8px;color:#fff;text-decoration:none;background:#07131f}.dash85-rarity-photo{width:48px;height:40px;display:grid;place-items:center;overflow:hidden;background:#03090e;border-radius:6px}.dash85-rarity-photo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.dash85-rarity>a>span:nth-child(2){display:grid}.dash85-rarity small{font-size:7px;color:#7890a8}.dash85-rarity strong{font-size:18px;color:#ffd366}.dash84-intelligence-strip{grid-template-columns:repeat(6,1fr)!important}
@media(max-width:1000px){.dash84-intelligence-strip{grid-template-columns:repeat(3,1fr)!important}.garage85-grid{grid-template-columns:1fr}.garage85-shelf{grid-template-columns:repeat(6,1fr)}}
@media(max-width:650px){.garage85-kpis,.rarity85-kpis{grid-template-columns:1fr 1fr}.garage85-shelf{grid-template-columns:repeat(3,1fr)}.garage85-shelf>a>span{height:78px}.rarity85-row{grid-template-columns:60px 1fr 65px}.rarity85-photo{width:60px;height:55px}.rarity85-row>a.btn{grid-column:2/-1}.dash84-intelligence-strip{grid-template-columns:1fr 1fr!important}}


/* ==========================================================
   v8.5.1 — Garage View 2.0 / full-photo layout
   ========================================================== */
.garage851-page-head{align-items:center!important}.garage851-title-wrap{display:flex;gap:10px;align-items:flex-start}.garage851-title-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;border:1px solid #147bd0;background:#08294a;color:#51b9ff;font-size:21px}
.garage851-kpis>div{position:relative;overflow:hidden;min-height:78px;padding:11px 12px!important}.garage851-kpis>div:before{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none}.garage851-kpis .blue:before{background:linear-gradient(135deg,#008cff,transparent 65%)}.garage851-kpis .green:before{background:linear-gradient(135deg,#00da83,transparent 65%)}.garage851-kpis .amber:before{background:linear-gradient(135deg,#f2ab16,transparent 65%)}.garage851-kpis .purple:before{background:linear-gradient(135deg,#8b47ff,transparent 65%)}
.garage851-grid{grid-template-columns:1fr!important}.garage851-bay{padding:13px!important;border-color:#178ce0!important;box-shadow:0 0 18px #0d83d41c,inset 0 0 24px #0d83d40a!important}
.garage851-bay-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,310px);gap:14px;align-items:center}.garage851-bay-title{display:flex;gap:9px;align-items:center}.garage851-bay-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:10px;background:#0b4b86;border:1px solid #178ae0;color:#d3efff;font-size:21px}.garage851-bay-title small{font-size:7px;color:#9fc2dd}.garage851-bay-title h2{margin:2px 0;font-size:20px}.garage851-bay-title p{margin:0;font-size:9px;color:#8da4b8}
.garage851-capacity{display:grid;grid-template-columns:minmax(100px,1fr) auto;gap:3px 8px;align-items:center;text-align:right}.garage851-capacity-bar{grid-column:1;height:7px;border-radius:99px;background:#05111c;overflow:hidden}.garage851-capacity-bar i{display:block;height:100%;background:linear-gradient(90deg,#21c98b,#39efab);border-radius:99px}.garage851-capacity>span{grid-column:1;font-size:8px;color:#b4c5d4}.garage851-capacity>b{grid-column:2;grid-row:1/3;font-size:22px}.garage851-capacity>small{grid-column:2;font-size:7px;color:#8297aa}
.garage851-display{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding:10px;border:1px solid #1c3d58;border-radius:11px;background:linear-gradient(180deg,#02080d,#07131d);align-items:stretch}
.garage851-car-card,.garage851-add-slot{min-width:0;text-decoration:none;color:#fff;border:1px solid #1e3a50;border-radius:10px;background:#06101a;overflow:hidden}
.garage851-car-card{display:grid;grid-template-rows:minmax(250px,1fr) auto;padding:8px;gap:6px}
.garage851-photo-frame{width:100%;min-height:250px;aspect-ratio:3/4;display:grid;place-items:center;border-radius:8px;background:#01060a;overflow:hidden;padding:6px}
.garage851-photo-frame img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;border-radius:6px}
.garage851-no-photo{font-size:8px;color:#577086;font-weight:900}.garage851-car-meta{display:grid;text-align:center;gap:2px}.garage851-car-meta b{font-size:8px;color:#c7d8e5}.garage851-car-meta strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.garage851-add-slot{min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;border-style:dashed;background:linear-gradient(145deg,#071525,#0a1e31)}.garage851-add-slot>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#9abce4;color:#08213b;font-size:25px;font-weight:400}.garage851-add-slot b{font-size:12px}.garage851-add-slot small{font-size:9px;color:#99aec2}
.garage851-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.garage851-actions .btn{justify-content:center!important;text-align:center!important;min-height:38px!important}.garage851-actions .success{background:#086b46!important;border-color:#179363!important;color:#dfffee!important}
.garage851-footer-meter{height:7px!important;margin-top:10px!important}.garage851-footer-meter.unlimited i{background:linear-gradient(90deg,#119ed9,#31ddb0)!important;opacity:.55}
@media(min-width:1100px){.garage851-display{grid-template-columns:repeat(4,minmax(0,1fr))}.garage851-car-card{grid-template-rows:minmax(290px,1fr) auto}.garage851-photo-frame{min-height:290px}}
@media(max-width:760px){.garage851-page-head{align-items:flex-start!important}.garage851-title-icon{width:38px;height:38px}.garage851-kpis{grid-template-columns:1fr 1fr!important}.garage851-bay{padding:11px!important}.garage851-bay-top{grid-template-columns:1fr auto;gap:8px}.garage851-bay-icon{width:42px;height:42px;font-size:18px}.garage851-bay-title h2{font-size:17px}.garage851-capacity{min-width:120px}.garage851-capacity-bar{min-width:95px}.garage851-capacity>b{font-size:18px}.garage851-display{grid-template-columns:1fr 1fr;gap:8px;padding:8px}.garage851-car-card{grid-template-rows:minmax(225px,1fr) auto;padding:6px}.garage851-photo-frame{min-height:225px;aspect-ratio:3/4;padding:4px}.garage851-add-slot{min-height:225px}.garage851-actions{grid-template-columns:1fr 1fr}.garage851-actions .btn:last-child{grid-column:1/-1}}
@media(max-width:430px){.garage851-bay-top{grid-template-columns:1fr}.garage851-capacity{grid-template-columns:1fr auto;text-align:left}.garage851-capacity>small{text-align:right}.garage851-display{grid-template-columns:1fr 1fr}.garage851-car-card{grid-template-rows:minmax(205px,1fr) auto}.garage851-photo-frame,.garage851-add-slot{min-height:205px}.garage851-car-meta strong{font-size:9px}.garage851-actions{grid-template-columns:1fr 1fr}}


/* v8.5.2 — Smart Add photo upload reliability */
.smart852-photo-label small{display:block;margin-top:4px;color:#78a0bd;font-size:8px;line-height:1.4}
.smart852-photo-label input[type=file]{padding:9px!important;border:1px dashed #376384!important;background:#06111d!important}


/* v8.5.3 — Garage photo association resolver */
.garage851-no-photo{display:grid!important;place-items:center!important;text-align:center!important;gap:4px!important}
.garage851-no-photo small{font-size:7px!important;color:#7890a8!important;font-weight:600!important}


/* ==========================================================
   v8.6.0 — Collector Pro Plus
   ========================================================== */
.timeline86-feed{position:relative;display:grid;gap:6px}.timeline86-feed:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:#173650}.timeline86-day{position:relative;z-index:1;width:max-content;margin:10px 0 3px 5px;padding:4px 9px;border:1px solid #31516d;border-radius:99px;background:#07131f;color:#72cfff;font-size:8px;font-weight:900}.timeline86-event{position:relative;display:grid;grid-template-columns:38px 64px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid #213a51;border-radius:10px;background:#07131f}.timeline86-dot{position:absolute;left:15px;width:10px;height:10px;border-radius:50%;background:#27b9ff;box-shadow:0 0 10px #27b9ff}.timeline86-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0a2941;color:#5ecbff}.timeline86-photo{width:64px;height:55px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#02070c}.timeline86-photo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.timeline86-event small,.timeline86-event p{font-size:8px;color:#7890a8}.timeline86-event h3{margin:2px 0;font-size:11px}
.storage86-kpis,.value86-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:9px}.storage86-kpis>div,.value86-kpis>div{padding:10px;border:1px solid #29425d;border-radius:10px;background:#07131f;display:grid}.storage86-kpis small,.value86-kpis small{font-size:7px;color:#7890a8}.storage86-kpis b,.value86-kpis b{font-size:20px}.storage86-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}.storage86-node{padding:10px;border:1px solid #29425d;border-radius:11px;background:#07131f;margin-left:calc(var(--depth)*8px)}.storage86-head{display:flex;justify-content:space-between;gap:8px}.storage86-head span{font-size:7px;color:#58c8ff}.storage86-head h2{font-size:14px;margin:2px 0}.storage86-head small{font-size:8px;color:#7890a8}.storage86-meter{height:6px;border-radius:99px;background:#03090e;overflow:hidden;margin:7px 0}.storage86-meter i{display:block;height:100%;background:linear-gradient(90deg,#1da9ed,#41d89c)}.storage86-cars{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.storage86-cars>a{display:grid;gap:2px;text-decoration:none;color:#fff;text-align:center}.storage86-cars>a>span{height:56px;display:grid;place-items:center;overflow:hidden;background:#03090e;border-radius:6px}.storage86-cars img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.storage86-cars b{font-size:6px}.storage86-foot{display:flex;justify-content:space-between;margin-top:7px;font-size:7px;color:#7890a8}
.value86-chart{height:260px;display:flex;align-items:flex-end;gap:6px;padding:14px 8px 30px;border-radius:10px;background:#04101a;overflow-x:auto}.value86-chart>div{height:100%;min-width:42px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.value86-chart i{width:70%;min-height:4px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#43e79c,#0a7fdb)}.value86-chart b{font-size:7px;color:#70efb2}.value86-chart span,.value86-chart small{font-size:6px;color:#7890a8}.value86-list{display:grid}.value86-list>a{display:flex;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px solid #172c40;text-decoration:none;color:#fff}.value86-list>a span{display:grid}.value86-list small{font-size:8px;color:#7890a8}.value86-list strong{color:#60dfa0}
.photo86-controls{display:grid!important;grid-template-columns:auto 1fr 1fr auto!important;gap:8px!important;align-items:end!important;position:sticky;top:65px;z-index:8}.photo86-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px;margin-top:8px}.photo86-card{position:relative;padding:7px;border:1px solid #29425d;border-radius:10px;background:#07131f;display:grid;gap:5px}.photo86-card>input{position:absolute;z-index:2;top:10px;left:10px}.photo86-image{height:190px;display:grid;place-items:center;overflow:hidden;background:#02070c;border-radius:8px}.photo86-image img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.photo86-meta{display:grid}.photo86-meta b{font-size:9px}.photo86-meta small{font-size:7px;color:#7890a8}
.dash86-timeline{display:grid;gap:4px}.dash86-timeline>a{display:grid;grid-template-columns:10px 1fr;gap:7px;align-items:center;padding:5px 0;text-decoration:none;color:#fff;border-bottom:1px solid #172c40}.dash86-timeline i{width:8px;height:8px;border-radius:50%;background:#2bbcff}.dash86-timeline span{display:grid}.dash86-timeline small{font-size:7px;color:#7890a8}.dash86-value-bars{height:170px;display:flex;align-items:flex-end;gap:5px;padding:7px;background:#04101a;border-radius:8px}.dash86-value-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.dash86-value-bars i{display:block;width:70%;min-height:3px;background:linear-gradient(180deg,#42e49b,#168fd6);border-radius:3px 3px 0 0}.dash86-value-bars span{font-size:6px;color:#7890a8}
@media(max-width:760px){.timeline86-event{grid-template-columns:38px 54px minmax(0,1fr)}.timeline86-event>a.btn{grid-column:3}.storage86-kpis,.value86-kpis{grid-template-columns:1fr 1fr}.storage86-cars{grid-template-columns:repeat(3,1fr)}.photo86-controls{position:static;grid-template-columns:1fr 1fr}.photo86-grid{grid-template-columns:1fr 1fr}.photo86-image{height:160px}}


/* ==========================================================
   v8.7.0 — Collector Experience Suite
   ========================================================== */
.showcase87-shell{min-height:100vh;background:radial-gradient(circle at 50% 20%,#123654 0,#06111c 38%,#02070c 100%);padding:14px}.showcase87-top,.showcase87-actions,.showcase87-filter{display:flex;justify-content:space-between;align-items:center;gap:8px}.showcase87-filter{margin:8px 0}.showcase87-stage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:70vh}.showcase87-card{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:center;padding:18px;border:1px solid #315579;border-radius:18px;background:#07131fd9;box-shadow:0 25px 70px #0008}.showcase87-photo{min-height:520px;display:grid;place-items:center;background:#02070c;border-radius:14px;overflow:hidden}.showcase87-photo img{max-width:100%!important;max-height:72vh!important;object-fit:contain!important}.showcase87-info h2{font-size:34px;margin:5px 0}.showcase87-info p{color:#86a0b6}.showcase87-info>strong{display:block;margin-top:14px;font-size:28px;color:#55e8a8}.showcase87-badges{display:flex;gap:6px;flex-wrap:wrap}.showcase87-badges span{padding:4px 8px;border:1px solid #2678aa;border-radius:99px;background:#0a2840;color:#83d7ff;font-size:9px}.showcase87-nav{width:52px;height:82px;border:0;background:#081829;color:#fff;font-size:42px;border-radius:12px}.showcase87-counter{text-align:center;color:#8ca2b5;margin-top:6px}
.binder87-cover{min-height:500px;display:grid;place-items:center;align-content:center;text-align:center;border:2px solid #244b6d;border-radius:16px;background:radial-gradient(circle,#0b3552,#06101a);margin-bottom:15px}.binder87-logo{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;background:#0b6bac;color:#fff;font-size:28px;font-weight:900}.binder87-grid{display:grid;gap:12px}.binder87-grid.layout-one{grid-template-columns:1fr}.binder87-grid.layout-two{grid-template-columns:1fr 1fr}.binder87-grid.layout-four{grid-template-columns:1fr 1fr}.binder87-card{page-break-inside:avoid;display:grid;grid-template-columns:1.2fr 1fr;gap:12px;padding:12px;border:1px solid #29425c;border-radius:12px;background:#07131f}.binder87-photo{min-height:280px;display:grid;place-items:center;background:#02070c;border-radius:10px;overflow:hidden}.binder87-photo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.binder87-data dl{display:grid;grid-template-columns:80px 1fr}.binder87-data dt,.binder87-data dd{margin:0;padding:4px;border-bottom:1px solid #183149;font-size:8px}.binder87-qr{width:100px;height:100px;margin-top:10px}
.analytics87-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.analytics87-card.wide{grid-column:1/-1}.analytics87-bars{display:grid;gap:6px}.analytics87-bars>div{display:grid;grid-template-columns:110px 1fr 45px;gap:8px;align-items:center}.analytics87-bars span,.analytics87-bars strong{font-size:8px}.analytics87-bars i{height:10px;background:#06111d;border-radius:99px;overflow:hidden}.analytics87-bars i b{display:block;height:100%;background:linear-gradient(90deg,#28baff,#48e49e)}.analytics87-special{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.analytics87-special div{padding:12px;background:#081622;border-radius:10px;text-align:center}.analytics87-special b{display:block;font-size:22px}.analytics87-special span{font-size:8px;color:#7890a8}.analytics87-months{height:220px;display:flex;align-items:flex-end;gap:5px;overflow-x:auto}.analytics87-months>div{min-width:36px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.analytics87-months i{width:70%;min-height:4px;background:linear-gradient(180deg,#9e68ff,#27b9ff);border-radius:4px 4px 0 0}.analytics87-months span,.analytics87-months b{font-size:6px}
.export87-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.export87-grid>a{text-decoration:none;color:#fff}.export87-grid>a>span{font-size:8px;color:#68cfff}.export87-grid h2{font-size:16px}.export87-grid p{color:#7890a8}.export87-grid b{color:#54dfa4}
.theme87-form{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:9px!important}.theme87-form label{display:grid;gap:4px}.quickedit87{position:fixed;inset:0;z-index:999;background:#0008}.quickedit87-panel{position:absolute;top:0;right:0;width:min(420px,94vw);height:100%;padding:18px;background:#06111d;border-left:1px solid #29425c;overflow:auto}.quickedit87-panel form{display:grid;gap:8px}.quickedit87-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:0;background:#122739;color:#fff;font-size:20px}
.theme87-radius-square .panel,.theme87-radius-square .btn{border-radius:2px!important}.theme87-radius-soft .panel,.theme87-radius-soft .btn{border-radius:7px!important}.theme87-radius-rounded .panel,.theme87-radius-rounded .btn{border-radius:12px!important}.theme87-sidebar-compact .sidebar{width:190px!important}.theme87-sidebar-wide .sidebar{width:290px!important}.theme87-cards-solid .panel{background:#081827!important}.theme87-cards-flat .panel{box-shadow:none!important}.theme87-density-compact .panel{padding:8px!important}.theme87-density-spacious .panel{padding:16px!important}
.btn.primary{background:var(--theme87-accent,#27b9ff)!important;border-color:var(--theme87-accent,#27b9ff)!important}
@media(max-width:850px){.showcase87-card{grid-template-columns:1fr}.showcase87-photo{min-height:420px}.analytics87-grid,.export87-grid{grid-template-columns:1fr}.binder87-grid.layout-two,.binder87-grid.layout-four{grid-template-columns:1fr}.theme87-form{grid-template-columns:1fr!important}}
@media print{.no-print,.sidebar,.mobile-nav{display:none!important}.binder-v87{background:#fff!important;color:#000!important}.binder87-card{background:#fff!important;color:#000!important;border-color:#bbb!important}.binder87-cover{background:#fff!important;color:#000!important;page-break-after:always}.binder87-grid.layout-one .binder87-card{page-break-after:always}.binder87-grid.layout-two .binder87-card:nth-child(2n){page-break-after:always}.binder87-grid.layout-four .binder87-card:nth-child(4n){page-break-after:always}}


/* v8.7.1 — persistent sidebar category state */
.sidebar details.menu-group[data-menu-state-key] > summary{user-select:none}


/* ==========================================================
   v8.8.0 — Collector Intelligence Suite
   ========================================================== */
.health88-hero{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid #29425d;border-radius:14px;background:radial-gradient(circle at 18% 50%,#123858,#07131f 45%)}.health88-gauge{--p:calc(var(--score)*3.6deg);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--theme87-accent,#27b9ff) var(--p),#122638 0);position:relative}.health88-gauge:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#07131f}.health88-gauge div{position:relative;z-index:1;display:grid;text-align:center}.health88-gauge b{font-size:42px}.health88-gauge small{color:#7890a8}.health88-hero h2{font-size:46px;margin:0}.health88-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0}.health88-bar{height:8px;background:#06101a;border-radius:99px;overflow:hidden}.health88-bar i{display:block;height:100%;background:linear-gradient(90deg,#22aef0,#4be2a4)}.health88-meta{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:8px;font-size:8px}.health88-meta small{grid-column:1/-1;color:#7890a8}.health88-actions{display:flex;flex-wrap:wrap;gap:6px}
.duplicate88-summary,.heat88-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.duplicate88-summary>div,.heat88-summary>div{padding:12px;border:1px solid #29425d;border-radius:10px;background:#07131f;display:grid}.duplicate88-summary small,.heat88-summary small{font-size:7px;color:#7890a8}.duplicate88-summary b,.heat88-summary b{font-size:24px}.duplicate88-copies{display:grid;gap:6px}.duplicate88-copies article{display:grid;grid-template-columns:72px 1fr auto;gap:8px;align-items:center;padding:7px;border:1px solid #20384d;border-radius:8px;background:#06111c}.duplicate88-photo{width:72px;height:82px;display:grid;place-items:center;overflow:hidden;background:#02070c;border-radius:6px}.duplicate88-photo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.duplicate88-copies article>div{display:grid}.duplicate88-copies small{font-size:8px;color:#7890a8}.duplicate88-actions{display:flex!important;gap:4px}.duplicate88-likely{display:grid}.duplicate88-likely>div{display:flex;justify-content:space-between;gap:10px;padding:7px;border-bottom:1px solid #172d41}.duplicate88-likely span{display:grid}.duplicate88-likely small{font-size:8px;color:#7890a8}
.heat88-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.heat88-cell{display:grid;gap:4px;padding:12px;border-radius:11px;border:1px solid #29425d;text-decoration:none;color:#fff;background:#07131f}.heat88-cell>span{font-size:7px;color:#7890a8}.heat88-cell h2{font-size:15px;margin:0}.heat88-cell small,.heat88-cell em{font-size:8px;color:#9db0c0;font-style:normal}.heat88-meter{height:8px;background:#03090e;border-radius:99px;overflow:hidden}.heat88-meter i{display:block;height:100%}.heat88-cell.tone-cool{border-color:#17698f}.heat88-cell.tone-cool .heat88-meter i{background:#29baff}.heat88-cell.tone-warm{border-color:#99752b}.heat88-cell.tone-warm .heat88-meter i{background:#e9b343}.heat88-cell.tone-hot{border-color:#b46a27;background:#211407}.heat88-cell.tone-hot .heat88-meter i{background:#f28d35}.heat88-cell.tone-critical{border-color:#bb3c48;background:#220a10}.heat88-cell.tone-critical .heat88-meter i{background:#ef4d5c}.heat88-cell.tone-free .heat88-meter i{background:#4bdd9d}
.alert88-filter{display:flex!important;gap:8px!important;align-items:end!important}.alert88-filter label{display:flex;align-items:center;gap:5px}.alert88-filter input{width:95px}.alert88-list{display:grid;gap:6px}.alert88-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid #29425d;border-radius:10px;background:#07131f;text-decoration:none;color:#fff}.alert88-row>i{width:9px;height:9px;border-radius:50%;background:#6d8497}.alert88-row span{display:grid}.alert88-row small{font-size:7px;color:#7890a8}.alert88-row p{font-size:9px;color:#a8b8c5;margin:2px 0}.alert88-row.severity-danger>i{background:#ef4d5c;box-shadow:0 0 9px #ef4d5c}.alert88-row.severity-warning>i{background:#eab542}.alert88-row.severity-success>i{background:#4bdd9d}.alert88-row.severity-info>i{background:#2bbcff}
.v88-quick-trigger{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:5px 7px;border:1px solid #2a5b78;border-radius:7px;background:#0a2438;color:#7cd4ff;font-size:8px;font-weight:800;cursor:pointer}.collection-table-actions .v88-quick-trigger{margin:0}
.cmd88[hidden]{display:none!important}.cmd88{position:fixed;inset:0;z-index:10050;display:grid;place-items:start center;padding-top:min(12vh,100px)}.cmd88-backdrop{position:absolute;inset:0;border:0;background:#000a}.cmd88-panel{position:relative;width:min(680px,94vw);max-height:76vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #31506b;border-radius:14px;background:#06111d;box-shadow:0 35px 100px #000c;overflow:hidden}.cmd88-search{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:12px;border-bottom:1px solid #20364a}.cmd88-search input{border:0!important;background:transparent!important;font-size:16px!important;outline:0;color:#fff}.cmd88-search kbd{font-size:7px;color:#7e93a5}.cmd88-results{display:grid;overflow:auto;padding:6px}.cmd88-results>a{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:8px;text-decoration:none;color:#fff}.cmd88-results>a:hover,.cmd88-results>a:focus{background:#0d2639}.cmd88-results>a>i{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#0a2b43;color:#66d0ff}.cmd88-results>a span{display:grid}.cmd88-results>a small{font-size:7px;color:#7890a8}.cmd88-results>a em{font-style:normal;color:#627a8e}.cmd88-foot{padding:7px 12px;border-top:1px solid #20364a;font-size:7px;color:#7890a8}.cmd88-launch{position:fixed;right:18px;bottom:18px;z-index:999;width:44px;height:44px;border-radius:50%;border:1px solid #2c709a;background:#0a2940;color:#fff;font-size:20px;box-shadow:0 10px 25px #0008}
.mobile88-toolbar{display:none}
@media(max-width:850px){.health88-grid{grid-template-columns:1fr 1fr}.health88-hero{align-items:center}.health88-gauge{width:112px;height:112px}.health88-gauge b{font-size:30px}.health88-hero h2{font-size:34px}.duplicate88-copies article{grid-template-columns:58px 1fr}.duplicate88-photo{width:58px;height:70px}.duplicate88-actions{grid-column:2}.alert88-filter{display:grid!important;grid-template-columns:1fr 1fr!important}.alert88-filter button{grid-column:1/-1}.cmd88-launch{display:none}.mobile88-toolbar{display:grid;position:fixed;z-index:1000;left:8px;right:8px;bottom:8px;grid-template-columns:repeat(5,1fr);padding:4px;border:1px solid #29425d;border-radius:13px;background:#06111df2;box-shadow:0 15px 35px #000b;backdrop-filter:blur(12px)}.mobile88-toolbar a,.mobile88-toolbar button{display:grid;place-items:center;gap:1px;padding:5px 2px;border:0;background:transparent;color:#dbe8f2;text-decoration:none}.mobile88-toolbar i{font-style:normal;font-size:16px;color:#61ccff}.mobile88-toolbar span{font-size:6px}.app-main,.main-content{padding-bottom:72px!important}}

/* ==========================================================
   v8.9.0 — Collector Automation Suite
   ========================================================== */
.intake89-search{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:end!important}.intake89-search label{display:grid;gap:4px}.intake89-matches{display:grid;gap:6px}.intake89-match{display:grid!important;grid-template-columns:68px 1fr auto!important;gap:9px!important;align-items:center!important;text-decoration:none;color:#fff}.intake89-thumb{width:68px;height:76px;display:grid;place-items:center;background:#02070c;border-radius:7px;overflow:hidden}.intake89-thumb img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.intake89-match span:nth-child(2){display:grid}.intake89-match small{font-size:8px;color:#7890a8}.intake89-match strong.warn{color:#f1ba48}.intake89-form{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.intake89-form label{display:grid;gap:4px}.intake89-form .wide{grid-column:1/-1}
.set89-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px}.set89-kpis>div{display:grid;padding:10px;border:1px solid #29425d;border-radius:10px;background:#07131f}.set89-kpis small{font-size:7px;color:#7890a8}.set89-kpis b{font-size:22px}.set89-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.set89-bar{height:7px;background:#04101a;border-radius:99px;overflow:hidden}.set89-bar i{display:block;height:100%;background:linear-gradient(90deg,#2bbcff,#4ce0a3)}.set89-stats,.set89-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.set89-stats span{padding:3px 6px;background:#0a1b29;border-radius:99px;font-size:7px}
.storage-assist89-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.storage-assist89-grid>a{text-decoration:none;color:#fff;position:relative}.storage-assist89-grid .rank{position:absolute;right:9px;top:9px;color:#62d2ff;font-weight:900}.storage-assist89-grid h2{font-size:15px}.storage-assist89-grid p,.storage-assist89-grid small{font-size:8px;color:#7890a8}.storage-assist89-meter{height:7px;background:#03090e;border-radius:99px;overflow:hidden}.storage-assist89-meter i{display:block;height:100%;background:linear-gradient(90deg,#3ee09d,#2bbcff)}
.photo89-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px}.photo89-select>a{display:grid;text-decoration:none;color:#fff}.photo89-select>a>span{height:170px;display:grid;place-items:center;background:#02070c;border-radius:7px;overflow:hidden}.photo89-select img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.photo89-select small{font-size:7px;color:#7890a8}.photo89-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.photo89-image{height:270px;display:grid;place-items:center;background:#02070c;border-radius:8px;overflow:hidden}.photo89-image img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.photo89-meta{display:grid;margin:6px 0}.photo89-meta small{font-size:8px;color:#7890a8}.photo89-actions{display:flex;gap:4px;flex-wrap:wrap}.photo89-actions form{display:flex;gap:3px}
.batch89-filter{display:grid!important;grid-template-columns:1fr 180px auto!important;gap:7px!important}.batch89-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;position:sticky;top:64px;z-index:7}.batch89-actions label{display:grid;gap:3px}.batch89-list{display:grid;gap:5px;margin-top:8px}.batch89-all,.batch89-row{padding:8px;border:1px solid #29425d;border-radius:8px;background:#07131f}.batch89-row{display:grid;grid-template-columns:auto 56px 1fr auto;gap:8px;align-items:center}.batch89-photo{width:56px;height:62px;display:grid;place-items:center;background:#02070c;border-radius:6px;overflow:hidden}.batch89-photo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.batch89-row span:nth-child(3){display:grid}.batch89-row small{font-size:7px;color:#7890a8}
.undo89-list{display:grid;gap:6px}.undo89-list article{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important}.undo89-list article>div{display:grid}.undo89-list h2{font-size:13px;margin:3px 0}.undo89-list small{font-size:8px;color:#7890a8}.undo89-done{padding:4px 8px;border-radius:99px;background:#0e3527;color:#67e9ad;font-size:7px}
.import89-upload{display:flex;gap:8px;align-items:end}.import89-upload label{display:grid;gap:4px;flex:1}.import89-table{overflow:auto}.import89-table table{width:100%;border-collapse:collapse}.import89-table th,.import89-table td{padding:6px;border-bottom:1px solid #1a3045;text-align:left;font-size:8px}.import89-table .pill{padding:3px 6px;border-radius:99px;background:#0c2d43;color:#69d3ff}.import89-table .warn{color:#f1ba48}
@media(max-width:780px){.intake89-search,.batch89-filter{grid-template-columns:1fr!important}.intake89-form{grid-template-columns:1fr}.intake89-form .wide{grid-column:auto}.set89-kpis{grid-template-columns:1fr 1fr}.batch89-actions{position:static;grid-template-columns:1fr 1fr!important}.batch89-row{grid-template-columns:auto 48px 1fr}.batch89-row>strong{grid-column:3}.photo89-grid{grid-template-columns:1fr 1fr}.photo89-image{height:210px}.import89-upload{display:grid}.undo89-list article{align-items:flex-start!important}}

/* v8.9.1 — explicit camera capture for intake photo pickers */
.camera891-picker{display:grid;gap:6px}.camera891-actions{display:flex;gap:7px;flex-wrap:wrap}.camera891-status{color:#7890a8}.camera891-previews{display:flex;gap:7px;flex-wrap:wrap}.camera891-preview{position:relative;width:82px;height:92px;display:grid;place-items:center;border:1px solid #29425d;border-radius:8px;background:#02070c;overflow:hidden}.camera891-preview img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.camera891-preview button{position:absolute;right:3px;top:3px;width:22px;height:22px;border:0;border-radius:50%;background:#000b;color:#fff}.camera891-take{white-space:nowrap}
@media(max-width:700px){.camera891-actions .btn,.v733-photo-picker>.btn{min-height:44px}.camera891-preview{width:74px;height:84px}}


/* v8.9.2 Photo Studio rotation hotfix */
.photo-v7-img{display:grid;place-items:center}
.photo-v7-img img.v892-rotatable-photo{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform-origin:center center!important;
  transition:transform .18s ease;
}
#photoLightboxImg{transform-origin:center center!important}


/* v8.9.3 deterministic Photo Studio rotation */
.v893-rotation-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:31px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  border:1px solid #315a80;
  background:#0c2437;
  color:#72d4ff;
  font-size:8px;
  font-weight:800;
}
.photo-v7-img img.v892-rotatable-photo,
.photo-sort-card>img,
.photo89-image>img{
  transform-origin:center center!important;
}
.photo-v7-img{
  overflow:hidden!important;
}


/* v8.9.4 — carry Photo Studio rotation into View/Edit Car */
.car2-main,.v71-photo-thumb{overflow:hidden!important}
.car2-main-image,.car2-thumbs img,.v71-photo-thumb img,#car2Lightbox img{
  transform-origin:center center!important;
}
.car2-main-image{
  object-fit:contain!important;
  object-position:center!important;
}
.car2-thumbs button{overflow:hidden!important}
.car2-thumbs img,.v71-photo-thumb img{
  object-fit:contain!important;
  object-position:center!important;
}
#car2Lightbox img{object-fit:contain!important}


/* v8.9.6 — application-wide persisted photo rotation */
.collection-table-photo,
.collection-card-photo,
.copy-mini-card,
.mobile3-thumb,
.search3-thumb,
.mass-edit-thumb,
.rarity85-photo,
.storage86-cars a>span,
.duplicate88-photo,
.batch89-photo,
.photo89-select a>span,
.tiny-thumb,
.dash85-rarity-photo,
.valuable-image-frame,
.car2-main,
.car2-thumbs button,
.v71-photo-thumb{
  overflow:hidden!important;
}
.collection-table-photo img,
.collection-card-photo img,
.copy-mini-card img,
.mobile3-thumb img,
.search3-thumb img,
.mass-edit-thumb img,
.rarity85-photo img,
.storage86-cars img,
.duplicate88-photo img,
.batch89-photo img,
.photo89-select img,
.tiny-thumb img,
.dash85-rarity-photo img,
.valuable-image-frame img,
.photo img{
  object-fit:contain!important;
  object-position:center!important;
  transform-origin:center center!important;
}


/* v8.9.8 — editable Series lookup */
label>small.muted{font-weight:500}
input[list^="v798"],input[list="v71SeriesList"]{
  background-image:linear-gradient(90deg,transparent,transparent);
}


/* v8.9.9 Smart Search live results */
.v899-live-hint{display:block;margin-top:4px;color:#6f8ba4;font-size:8px}
.v899-live-state{
  min-width:54px;
  text-align:center;
  padding:4px 8px;
  border:1px solid #23435d;
  border-radius:999px;
  color:#72d4ff;
  background:#071927;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
}
.v899-live-state.active{opacity:.65}
.v899-live-empty{
  display:grid;
  place-items:center;
  gap:4px;
  min-height:120px;
  color:#7890a8;
  text-align:center;
}
.v899-live-empty b{color:#d8e8f7}
#v899ResultList{min-height:72px}


/* ==========================================================
   v9.0.1 — Collection view controls mobile containment hotfix
   ========================================================== */
.collection-results-head,
.v738-results-tools,
.v738-view-toggle{
  min-width:0;
  max-width:100%;
}
@media(max-width:640px){
  .collection-results-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%;
  }
  .collection-results-head>div:first-child{
    min-width:0;
  }
  .v738-results-tools{
    display:block!important;
    width:100%;
    min-width:0;
  }
  .v738-results-tools .collection-active-filter{
    display:block;
    margin-bottom:8px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .v738-view-toggle{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    box-sizing:border-box;
    gap:7px;
  }
  .v738-view-toggle .btn{
    width:100%;
    min-width:0!important;
    max-width:100%;
    padding-left:8px;
    padding-right:8px;
    white-space:nowrap;
  }
}


/* ==========================================================
   v9.1.0 — Car Detail Workspace 2.0 / Search 6.0 / Mobile 3.0
   ========================================================== */
.search6-active-filters{
  display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;
}
.search6-active-filters span{
  display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(93,184,255,.25);
  border-radius:999px;background:rgba(18,53,82,.42);font-size:.78rem;font-weight:800;
}
.car-workspace-mobile-actions,.collection-mobile-3{display:none}
.car-workspace-actions{flex-wrap:wrap}
.car2-tabs{overflow-x:auto;scrollbar-width:thin}
.car2-tabs .btn{flex:0 0 auto}

@media(max-width:760px){
  .car-workspace-actions{display:none!important}
  .car-workspace-mobile-actions{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;
    position:sticky;top:72px;z-index:30;margin:0 0 12px;padding:8px;
    border:1px solid rgba(100,180,255,.2);border-radius:16px;
    background:rgba(5,18,33,.94);backdrop-filter:blur(14px);
  }
  .car-workspace-mobile-actions a{
    min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    min-height:52px;border-radius:12px;text-decoration:none;background:rgba(20,55,84,.5);
  }
  .car-workspace-mobile-actions b{font-size:1rem}
  .car-workspace-mobile-actions span{font-size:.72rem;font-weight:800}
  .car2-hero{grid-template-columns:1fr!important}
  .car2-main{min-height:280px}
  .car2-thumbs{overflow-x:auto;display:flex!important;flex-wrap:nowrap!important}
  .car2-thumbs button{flex:0 0 68px}
  .car2-statbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .car2-tabs{display:flex!important;gap:7px;padding-bottom:4px}
  .car2-tabs .btn{white-space:nowrap}

  .collection-mobile-3{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;
    position:sticky;top:72px;z-index:25;margin:0 0 12px;padding:8px;
    border:1px solid rgba(100,180,255,.2);border-radius:16px;
    background:rgba(5,18,33,.94);backdrop-filter:blur(14px);
  }
  .collection-mobile-3 a,.collection-mobile-3 button{
    appearance:none;border:0;min-width:0;min-height:50px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:2px;border-radius:11px;background:rgba(20,55,84,.5);
    color:inherit;text-decoration:none;font:inherit;
  }
  .collection-mobile-3 b{font-size:1rem}
  .collection-mobile-3 span{font-size:.7rem;font-weight:800}
  #collectionFilters{scroll-margin-top:140px}
  .search3-rule-grid{grid-template-columns:1fr!important}
  .search3-keyword-row{grid-template-columns:1fr!important}
  .search3-status-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .search3-save-form{grid-template-columns:1fr!important}
}


/* ==========================================================
   v9.1.1 — Visible installed version indicator
   ========================================================== */
.sidebar-version{
  margin:10px 14px 8px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(111,185,255,.16);
  border-radius:12px;
  background:rgba(5,18,33,.44);
  color:var(--muted,#9fb3c8);
  font-size:.72rem;
}
.sidebar-version span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sidebar-version b{
  color:var(--text,#eef6ff);
  letter-spacing:.04em;
  white-space:nowrap;
}
.mobile-brand span{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.mobile-brand small{
  display:inline-flex;
  align-items:center;
  padding:2px 6px;
  border:1px solid rgba(111,185,255,.18);
  border-radius:999px;
  font-size:.58rem;
  opacity:.78;
  white-space:nowrap;
}
.installed-version-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}
.installed-version-panel h2{
  margin:.15rem 0 .35rem;
}
.installed-version-badge{
  min-width:120px;
  padding:16px 18px;
  border-radius:18px;
  text-align:center;
  font-weight:900;
  font-size:1.35rem;
  letter-spacing:.05em;
  border:1px solid rgba(91,196,255,.28);
  background:rgba(19,75,112,.34);
}
@media(max-width:760px){
  .installed-version-panel{
    align-items:flex-start;
    flex-direction:column;
  }
  .installed-version-badge{
    min-width:0;
    width:100%;
  }
}


/* ==========================================================
   v9.2.0 — Photo Manager 7 / Dashboard 5 / Backup 2 / Storage 5
   ========================================================== */
.photo92-controls{position:sticky;top:12px;z-index:24}
.photo92-card{position:relative;cursor:grab}
.photo92-card.dragging{opacity:.45}
.photo92-drag{display:block;font-size:.68rem;opacity:.62;padding-top:5px}
.photo92-card .photo86-image{overflow:hidden}
.photo92-card .photo86-image img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center}

.storage92-bulk{
  display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,280px) auto;
  gap:12px;align-items:end;margin-bottom:14px;
}
.storage92-bulk>div:first-child{align-self:center}
.storage92-bulk small{display:block}
.storage92-cars .storage92-car{
  position:relative;display:grid;grid-template-columns:20px 52px 1fr 22px;align-items:center;gap:7px;
  min-width:0;border:1px solid rgba(100,180,255,.12);border-radius:10px;padding:5px;
}
.storage92-car>span{width:52px;height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.storage92-car img{max-width:100%;max-height:100%;object-fit:contain}
.storage92-car>a{text-decoration:none;font-size:1.2rem}

.dash920-intelligence{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 12px;
}
.dash920-intelligence article{
  min-width:0;padding:12px 14px;border:1px solid rgba(98,180,245,.16);border-radius:14px;
  background:rgba(8,28,46,.58);
}
.dash920-intelligence span,.dash920-intelligence small{display:block;font-size:.7rem;opacity:.72}
.dash920-intelligence b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0;font-size:1rem}
.dash920-intelligence a{text-decoration:none;color:inherit}

@media(max-width:900px){
  .dash920-intelligence{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash920-intelligence article:last-child{grid-column:1/-1}
  .storage92-bulk{grid-template-columns:1fr}
}
@media(max-width:640px){
  .photo92-controls{position:static}
  .photo86-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dash920-intelligence{grid-template-columns:1fr 1fr}
}


/* ==========================================================
   v9.3.0 — Collector Intelligence
   ========================================================== */
.smart93-signals{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.smart93-signals em{font-style:normal;font-size:.67rem;padding:3px 7px;border-radius:999px;background:rgba(63,164,225,.14);border:1px solid rgba(91,188,245,.2)}
.smart84-owned{display:flex!important;flex-direction:column;align-items:flex-end;gap:2px}
.smart84-owned b{font-size:1rem}.smart84-owned small{font-size:.65rem;opacity:.75}

.dupe93-kpis,.health93-issues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.dupe93-kpis article,.health93-issues a{padding:14px;border-radius:14px;border:1px solid rgba(90,184,245,.17);background:rgba(7,28,47,.58);text-decoration:none;color:inherit}
.dupe93-kpis small,.health93-issues small{display:block;font-size:.68rem;opacity:.72}
.dupe93-kpis b,.health93-issues b{display:block;font-size:1.45rem;margin-top:4px}
.health93-issues{grid-template-columns:repeat(5,minmax(0,1fr))}
.dupe93-catalog-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(120,180,220,.12)}
.dupe93-catalog-row span small{display:block;opacity:.7}
.set84-item.partial{border-color:rgba(245,190,80,.38);background:rgba(112,75,12,.13)}
.set93-near{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(93,210,140,.3)!important}
.set93-near b{font-size:1.05rem}
@media(max-width:760px){
 .dupe93-kpis,.health93-issues{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dupe93-catalog-row{flex-direction:column}
 .smart84-owned{align-items:flex-start}
}


/* ==========================================================
   v9.4.0 — Collector Workflow
   ========================================================== */
.audit94-start{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:18px;align-items:end}
.audit94-start form,.audit94-scan form{display:flex;gap:8px;align-items:end}
.audit94-start select,.audit94-scan input{min-width:0;flex:1}
.audit94-history a,.audit94-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(115,180,225,.12);text-decoration:none;color:inherit}
.audit94-history span small,.audit94-item span small{display:block;opacity:.7}
.audit94-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.audit94-kpis article{padding:14px;border-radius:14px;border:1px solid rgba(90,184,245,.17);background:rgba(7,28,47,.58)}
.audit94-kpis small{display:block;font-size:.68rem;opacity:.72}.audit94-kpis b{font-size:1.55rem}
.audit94-item.found{border-left:3px solid rgba(80,210,135,.7);padding-left:9px}
.audit94-item.unexpected{border-left:3px solid rgba(255,176,65,.8);padding-left:9px}
.audit94-item.expected strong{opacity:.7}
.add94-copy-note{display:flex;gap:10px;align-items:center;margin-bottom:12px}.add94-copy-note span{opacity:.75}
.mobile-collector94{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:860px){.mobile88-toolbar{display:none!important}}
@media(max-width:700px){
 .audit94-start{grid-template-columns:1fr}
 .audit94-start form,.audit94-scan form{flex-direction:column;align-items:stretch}
 .audit94-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .audit94-item{align-items:flex-start;flex-wrap:wrap}
 .audit94-item>span{width:100%}
}


/* ==========================================================
   v9.5.0 — Performance, Diagnostics & Menu Cleanup
   ========================================================== */
.diag95-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.diag95-kpis article,.dbhealth95-score{padding:14px;border:1px solid rgba(90,184,245,.17);border-radius:14px;background:rgba(7,28,47,.58)}
.diag95-kpis small,.diag95-grid small{display:block;font-size:.68rem;opacity:.7}.diag95-kpis b{font-size:1.35rem}
.diag95-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.diag95-grid>div{min-width:0;padding:10px;border-radius:12px;background:rgba(4,20,34,.42)}.diag95-grid b{display:block;overflow-wrap:anywhere}
.diag95-flags{display:flex;gap:8px;flex-wrap:wrap}.diag95-flags span{padding:7px 9px;border-radius:999px;border:1px solid rgba(130,180,215,.18);font-size:.72rem}.diag95-flags .good{background:rgba(44,177,105,.12)}.diag95-flags .bad{background:rgba(225,70,70,.12)}
.diag95-path,.dbhealth95-list article,.route95-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(115,180,225,.12)}.diag95-path span small,.dbhealth95-list span small{display:block;opacity:.65;overflow-wrap:anywhere}
.good-text{color:#86efac}.bad-text{color:#fca5a5}.dbhealth95-score{display:flex;align-items:center;gap:14px;margin-bottom:14px}.dbhealth95-score b{font-size:2rem}.dbhealth95-score strong{margin-left:auto}
.dbhealth95-list article.critical{border-left:3px solid rgba(239,68,68,.8);padding-left:10px}.dbhealth95-list article.warning{border-left:3px solid rgba(245,158,11,.8);padding-left:10px}.dbhealth95-list article.good{border-left:3px solid rgba(34,197,94,.6);padding-left:10px}
.route95-list article code{min-width:190px}.route95-list article.bad{border-left:3px solid rgba(239,68,68,.8);padding-left:10px}.route95-list article.warn{border-left:3px solid rgba(245,158,11,.8);padding-left:10px}
.menu-group-children{min-width:0}.menu-link,.menu-group summary{min-width:0}.menu-link .nav-label,.menu-group summary span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.page-head,.section-head,.head-actions,.form-grid>*{min-width:0}
img,video,canvas{max-width:100%}
table{max-width:100%}
@media(max-width:760px){
 .diag95-kpis,.diag95-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .diag95-path,.dbhealth95-list article,.route95-list article{align-items:flex-start;flex-wrap:wrap}
 .route95-list article code{min-width:0;width:100%;overflow-wrap:anywhere}
 .page-head,.section-head{gap:10px}.head-actions{display:flex;flex-wrap:wrap}
 .panel{max-width:100%;overflow:hidden}
 .table-wrap,.responsive-table,.v738-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .btn,input,select,textarea{max-width:100%}
}
@media(max-width:460px){
 .diag95-kpis,.diag95-grid{grid-template-columns:1fr 1fr}
 .dbhealth95-score{align-items:flex-start;flex-direction:column}.dbhealth95-score strong{margin-left:0}
}


/* ==========================================================
   v9.5.1 — Collector QR Label display/search hotfix
   ========================================================== */
.qrlabels951-tools{
  display:flex;align-items:end;gap:14px;justify-content:space-between;
  margin:0 0 14px;padding:12px 14px;border:1px solid rgba(91,188,245,.16);
  background:rgba(7,28,47,.46);border-radius:14px
}
.qrlabels951-tools label{display:grid;gap:5px;min-width:min(440px,100%)}
.qrlabels951-tools label span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.76}
.qrlabels951-tools input{width:100%}
.qrlabels951-tools small{white-space:nowrap;opacity:.72}

.qr-label-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}
.qr-label-card{
  display:grid!important;
  grid-template-columns:116px 94px minmax(0,1fr);
  gap:12px!important;align-items:center!important;
  min-height:140px;
  overflow:hidden
}
.qr951-qr-wrap{width:116px;height:116px;display:grid;place-items:center;flex:0 0 auto}
.qr951-qr-wrap canvas{width:116px!important;height:116px!important;max-width:none!important}
.qr951-photo{
  width:94px;height:112px;border-radius:9px;overflow:hidden;background:#eceff3;
  display:grid;place-items:center;border:1px solid #d8dde5
}
.qr951-photo img{width:100%;height:100%;object-fit:contain;display:block}
.qr951-no-photo{font-size:.7rem;color:#667085;text-align:center}
.qr951-copy-info{min-width:0;overflow:visible;color:#111}
.qr951-copy-info b,.qr951-copy-info strong{display:block!important;visibility:visible!important;opacity:1!important;color:#111!important}
.qr951-name{font-size:1rem;line-height:1.2;overflow-wrap:anywhere}
.qr951-copy-info strong{font:700 .78rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:5px}
.qr951-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.qr951-meta span{font-size:.67rem;padding:3px 6px;background:#eef2f6;border-radius:999px;color:#344054}
.qr951-empty{margin-top:12px}

@media(max-width:650px){
  .qrlabels951-tools{align-items:stretch;flex-direction:column}
  .qrlabels951-tools label{min-width:0;width:100%}
  .qr-label-grid{grid-template-columns:1fr}
  .qr-label-card{
    grid-template-columns:102px 82px minmax(0,1fr);
    min-height:126px;padding:10px
  }
  .qr951-qr-wrap{width:102px;height:102px}
  .qr951-qr-wrap canvas{width:102px!important;height:102px!important}
  .qr951-photo{width:82px;height:102px}
  .qr951-name{font-size:.92rem}
}

@media(max-width:430px){
  .qr-label-card{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"qr info" "photo info"}
  .qr951-qr-wrap{grid-area:qr;width:96px;height:96px}
  .qr951-qr-wrap canvas{width:96px!important;height:96px!important}
  .qr951-photo{grid-area:photo;width:96px;height:76px}
  .qr951-copy-info{grid-area:info;align-self:start}
}

@media print{
  .qrlabels951-tools,.qr951-empty,.mobile-bottom-nav,.sidebar,.mobile-topbar{display:none!important}
  .qr-label-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .qr-label-card{
    grid-template-columns:92px 72px minmax(0,1fr)!important;
    min-height:104px!important;padding:7px!important;border:1px solid #aaa!important;border-radius:7px!important
  }
  .qr951-qr-wrap{width:92px!important;height:92px!important}
  .qr951-qr-wrap canvas{width:92px!important;height:92px!important}
  .qr951-photo{width:72px!important;height:88px!important}
  .qr951-name{font-size:.78rem!important}
  .qr951-copy-info strong{font-size:.64rem!important}
  .qr951-meta span{font-size:.56rem!important;padding:2px 4px!important}
}


/* ==========================================================
   v9.5.2 — Collector QR Labels visual redesign
   ========================================================== */
.qr952-shell{max-width:1220px;margin:0 auto}
.qr952-head{align-items:flex-start;margin-bottom:14px}
.qr952-title{display:flex;gap:14px;align-items:flex-start}
.qr952-title-icon{
  width:48px;height:48px;display:grid;place-items:center;border-radius:14px;
  background:linear-gradient(145deg,rgba(45,135,255,.2),rgba(14,38,65,.6));
  border:1px solid rgba(86,169,255,.32);font-size:1.5rem;color:#8cc7ff;flex:0 0 auto
}
.qr952-head h1{margin:.05rem 0 .2rem}
.qr952-head-actions{display:flex;gap:8px}
.qr952-print{min-height:48px;padding-inline:22px}

.qr952-search-panel{padding:16px 18px;border-color:rgba(89,177,255,.28);background:rgba(5,24,42,.72)}
.qr952-search-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin-bottom:10px}
.qr952-search-input-wrap{position:relative;flex:1;min-width:0}
.qr952-search-input-wrap input{
  width:100%;height:48px;padding-right:44px;border-color:rgba(111,183,245,.35);
  background:rgba(7,26,45,.9);font-size:1rem
}
.qr952-clear-x{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border:0;background:transparent;color:#8da4ba;font-size:1.5rem;cursor:pointer
}
.qr952-search-row{display:flex;gap:10px}
.qr952-search-btn{min-width:106px}
.qr952-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.qr952-filter-row select{min-width:145px;flex:1 1 145px}
.qr952-clear-btn{min-width:84px}

.qr952-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;color:#aab9c8;font-size:.88rem}
.qr952-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qr952-toolbar-actions label{display:flex;align-items:center;gap:7px}
.qr952-toolbar-actions select{min-width:150px}
.qr952-view-toggle{display:flex;border:1px solid rgba(103,175,235,.28);border-radius:11px;overflow:hidden}
.qr952-view-toggle button{
  border:0;padding:9px 11px;background:rgba(8,29,49,.7);color:#b7c8d9;cursor:pointer;font-weight:700
}
.qr952-view-toggle button.active{background:linear-gradient(135deg,#287ef0,#2866d5);color:#fff}

.qr952-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.qr952-card{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr) 134px!important;
  gap:18px!important;
  align-items:center!important;
  min-height:180px!important;
  padding:14px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f3f6fa 100%)!important;
  border:1px solid #d7dee8!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16)!important;
  color:#111827!important;
  overflow:hidden!important
}
.qr952-card[hidden]{display:none!important}

.qr952-photo{
  width:245px;height:152px;border-radius:12px;overflow:hidden;
  background:#e9edf2;border:1px solid #d7dde5;display:grid;place-items:center
}
.qr952-photo img{width:100%;height:100%;object-fit:contain;display:block}
.qr952-photo-placeholder{color:#667085;text-align:center;display:grid;gap:4px}.qr952-photo-placeholder span{font-size:2rem}

.qr952-info{min-width:0;color:#111827!important}
.qr952-info h2{
  color:#101828!important;font-size:1.15rem;line-height:1.2;margin:0 0 8px;
  overflow-wrap:anywhere;font-weight:850
}
.qr952-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.qr952-badges span{
  display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;
  color:#fff!important;font-size:.72rem;font-weight:800;line-height:1
}
.qr952-badges .year{background:#268cf0}
.qr952-badges .series{background:#607d9d}
.qr952-badges .toy{background:#8b5cf6}
.qr952-info dl{margin:0;display:grid;gap:4px}
.qr952-info dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;align-items:baseline}
.qr952-info dt{color:#344054!important;font-weight:600;font-size:.83rem}
.qr952-info dd{margin:0;color:#111827!important;font-weight:800;font-size:.84rem;overflow-wrap:anywhere}

.qr952-qr-side{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:8px;border:1px solid #d2d9e3;border-radius:12px;background:#fff
}
.qr952-qr-side .v68-real-qr{width:112px;height:112px;display:grid;place-items:center}
.qr952-qr-side canvas{width:112px!important;height:112px!important;display:block!important;max-width:none!important}
.qr952-id-pill{
  width:100%;margin-top:6px;padding:5px 6px;border-radius:6px;background:#080808;color:#fff!important;
  text-align:center;font:800 .68rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}

.qr952-grid.compact .qr952-card{grid-template-columns:120px minmax(0,1fr) 112px!important;min-height:126px!important}
.qr952-grid.compact .qr952-photo{width:120px;height:96px}
.qr952-grid.compact .qr952-qr-side .v68-real-qr,
.qr952-grid.compact .qr952-qr-side canvas{width:88px!important;height:88px!important}
.qr952-grid.compact .qr952-info h2{font-size:1rem}
.qr952-empty{margin-top:12px}

@media(max-width:900px){
  .qr952-card{grid-template-columns:180px minmax(0,1fr) 118px!important}
  .qr952-photo{width:180px;height:135px}
  .qr952-qr-side .v68-real-qr,.qr952-qr-side canvas{width:96px!important;height:96px!important}
}

@media(max-width:650px){
  .qr952-head{gap:10px}
  .qr952-title-icon{display:none}
  .qr952-head-actions{width:100%}
  .qr952-print{width:100%}
  .qr952-search-panel{padding:14px}
  .qr952-search-row{flex-direction:column}
  .qr952-search-btn{width:100%}
  .qr952-filter-row{display:grid;grid-template-columns:1fr 1fr}
  .qr952-filter-row select,.qr952-clear-btn{min-width:0;width:100%}
  .qr952-toolbar{align-items:flex-start;flex-direction:column}
  .qr952-toolbar-actions{width:100%;justify-content:space-between}
  .qr952-toolbar-actions label{flex:1}
  .qr952-toolbar-actions select{width:100%;min-width:0}

  .qr952-card{
    grid-template-columns:92px minmax(0,1fr) 92px!important;
    gap:10px!important;min-height:126px!important;padding:10px!important;border-radius:14px!important
  }
  .qr952-photo{width:92px;height:102px;border-radius:9px}
  .qr952-info h2{font-size:.92rem;margin-bottom:6px}
  .qr952-badges{gap:4px;margin-bottom:6px}
  .qr952-badges span{font-size:.6rem;min-height:22px;padding:3px 6px}
  .qr952-info dl{gap:2px}
  .qr952-info dl>div{grid-template-columns:74px minmax(0,1fr);gap:4px}
  .qr952-info dt,.qr952-info dd{font-size:.67rem}
  .qr952-qr-side{padding:5px}
  .qr952-qr-side .v68-real-qr,.qr952-qr-side canvas{width:78px!important;height:78px!important}
  .qr952-id-pill{font-size:.55rem;padding:4px}
}

@media(max-width:430px){
  .qr952-card{
    grid-template-columns:82px minmax(0,1fr) 76px!important;
    gap:8px!important;padding:8px!important
  }
  .qr952-photo{width:82px;height:94px}
  .qr952-info h2{font-size:.84rem}
  .qr952-info dl>div{grid-template-columns:66px minmax(0,1fr)}
  .qr952-info dt,.qr952-info dd{font-size:.61rem}
  .qr952-badges .series{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .qr952-qr-side .v68-real-qr,.qr952-qr-side canvas{width:64px!important;height:64px!important}
  .qr952-id-pill{font-size:.5rem}
}

@media print{
  .qr952-search-panel,.qr952-toolbar,.qr952-empty,.mobile-bottom-nav,.sidebar,.mobile-topbar{display:none!important}
  .qr952-head .muted,.qr952-head .eyebrow{display:none!important}
  .qr952-head-actions{display:none!important}
  .qr952-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
  .qr952-card{
    grid-template-columns:78px minmax(0,1fr) 72px!important;
    min-height:96px!important;padding:6px!important;border-radius:6px!important;box-shadow:none!important
  }
  .qr952-photo{width:78px!important;height:82px!important}
  .qr952-info h2{font-size:.68rem!important;margin-bottom:3px!important}
  .qr952-badges{gap:2px!important;margin-bottom:3px!important}
  .qr952-badges span{font-size:.48rem!important;min-height:16px!important;padding:2px 4px!important}
  .qr952-info dl>div{grid-template-columns:54px minmax(0,1fr)!important;gap:2px!important}
  .qr952-info dt,.qr952-info dd{font-size:.48rem!important}
  .qr952-qr-side{padding:3px!important}
  .qr952-qr-side .v68-real-qr,.qr952-qr-side canvas{width:58px!important;height:58px!important}
  .qr952-id-pill{font-size:.43rem!important;margin-top:3px!important;padding:3px!important}
}


/* ==========================================================
   v9.5.3 — QR Labels dark-card visual match
   ========================================================== */
.qr952-shell{
  --qr953-bg:#06121f;
  --qr953-panel:#081b2c;
  --qr953-card:#0a1d2d;
  --qr953-card-2:#0c2234;
  --qr953-line:#1e4767;
  --qr953-text:#f7fbff;
  --qr953-muted:#c6d2de;
  --qr953-blue:#1688ff;
  --qr953-purple:#8b4df7;
}

.qr952-head{
  padding:2px 0 10px;
  border-bottom:0
}
.qr952-title-icon{
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  width:56px!important;height:56px!important;
  font-size:2.2rem!important
}
.qr952-head h1{
  color:#f8fbff!important;
  font-weight:900!important;
  letter-spacing:-.02em!important
}
.qr952-head .muted{
  color:#c9d5e2!important;
  max-width:760px
}
.qr952-head-actions{
  flex-direction:column;
  align-items:stretch
}
.qr952-print{
  background:linear-gradient(135deg,#2e8cff,#1672ef)!important;
  border-color:#4e9bff!important;
  box-shadow:0 10px 25px rgba(22,114,239,.24)!important;
  color:#fff!important
}
.qr953-settings-btn{
  min-height:44px;
  border:1px solid #5d7f9f!important;
  background:#0a1b2b!important;
  color:#f3f8fd!important;
  font-weight:800!important
}

.qr952-search-panel{
  background:linear-gradient(180deg,#071a2a 0%,#061624 100%)!important;
  border:1px solid #1b4a70!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  border-radius:16px!important
}
.qr952-search-title{
  color:#f6fbff!important;
  font-weight:800!important
}
.qr952-search-input-wrap input,
.qr952-filter-row select,
.qr952-toolbar-actions select{
  background:#0a1d2e!important;
  color:#eef7ff!important;
  border:1px solid #325b7f!important;
  box-shadow:none!important
}
.qr952-search-input-wrap input::placeholder{color:#9fb0c1!important}
.qr952-clear-x{color:#8ea5bc!important}
.qr952-filter-row select option,
.qr952-toolbar-actions select option{
  background:#0a1d2e;color:#fff
}
.qr952-clear-btn{
  background:#172b3d!important;
  color:#e9f2fb!important;
  border:1px solid #385a78!important
}
.qr952-toolbar{
  color:#d5e0eb!important
}
.qr952-toolbar-actions label{color:#d5e0eb!important}
.qr952-view-toggle{
  border-color:#325b7f!important;
  background:#071827!important
}
.qr952-view-toggle button{
  background:#0a1b2a!important;
  color:#cbd8e4!important
}
.qr952-view-toggle button.active{
  background:linear-gradient(135deg,#2f92ff,#1477f1)!important;
  color:#fff!important
}

/* Dark label cards — this is the core visibility fix. */
.qr952-card{
  background:linear-gradient(145deg,#0c2132 0%,#071825 100%)!important;
  border:1px solid #244d6b!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34)!important;
  color:#fff!important;
}
.qr952-card:hover{
  border-color:#3d78a2!important;
  box-shadow:0 14px 32px rgba(0,0,0,.42),0 0 0 1px rgba(55,143,211,.09)!important
}
.qr952-photo{
  background:#102638!important;
  border:1px solid #315872!important;
  box-shadow:0 5px 15px rgba(0,0,0,.24)
}
.qr952-photo img{
  object-fit:contain!important;
  background:#102638!important
}
.qr952-photo-placeholder{color:#aab9c6!important}

.qr952-info,
.qr952-info h2,
.qr952-info dt,
.qr952-info dd{
  color:#f7fbff!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important
}
.qr952-info h2{
  font-weight:900!important;
  font-size:1.16rem!important
}
.qr952-info dt{
  color:#e0e9f1!important;
  font-weight:500!important
}
.qr952-info dd{
  color:#fff!important;
  font-weight:850!important
}
.qr952-badges .year{background:#138eff!important}
.qr952-badges .series{background:#557796!important}
.qr952-badges .toy{background:#8b4df7!important}
.qr952-badges span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15)
}

/* Keep the QR itself on white, just like the approved mockup. */
.qr952-qr-side{
  background:#fff!important;
  border:1px solid #cfdae4!important;
  box-shadow:0 5px 14px rgba(0,0,0,.2)!important
}
.qr952-id-pill{
  background:#050505!important;
  color:#fff!important;
  border:1px solid #1a1a1a!important
}

.qr952-empty{
  background:#0a1d2e!important;
  color:#f7fbff!important;
  border-color:#284f6d!important
}
.qr952-empty span{color:#bfcedb!important}

/* More mockup-like mobile geometry. */
@media(max-width:650px){
  .qr952-head-actions{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important
  }
  .qr952-print,.qr953-settings-btn{width:100%!important}
  .qr952-card{
    grid-template-columns:104px minmax(0,1fr) 92px!important;
    min-height:142px!important;
    gap:10px!important;
    padding:10px!important
  }
  .qr952-photo{
    width:104px!important;
    height:120px!important
  }
  .qr952-info h2{
    font-size:.94rem!important;
    margin-bottom:6px!important
  }
  .qr952-info dl>div{
    grid-template-columns:78px minmax(0,1fr)!important
  }
  .qr952-info dt,.qr952-info dd{
    font-size:.68rem!important;
    line-height:1.2!important
  }
  .qr952-qr-side .v68-real-qr,
  .qr952-qr-side canvas{
    width:78px!important;height:78px!important
  }
  .qr952-badges span{
    font-size:.61rem!important;
    min-height:22px!important
  }
}
@media(max-width:430px){
  .qr952-card{
    grid-template-columns:86px minmax(0,1fr) 74px!important;
    gap:8px!important
  }
  .qr952-photo{
    width:86px!important;height:108px!important
  }
  .qr952-info h2{font-size:.84rem!important}
  .qr952-info dl>div{
    grid-template-columns:62px minmax(0,1fr)!important
  }
  .qr952-info dt,.qr952-info dd{font-size:.59rem!important}
  .qr952-qr-side .v68-real-qr,
  .qr952-qr-side canvas{
    width:62px!important;height:62px!important
  }
  .qr952-id-pill{font-size:.48rem!important}
}

/* Printing still uses white labels to save ink and improve scanner reliability. */
@media print{
  .qr952-card{
    background:#fff!important;
    color:#111!important;
    border-color:#aaa!important
  }
  .qr952-info,.qr952-info h2,.qr952-info dt,.qr952-info dd{
    color:#111!important
  }
  .qr952-photo{background:#f3f4f6!important;border-color:#bbb!important}
}

/* v9.5.4 QR hard-override lives inline in copies/labels.php to bypass stale cached CSS. */
/* v9.6.0 Collector Command + Completion Centers */
.v96-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.v96-kpis>a,.v96-kpis>div{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(17,24,39,.82));text-decoration:none;color:inherit;min-width:0}.v96-kpis small{font-size:11px;letter-spacing:.08em;color:#94a3b8}.v96-kpis b{font-size:28px;color:#f8fafc}.v96-kpis span{font-size:12px;color:#94a3b8}.v96-progress-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.12);text-decoration:none;color:inherit}.v96-progress-row span{display:flex;flex-direction:column;gap:3px}.v96-progress-row small{color:#94a3b8}.v96-progress-row em{font-style:normal;font-weight:800;color:#38bdf8}.v96-progress-row i{grid-column:1/-1;height:7px;background:#111827;border-radius:99px;overflow:hidden}.v96-progress-row u{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#22c55e);border-radius:99px}.v96-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.12);text-decoration:none;color:inherit}.v96-line span{display:flex;flex-direction:column;gap:3px}.v96-line small{color:#94a3b8}.v96-line strong{color:#e2e8f0}.v96-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v96-set-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.v96-set-head strong{font-size:28px;color:#38bdf8}.v96-meter{height:10px;margin:15px 0;background:#111827;border-radius:99px;overflow:hidden}.v96-meter i{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#22c55e)}.v96-set-stats{display:flex;gap:18px;flex-wrap:wrap;color:#94a3b8}.v96-set-stats b{color:#f8fafc}.v96-actions{display:flex;gap:8px;margin-top:15px}.v96-complete-badge{margin-top:15px;padding:10px 12px;border-radius:10px;background:rgba(34,197,94,.12);color:#86efac;font-weight:700}@media(max-width:1100px){.v96-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.v96-kpis{grid-template-columns:repeat(2,1fr)}.v96-set-grid{grid-template-columns:1fr}}


/* v9.7 Collector Field & Operations Suite */
.v97-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.v97-kpis>div,.v97-doctor-card{background:linear-gradient(145deg,#0d1d31,#10182a);border:1px solid #29405d;border-radius:16px;padding:16px;box-shadow:0 12px 30px #0003}.v97-kpis span,.v97-doctor-card span{display:block;color:#92a8c3;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.v97-kpis strong,.v97-doctor-card strong{display:block;font-size:25px;margin-top:5px;color:#f7fbff}.v97-meter{height:7px;border-radius:99px;background:#07101d;overflow:hidden;border:1px solid #263a55}.v97-meter i{display:block;height:100%;background:linear-gradient(90deg,#2dd4bf,#38bdf8);border-radius:99px}.v97-meter.big{height:12px;margin:0 0 18px}.v97-set-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.v97-set-summary{display:grid;gap:8px;padding:16px;background:#0d1929;border:1px solid #263b56;border-radius:16px;color:inherit;text-decoration:none}.v97-set-summary>strong{font-size:22px}.v97-hero{display:flex;justify-content:space-between;align-items:end;background:linear-gradient(135deg,#101d30,#17223a);border:1px solid #2d4566;border-radius:18px;padding:22px}.v97-hero>strong{font-size:44px}.v97-inline-action{margin:12px 0}.v97-car-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.v97-car-tile{overflow:hidden;background:#0d1828;border:1px solid #29405c;border-radius:16px;position:relative}.v97-car-tile.missing{opacity:.52;filter:saturate(.45)}.v97-car-tile.partial{border-color:#c18b2e}.v97-car-tile.owned{border-color:#2b7f70}.v97-car-tile img,.v97-photo-empty{width:100%;aspect-ratio:4/3;object-fit:contain;background:#07111e;display:grid;place-items:center}.v97-car-tile .pad{display:grid;gap:4px;padding:12px}.v97-state{font-size:10px;letter-spacing:.08em;color:#80dcca}.v97-field-search{display:flex;gap:10px;margin-bottom:18px}.v97-field-search input{font-size:18px;min-height:52px;flex:1}.v97-field-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #20344d;color:inherit;text-decoration:none}.v97-field-row img,.mini-empty{width:64px;height:52px;object-fit:contain;border-radius:9px;background:#07111e;display:grid;place-items:center}.v97-field-row span{display:grid}.v97-field-row small{color:#90a4bd}.v97-storage-list{display:grid;gap:9px}.v97-storage-node{margin-left:calc(var(--depth) * 22px);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border-radius:13px;border:1px solid #263b55;background:#0b1727;color:inherit;text-decoration:none}.v97-storage-node.state-near{border-color:#84692b}.v97-storage-node.state-full,.v97-storage-node.state-over{border-color:#944757}.v97-storage-node>div:first-child{display:grid;gap:3px}.v97-storage-node .type{font-size:9px;color:#7dd3fc;letter-spacing:.1em}.v97-storage-node .capacity{min-width:150px;text-align:right}.v97-insurance-title{display:none}.v97-insurance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}.v97-insurance-grid article{display:grid;grid-template-columns:120px 1fr;gap:12px;border:1px solid #293e59;border-radius:14px;background:#0c1727;padding:10px}.v97-insurance-grid img{width:120px;height:100px;object-fit:contain;background:#07111e;border-radius:9px}.v97-insurance-grid article>div{display:grid;gap:4px}.v97-insurance-grid small{color:#91a6bf}.v97-doctor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.v97-doctor-card.ok{border-color:#28695f}.v97-doctor-card.warn{border-color:#84692b}.v97-doctor-card.bad{border-color:#934455}.v97-code-line{display:block;padding:7px;margin:5px 0;background:#07111e;border-radius:7px;overflow:auto}.v97-doctor-list{display:grid;gap:8px}.v97-doctor-list span{display:flex;justify-content:space-between;border-bottom:1px solid #23364e;padding:8px 0}.v97-scanner-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.v97-video-wrap{position:relative;background:#03080f;border:1px solid #2b435f;border-radius:16px;overflow:hidden;aspect-ratio:4/3}.v97-video-wrap video{width:100%;height:100%;object-fit:cover}.v97-reticle{position:absolute;inset:23% 12%;border:3px solid #38bdf8;border-radius:15px;box-shadow:0 0 0 999px #0005}.v97-manual{display:grid;grid-template-columns:160px 1fr auto;gap:8px;margin-top:12px}.v97-result-photo{width:100%;max-height:300px;object-fit:contain;background:#07111e;border-radius:12px}.v97-match{display:grid;gap:10px}.v97-quick-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.v97-quick-actions select{min-width:160px}.v97-miss{display:grid;gap:10px;text-align:center;padding:30px}
@media(max-width:900px){.v97-kpis,.v97-doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v97-scanner-grid{grid-template-columns:1fr}.v97-field-search,.v97-manual{grid-template-columns:1fr}.v97-storage-node{margin-left:calc(var(--depth) * 10px)}.v97-insurance-grid{grid-template-columns:1fr}}
@media print{.print-hide,.sidebar,.mobile-topbar,.topbar{display:none!important}.main,.content{margin:0!important;padding:0!important}.v97-insurance-title{display:block}.v97-kpis>div{box-shadow:none}.v97-insurance-grid{grid-template-columns:1fr 1fr}.v97-insurance-grid article{break-inside:avoid;background:#fff;color:#000;border-color:#aaa}.v97-insurance-grid small{color:#444}.v97-insurance-grid img,.v97-photo-empty{background:#fff}.v97-kpis>div{background:#fff;color:#000;border-color:#bbb}.v97-kpis strong,.v97-kpis span{color:#000}}



/* v9.8.0 Collection Power Suite */
.v980-page{max-width:1380px;margin:0 auto}.v980-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.v980-kpis-analytics{grid-template-columns:repeat(5,minmax(0,1fr))}.v980-kpis>div{background:linear-gradient(145deg,#111d2b,#0c141f);border:1px solid #26384d;border-radius:16px;padding:16px}.v980-kpis span{display:block;color:#91a7bc;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.v980-kpis b{display:block;color:#fff;font-size:1.55rem;margin-top:4px}.v980-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.v980-filter input,.v980-filter select{min-width:150px}.v980-filter input[name=q]{flex:1;min-width:260px}.v980-filter .check{display:flex;gap:7px;align-items:center}.v980-photo-list{display:grid;gap:16px}.v980-photo-card{padding:16px}.v980-photo-head{display:flex;gap:16px;align-items:center}.v980-cover{width:132px;height:92px;border-radius:12px;background:#08111b;overflow:hidden;display:grid;place-items:center;color:#6e8499}.v980-cover img{width:100%;height:100%;object-fit:cover}.v980-upload{display:flex;gap:10px;align-items:center;margin:14px 0;padding-top:14px;border-top:1px solid #26384d}.v980-upload input{flex:1}.v980-thumbs{display:flex;gap:10px;overflow:auto;padding:4px 0}.v980-thumb{width:130px;flex:0 0 130px;background:#09131e;border:1px solid #26384d;border-radius:12px;padding:7px}.v980-thumb img{width:114px;height:82px;object-fit:cover;border-radius:8px}.v980-thumb small{display:block;margin:5px 0;color:#a8bbcc}.v980-thumb>div{display:flex;gap:4px}.v980-thumb form{margin:0}.v980-thumb .mini{border:1px solid #334b63;background:#132234;color:#fff;border-radius:7px;padding:4px 7px}.v980-label-tools{display:flex;gap:10px;align-items:center;margin-bottom:16px}.v980-label-tools input{flex:1}.v980-label-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v980-label{position:relative;display:grid;grid-template-columns:92px 1fr 112px;gap:12px;align-items:center;background:#101b28;border:1px solid #2b4055;border-radius:14px;padding:10px;break-inside:avoid}.v980-label-photo{height:86px;background:#08111b;border-radius:10px;display:grid;place-items:center;overflow:hidden}.v980-label-photo img{width:100%;height:100%;object-fit:cover}.v980-label-info{display:flex;flex-direction:column;gap:3px;min-width:0}.v980-label-info b{font-size:1rem;color:#fff}.v980-label-info small,.v980-label-info span{color:#a9bbca}.v980-qr{width:104px;height:104px;background:white;padding:4px;border-radius:8px}.v980-label-check{position:absolute;left:8px;top:8px;background:#08111bcc;padding:3px 6px;border-radius:7px;font-size:.68rem}.v980-label-grid[data-size=small]{grid-template-columns:repeat(3,minmax(0,1fr))}.v980-label-grid[data-size=small] .v980-label{grid-template-columns:70px 1fr 82px}.v980-label-grid[data-size=small] .v980-qr,.v980-label-grid[data-size=small] .v980-qr canvas{width:76px!important;height:76px!important}.v980-label-grid[data-size=large]{grid-template-columns:1fr}.v980-storage-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.v980-storage-tree{display:grid;gap:8px}.v980-storage-node{display:grid;grid-template-columns:90px 1fr auto;gap:9px;align-items:center;margin-left:calc(var(--depth)*20px);padding:11px 12px;border:1px solid #2a4054;border-radius:12px;background:#0c1722;color:#fff}.v980-storage-node>span{color:#76bdfd;font-size:.7rem}.v980-storage-node i{grid-column:2/4;height:6px;border-radius:999px;background:#1a2a3a;overflow:hidden}.v980-storage-node i em,.v980-progress-grid i em,.v980-bars i em{display:block;height:100%;background:linear-gradient(90deg,#19a7ff,#7c5cff)}.v980-storage-node.state-near,.v980-storage-node.state-full,.v980-storage-node.state-over{border-color:#b37a2e}.v980-unassigned{max-height:520px;overflow:auto;margin:12px 0;display:grid;gap:6px}.v980-unassigned label{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:9px;background:#0c1722;border-radius:9px}.v980-unassigned small{color:#91a7bc}.v980-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.v980-progress-grid .panel{display:grid;grid-template-columns:1fr auto;gap:8px}.v980-progress-grid b{font-size:1.35rem}.v980-progress-grid i{grid-column:1/3;height:8px;border-radius:999px;background:#182838;overflow:hidden}.v980-analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.v980-bars{display:grid;gap:9px}.v980-bars>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr 42px;gap:8px;align-items:center}.v980-bars i{height:8px;border-radius:999px;background:#182838;overflow:hidden}.v980-bars b{text-align:right}.v980-bulk-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px;align-items:end;margin-bottom:12px}.v980-bulk-actions label{display:grid;gap:5px}.v980-select-all{display:block;margin-bottom:10px}.v980-bulk-list{display:grid;gap:7px}.v980-bulk-row{display:grid;grid-template-columns:auto 54px 1fr auto;gap:10px;align-items:center;background:#0d1722;border:1px solid #26394c;padding:9px;border-radius:11px}.v980-mini-photo{width:54px;height:42px;border-radius:8px;background:#101f2e;display:grid;place-items:center;overflow:hidden}.v980-mini-photo img{width:100%;height:100%;object-fit:cover}.v980-bulk-row small{display:block;color:#91a7bc;margin-top:2px}
@media(max-width:900px){.v980-kpis,.v980-kpis-analytics{grid-template-columns:repeat(2,1fr)}.v980-label-grid,.v980-analytics-grid,.v980-storage-grid,.v980-progress-grid{grid-template-columns:1fr}.v980-bulk-actions{grid-template-columns:repeat(2,1fr)}.v980-label{grid-template-columns:78px 1fr 88px}.v980-qr,.v980-qr canvas{width:82px!important;height:82px!important}.v980-label-grid[data-size=small]{grid-template-columns:1fr}}
@media(max-width:560px){.v980-kpis,.v980-kpis-analytics{grid-template-columns:1fr 1fr}.v980-photo-head{align-items:flex-start}.v980-cover{width:92px;height:74px}.v980-upload{align-items:stretch;flex-direction:column}.v980-bulk-actions{grid-template-columns:1fr}.v980-bulk-row{grid-template-columns:auto 46px 1fr}.v980-bulk-row>strong{grid-column:3}.v980-storage-node{grid-template-columns:70px 1fr}.v980-storage-node>small{grid-column:2}.v980-storage-node i{grid-column:2}.v980-label{grid-template-columns:64px minmax(0,1fr) 74px;gap:7px}.v980-label-photo{height:70px}.v980-qr,.v980-qr canvas{width:68px!important;height:68px!important}}
@media print{.no-print,.sidebar,.mobile-topbar,.mobile-bottom-nav,.v980-label-check{display:none!important}.v980-label-grid{grid-template-columns:repeat(2,1fr)!important;gap:5mm}.v980-label{background:#fff!important;color:#111!important;border:1px solid #777!important;box-shadow:none!important}.v980-label-info b,.v980-label-info small,.v980-label-info span{color:#111!important}.v980-label.skip-print{display:none!important}.v980-page{max-width:none!important}}


/* v9.8.1 mobile bottom navigation */
@media(max-width:860px){
  .mobile-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;padding:5px 1px!important}
  .mobile-bottom-nav span{font-size:20px}
  .mobile-bottom-nav b{font-size:9px;white-space:nowrap}
}
@media(max-width:390px){
  .mobile-bottom-nav{left:4px;right:4px;bottom:5px;padding:5px 3px}
  .mobile-bottom-nav span{font-size:18px}
  .mobile-bottom-nav b{font-size:8px}
  .mobile-add-main span{width:35px;height:35px}
}

/* v9.8.3 Add Car mobile wizard navigation fix */
@media(max-width:860px){
  .v7-wizard-shell{padding-bottom:150px}
  .v7-wizard-nav{
    bottom:92px!important;
    z-index:1100!important;
    margin-bottom:8px;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)!important;
  }
  .v7-wizard-nav>div{min-width:0;display:grid!important;grid-template-columns:1fr 1fr;gap:7px}
  .v7-wizard-nav .btn{min-width:0;white-space:normal;line-height:1.15}
  .v7-wizard-shell .wizard-page{scroll-margin-top:92px}
}
@media(max-width:430px){
  .v7-wizard-nav{left:auto;right:auto;padding:8px;gap:7px}
  .v7-wizard-nav .btn{font-size:12px;padding:10px 7px}
}

/* v9.8.4 — polished Add Car mobile action dock */
.v984-wizard-actions .btn{font-weight:800}
.v984-wizard-actions .btn span{font-size:1.2em;line-height:1}
.v984-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
.v984-next{background:linear-gradient(180deg,#29a9ff,#087be7)!important;border-color:#42bcff!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,139,255,.24)}
.v984-save{background:linear-gradient(180deg,#087c3d,#005e2b)!important;border-color:#38f29a!important;color:#fff!important}
.v984-save-another{background:linear-gradient(180deg,#6932a8,#4c2385)!important;border-color:#a768ff!important;color:#fff!important}
.v984-prev{background:linear-gradient(180deg,#213a57,#172c45)!important;border-color:#456685!important;color:#f2f7ff!important}

@media(max-width:860px){
  .v7-wizard-shell{padding-bottom:178px}
  .v7-wizard-nav.v984-wizard-actions{
    position:sticky!important;
    bottom:94px!important;
    z-index:1100!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px!important;
    border:1px solid #274b70!important;
    border-radius:20px!important;
    background:rgba(5,18,32,.97)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(18px);
  }
  .v984-wizard-actions>span{display:none!important}
  .v984-wizard-actions>.v984-prev,
  .v984-action-grid>.btn{
    min-height:56px!important;
    border-radius:14px!important;
    padding:10px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    font-size:15px!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .v984-action-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .v984-wizard-actions>.v984-prev{align-self:start}
  .v984-action-grid>#wizNext:not([hidden]){min-height:56px!important}
  .v984-action-grid>#wizSave:not([hidden]),
  .v984-action-grid>#wizSaveNext:not([hidden]){min-height:56px!important}
}
@media(max-width:430px){
  .v7-wizard-nav.v984-wizard-actions{left:0!important;right:0!important;padding:9px!important;gap:8px!important}
  .v984-wizard-actions>.v984-prev,
  .v984-action-grid>.btn{font-size:14px!important;padding:9px 8px!important}
}

/* v9.8.5 — compact Add Car mobile action dock */
@media(max-width:860px){
  .v7-wizard-shell{padding-bottom:132px!important}
  .v7-wizard-nav.v984-wizard-actions{
    bottom:88px!important;
    grid-template-columns:1fr 1fr!important;
    padding:7px!important;
    gap:7px!important;
    border-radius:16px!important;
  }
  .v984-action-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .v984-wizard-actions>.v984-prev,
  .v984-action-grid>.btn{
    min-height:42px!important;
    height:auto!important;
    padding:7px 9px!important;
    border-radius:11px!important;
    font-size:12px!important;
    line-height:1.05!important;
    gap:5px!important;
  }
  .v984-wizard-actions .btn span{font-size:14px!important}
  .v984-wizard-actions .btn b{font-size:12px!important}
}
@media(max-width:430px){
  .v7-wizard-nav.v984-wizard-actions{padding:6px!important;gap:6px!important}
  .v984-wizard-actions>.v984-prev,
  .v984-action-grid>.btn{
    min-height:40px!important;
    padding:6px 7px!important;
    font-size:11px!important;
  }
  .v984-wizard-actions .btn b{font-size:11px!important}
}

/* v9.8.6 — true compact 2x2 Add Car action grid */
@media(max-width:860px){
  .v7-wizard-shell{padding-bottom:132px!important}

  .v7-wizard-nav.v984-wizard-actions{
    position:sticky!important;
    bottom:88px!important;
    z-index:1100!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,auto)!important;
    gap:7px!important;
    padding:8px!important;
    border-radius:16px!important;
    background:rgba(5,18,32,.97)!important;
  }

  .v984-wizard-actions>span{display:none!important}

  /* Flatten the right-side wrapper so all four buttons occupy the same grid. */
  .v984-wizard-actions>.v984-action-grid{
    display:contents!important;
  }

  .v984-wizard-actions>.v984-prev,
  .v984-wizard-actions>.v984-action-grid>.btn{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    margin:0!important;
    padding:6px 8px!important;
    border-radius:11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Exact 2x2 placement */
  .v984-wizard-actions>.v984-prev{grid-column:1!important;grid-row:1!important}
  .v984-wizard-actions #wizNext{grid-column:2!important;grid-row:1!important}
  .v984-wizard-actions #wizSave{grid-column:1!important;grid-row:2!important}
  .v984-wizard-actions #wizSaveNext{grid-column:2!important;grid-row:2!important}

  .v984-wizard-actions .btn span{font-size:14px!important}
  .v984-wizard-actions .btn b{font-size:12px!important;line-height:1!important}
}
@media(max-width:390px){
  .v7-wizard-nav.v984-wizard-actions{gap:5px!important;padding:6px!important}
  .v984-wizard-actions>.v984-prev,
  .v984-wizard-actions>.v984-action-grid>.btn{
    min-height:41px!important;
    height:41px!important;
    padding:5px 5px!important;
  }
  .v984-wizard-actions .btn b{font-size:10.5px!important}
  .v984-wizard-actions .btn span{font-size:12px!important}
}

/* v9.8.9 Add Car camera photo preview */
.v733-local-photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}
.v989-photo-preview-card{position:relative;overflow:hidden;border:1px solid #315273;border-radius:14px;background:#071829;aspect-ratio:1/1}
.v989-photo-preview-card img{width:100%;height:100%;display:block;object-fit:cover}
.v989-photo-preview-card span{position:absolute;left:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(2,12,22,.84);color:#fff;font-size:10px;font-weight:800}
#v989PhotoStatus{font-weight:700}

/* v9.9.1 polished dashboard Value History */
.v991-value-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;border:1px dashed #294866;border-radius:18px;background:rgba(3,17,30,.52)}
.v991-value-empty .v991-value-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900;background:#102c43;border:1px solid #315d7d}
.v991-value-empty b{font-size:18px}.v991-value-empty span{font-size:12px;opacity:.72}
.v991-value-single{min-height:220px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:24px;border:1px solid #284a68;border-radius:18px;background:linear-gradient(145deg,rgba(8,31,49,.92),rgba(3,17,29,.92))}
.v991-value-single-main{display:flex;flex-direction:column;gap:7px}.v991-value-single-main small,.v991-value-summary small{font-size:10px;letter-spacing:.13em;font-weight:900;opacity:.7}.v991-value-single-main strong{font-size:clamp(34px,8vw,54px);line-height:1}.v991-value-single-main span{max-width:360px;font-size:12px;opacity:.72;line-height:1.45}
.v991-value-single-badge{width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid #315d7d;background:#0a2135}.v991-value-single-badge span{font-size:30px;font-weight:900;line-height:1}.v991-value-single-badge small{font-size:9px;letter-spacing:.1em;opacity:.7;margin-top:5px}
.v991-value-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.v991-value-summary>div{padding:10px 12px;border:1px solid #25445f;border-radius:12px;background:rgba(3,17,29,.65);display:flex;flex-direction:column;gap:3px}.v991-value-summary b{font-size:15px}
.v991-value-chart-wrap{height:235px;padding:10px 8px 0;border:1px solid #23425d;border-radius:18px;background:linear-gradient(180deg,rgba(2,17,29,.86),rgba(3,14,24,.96));overflow:hidden}
.v991-value-chart{width:100%;height:100%;overflow:visible;color:#2bb6ed}.v991-value-chart .grid{stroke:#264157;stroke-width:1;stroke-dasharray:4 6}.v991-value-chart .area{fill:url(#v991ValueFill)}.v991-value-chart .line{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.v991-value-chart .point{fill:#071827;stroke:currentColor;stroke-width:4}.v991-value-chart text{fill:#8faec7;font-size:10px;font-weight:700}
@media(max-width:520px){.v991-value-single{min-height:190px;padding:18px;grid-template-columns:1fr}.v991-value-single-badge{display:none}.v991-value-summary{grid-template-columns:1fr 1fr}.v991-value-chart-wrap{height:205px}.v991-value-chart .line{stroke-width:5}}

/* v9.9.4 Google photo finder status */
.web-image-status:not(:empty){display:block;margin:10px 0;padding:10px 12px;border:1px solid #31536f;border-radius:10px;background:#081c2c;font-weight:700;line-height:1.35}

/* v9.9.5 Google Programmable Search modal */
body.v995-modal-open{overflow:hidden}
.v995-google-modal{position:fixed;inset:0;z-index:10050;background:rgba(0,7,13,.84);backdrop-filter:blur(7px);padding:18px;overflow:auto}
.v995-google-modal[hidden]{display:none!important}
.v995-google-dialog{width:min(1100px,100%);min-height:min(760px,92vh);margin:0 auto;background:#071725;border:1px solid #2d506d;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.55);padding:18px}
.v995-google-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid #203d55}.v995-google-head h2{margin:2px 0 0}
.v995-google-note{margin:12px 0;padding:10px 12px;border-radius:10px;background:#0c2436;border:1px solid #294b65;font-size:12px;line-height:1.45}
.v995-google-engine{min-height:560px;background:#fff;border-radius:14px;padding:10px;overflow:hidden;color:#111}
@media(max-width:700px){.v995-google-modal{padding:7px}.v995-google-dialog{padding:11px;border-radius:14px;min-height:96vh}.v995-google-head{align-items:flex-start}.v995-google-engine{min-height:70vh}}

/* v9.9.6 selectable Google image bridge */
.v996-picker{margin:12px 0;padding:14px;border:1px solid #315675;border-radius:14px;background:#0a2133;color:#eaf6ff}
.v996-picker-head b{display:block;font-size:15px}.v996-picker-head span{display:block;margin-top:3px;font-size:11px;opacity:.75}
.v996-picker-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.v996-picker-row input{min-width:0}
.v996-picker-message{min-height:18px;margin-top:7px;font-size:11px;font-weight:800;color:#9bdcff}
.v996-selected{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:8px}
.v996-selected-card{display:grid;grid-template-columns:70px 1fr;gap:9px;padding:8px;border:1px solid #2a4d68;border-radius:11px;background:#061725;overflow:hidden}
.v996-selected-card img{width:70px;height:70px;object-fit:cover;border-radius:8px;background:#fff}.v996-selected-card div{min-width:0;display:flex;flex-direction:column;gap:5px}.v996-selected-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.v996-selected-card .btn{align-self:flex-start}
.v996-ready-note{padding:10px 12px;border:1px solid #2f6a55;border-radius:10px;background:#09251c;font-weight:800}
@media(max-width:600px){.v996-picker-row{grid-template-columns:1fr}.v996-picker-row .btn{width:100%}.v996-selected{grid-template-columns:1fr}}

/* v9.9.7 direct selectable Google image results */
.v997-google-help{margin:10px 0;padding:10px 12px;border-radius:10px;background:#0a2b42;border:1px solid #2d6387;color:#e8f7ff;font-size:12px}
.v997-google-selected{display:flex;gap:7px;overflow-x:auto;margin:8px 0;padding-bottom:3px}
.v997-selected-chip{position:relative;flex:0 0 62px;height:62px;border:2px solid #35b879;border-radius:10px;overflow:hidden;background:#fff}
.v997-selected-chip img{width:100%;height:100%;object-fit:cover}.v997-selected-chip button{position:absolute;right:2px;top:2px;width:22px;height:22px;border:0;border-radius:50%;background:#07131d;color:#fff;font-weight:900}
.v997-google-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;padding:8px}
.v997-google-card{display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid #d6dce1;border-radius:10px;background:#fff;color:#111;min-width:0}
.v997-google-card>img{width:100%;height:145px;object-fit:contain;background:#f3f5f7;border-radius:7px}
.v997-google-title{font-size:11px;line-height:1.25;height:2.5em;overflow:hidden}.v997-select-image{width:100%;margin-top:auto}.v997-select-image.selected{background:#168a55!important;border-color:#168a55!important}
@media(max-width:600px){.v997-google-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:4px}.v997-google-card>img{height:125px}}

/* v9.9.9 Google picker action/return UX */
.v999-google-actions{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:minmax(90px,.45fr) 1fr;gap:9px;margin:10px 0;padding:9px;background:#071725;border:1px solid #2d506d;border-radius:12px}
.v999-google-actions .btn{min-height:44px;font-weight:900}.v999-google-actions .v999-use-google:not(:disabled){background:#168a55;border-color:#22b975}.v999-google-actions .v999-use-google:disabled{opacity:.48}
.v999-ready-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin-top:9px}
.v999-ready-card{position:relative;overflow:hidden;border:2px solid #2c8d68;border-radius:11px;background:#071725}.v999-ready-card img{display:block;width:100%;height:110px;object-fit:cover}.v999-ready-card span{display:block;padding:5px 7px;font-size:10px;font-weight:900;text-align:center}
@media(max-width:600px){
 .v995-google-dialog{padding-bottom:82px}
 .v999-google-actions{position:fixed;left:14px;right:14px;bottom:12px;top:auto;z-index:10080;box-shadow:0 -8px 28px rgba(0,0,0,.45);grid-template-columns:110px 1fr}
 .v995-google-engine{padding-bottom:80px}
 .v999-ready-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v999-ready-card img{height:92px}
}

/* v9.9.10 Google picker mobile cleanup */
.v995-google-engine{min-height:0!important;background:transparent!important;padding:0!important;border-radius:0!important;color:inherit!important}
.v995-google-engine:empty{display:none!important}
.v997-google-grid{background:#081b29!important;border:1px solid #294d67;border-radius:14px;padding:8px!important}
.v995-google-dialog{min-height:0!important}
@media(max-width:700px){
 .v995-google-dialog{min-height:0!important}
 .v995-google-engine{min-height:0!important;padding-bottom:82px!important}
 .v999-google-actions{bottom:76px!important}
}

/* =========================================================
   Hot Wheels Collector Pro v10.0 — Collector Pro X
   Major visual/detail/gallery/mobile polish
   ========================================================= */
:root{--v10-radius:18px;--v10-soft:12px}
.v1000-car-detail .panel,.v1000-detail-panel{border-radius:var(--v10-radius)!important;box-shadow:0 14px 38px rgba(0,0,0,.22)}
.v1000-car-detail .car-hero,.v1000-car-detail .detail-hero{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(260px,.85fr);gap:18px;align-items:start}
.v1000-car-detail .car-hero img,.v1000-car-detail .detail-hero img{border-radius:16px;max-height:520px;object-fit:contain;background:#07131d}
.v1000-car-detail .stats-grid,.v1000-car-detail .detail-grid{gap:10px}
.v1000-car-detail .stat-card,.v1000-car-detail .detail-card{border-radius:13px!important;min-height:78px}
.v1000-car-detail .gallery-grid,.v1000-car-detail .photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.v1000-car-detail .gallery-grid img,.v1000-car-detail .photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;transition:transform .16s ease,box-shadow .16s ease}
.v1000-car-detail .gallery-grid img:hover,.v1000-car-detail .photo-grid img:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.35)}
/* Collection Grid 2.0 */
.collection-grid,.v7-collection-grid,.cars-grid{gap:14px!important}
.collection-grid .card,.v7-collection-grid .card,.cars-grid .card{border-radius:16px!important;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.collection-grid .card:hover,.v7-collection-grid .card:hover,.cars-grid .card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.collection-grid img,.v7-collection-grid img,.cars-grid img{object-fit:cover}
/* Better forms: Add/Edit consistency and tap targets */
.form-grid select,.form-grid input,.form-grid textarea{min-height:44px;border-radius:11px}
.form-grid textarea{min-height:96px}
.form-grid select:focus,.form-grid input:focus,.form-grid textarea:focus{outline:2px solid rgba(69,165,255,.38);outline-offset:1px}
/* Smart photo affordances */
.photo-card,.image-card,.gallery-card{position:relative;border-radius:13px!important;overflow:hidden}
.photo-card .btn,.image-card .btn,.gallery-card .btn{min-height:38px}
/* Compact professional mobile presentation */
@media(max-width:760px){
 .v1000-car-detail .car-hero,.v1000-car-detail .detail-hero{grid-template-columns:1fr}
 .v1000-car-detail .car-hero img,.v1000-car-detail .detail-hero img{max-height:390px}
 .v1000-car-detail .gallery-grid,.v1000-car-detail .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .panel{border-radius:14px!important}
 .section-head{gap:8px}
 .section-head h1,.section-head h2{line-height:1.12}
 .form-grid{gap:10px!important}
}

/* v10.0.1 — Car Detail header thumbnail */
.v10001-detail-head{display:grid!important;grid-template-columns:92px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important}
.v10001-head-thumb{width:92px;height:92px;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#07131d;border:1px solid rgba(104,181,255,.24);box-shadow:0 8px 24px rgba(0,0,0,.28)}
.v10001-head-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.v10001-head-thumb-empty{font-weight:900;letter-spacing:.08em;color:#5f7890;background:linear-gradient(145deg,#0b1b29,#10283b)}
@media(max-width:760px){
 .v10001-detail-head{grid-template-columns:74px minmax(0,1fr)!important;gap:12px!important}
 .v10001-detail-head>.head-actions{grid-column:1/-1!important}
 .v10001-head-thumb{width:74px;height:74px;border-radius:14px}
 .v10001-detail-head h1{font-size:clamp(1.65rem,8vw,2.45rem)!important;white-space:normal!important;overflow-wrap:anywhere}
 .v10001-detail-head .eyebrow{font-size:.76rem!important;line-height:1.2}
}

/* v10.1 Collection Experience */
.v101-favorite-form{display:inline-flex;margin:0}.v101-favorite.active{background:#8a6415!important;border-color:#d9a72f!important;color:#fff!important}.v101-quick-edit{margin:0 0 16px!important;padding:0!important;overflow:hidden}.v101-quick-edit summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.v101-quick-edit summary::-webkit-details-marker{display:none}.v101-quick-edit summary span:first-child{display:grid;gap:2px}.v101-quick-edit summary small{color:var(--muted);font-weight:500}.v101-quick-edit form{padding:14px 16px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.v101-quick-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.v101-related{margin-top:14px}.v101-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.v101-related-card{display:grid;gap:8px;text-decoration:none;color:inherit;padding:9px;border:1px solid rgba(116,174,219,.17);border-radius:14px;background:rgba(9,28,43,.58)}.v101-related-photo{aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:#07131d;display:flex;align-items:center;justify-content:center;color:#66839a;font-weight:900}.v101-related-photo img{width:100%;height:100%;object-fit:cover}.v101-related-card b,.v101-related-card small{display:block}.v101-related-card small{color:var(--muted);margin-top:3px}@media(max-width:760px){.v101-quick-edit form{grid-template-columns:1fr 1fr}.v101-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v101-favorite-form{width:100%}.v101-favorite-form .btn{width:100%}}@media(max-width:420px){.v101-quick-edit form{grid-template-columns:1fr}}

/* v10.1.1 Favorites Center */
.v101-fav-filter{display:grid;grid-template-columns:minmax(180px,1fr) 210px auto;gap:10px;align-items:end;margin-bottom:14px}.v101-fav-filter label{display:grid;gap:5px}.v101-favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.v101-fav-card{padding:0!important;overflow:hidden}.v101-fav-photo{display:flex;aspect-ratio:1/1;background:#07131d;align-items:center;justify-content:center;color:#66839a;font-weight:900}.v101-fav-photo img{width:100%;height:100%;object-fit:cover}.v101-fav-body{padding:12px}.v101-fav-body h3{margin:0 0 5px}.v101-fav-body p{margin:0 0 10px;color:var(--muted)}.v101-fav-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.v101-fav-empty{text-align:center;padding:30px!important}@media(max-width:650px){.v101-fav-filter{grid-template-columns:1fr}.v101-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v101-fav-body{padding:9px}.v101-fav-body h3{font-size:.95rem}}@media(max-width:390px){.v101-favorites-grid{grid-template-columns:1fr}}

/* v10.2 Smart Collection */
.v102-filter,.v102-search{display:flex;gap:10px;align-items:end;margin-bottom:14px}.v102-filter label{display:grid;gap:5px}.v102-search input{flex:1}.v102-card-grid,.v102-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.v102-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.v102-chips span{padding:5px 8px;border-radius:999px;background:rgba(238,90,90,.13);border:1px solid rgba(238,90,90,.28);font-size:.78rem}.v102-actions{display:flex;gap:7px;flex-wrap:wrap}.v102-empty{text-align:center;padding:28px!important}.v102-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.v102-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.v102-compare article{padding:10px;border:1px solid rgba(116,174,219,.16);border-radius:14px;background:rgba(6,22,34,.5)}.v102-photo{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#07131d;display:flex;align-items:center;justify-content:center;color:#66839a;font-weight:900}.v102-photo img{width:100%;height:100%;object-fit:cover}.v102-result{display:grid;grid-template-columns:92px 1fr;gap:11px;text-decoration:none;color:inherit}.v102-result .v102-photo{width:92px}.v102-result h3{margin:2px 0 5px}.v102-result p{margin:0 0 7px;color:var(--muted)}.v102-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}.v102-health-grid article{display:grid;gap:5px}.v102-health-grid strong{font-size:2rem}.v102-dash-smart{margin-top:18px}.v102-dash-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v102-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v102-mini-grid a{text-decoration:none;color:inherit;display:grid;gap:5px}.v102-mini-grid img,.v102-mini-grid span{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#07131d;display:flex;align-items:center;justify-content:center}.v102-mini-grid b{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.v102-dash-columns{grid-template-columns:1fr}.v102-card-grid,.v102-result-grid{grid-template-columns:1fr}.v102-filter,.v102-search{align-items:stretch;flex-direction:column}}

/* v10.3 Collector Experience */
.v103-version-badge{position:absolute;top:18px;right:24px;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(91,181,255,.28);border-radius:999px;background:linear-gradient(135deg,rgba(10,31,48,.96),rgba(17,52,77,.96));box-shadow:0 8px 24px rgba(0,0,0,.22);font-size:.78rem}.v103-version-badge span{color:var(--muted)}.v103-version-badge strong{color:#fff;letter-spacing:.04em}
.v103-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}.v103-stat-grid article{display:grid;gap:6px}.v103-stat-grid strong{font-size:1.8rem}.v103-stat-grid small{color:var(--muted)}.v103-progress{height:12px;border-radius:999px;background:#07131d;overflow:hidden}.v103-progress span{display:block;height:100%;background:linear-gradient(90deg,#208cff,#63d3ff)}.v103-smart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.v103-smart-grid a{text-decoration:none;color:inherit}.v103-smart-grid strong{font-size:2rem}.v103-smart-grid span{color:var(--muted)}.v103-compare-table{display:grid;grid-template-columns:150px repeat(4,minmax(180px,1fr));gap:1px;overflow:auto;background:rgba(100,160,210,.15);border-radius:14px}.v103-compare-table>div{background:#0b1a28;padding:12px}.v103-compare-label{font-weight:800;color:var(--muted)}.v103-compare-photo{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#07131d;display:flex;align-items:center;justify-content:center}.v103-compare-photo img{width:100%;height:100%;object-fit:cover}.v103-photo-tile{position:relative;display:grid;gap:4px}.v103-photo-tile.dragging{opacity:.45}.v103-photo-tools form{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.v103-photo-tools button{border:1px solid rgba(110,170,210,.2);background:#0b1a28;color:#fff;border-radius:7px;padding:5px;cursor:pointer}.v103-backup{padding:22px!important}@media(max-width:860px){.v103-version-badge{display:none}.v103-compare-table{grid-template-columns:110px repeat(4,160px)}} 

/* v10.3.1 Search Center 6.0 desktop two-box workspace */
@media (min-width:1000px){
  .search6-desktop-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
  .search6-left-column,.search6-right-column{min-width:0}
  .search6-left-column{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;padding-right:2px}
  .search6-left-column .search3-builder{margin-top:0}
  .search6-left-column .search3-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search6-left-column .search3-keyword-row{grid-template-columns:1fr}
  .search6-left-column .search3-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search6-left-column .search3-save-panel{margin-bottom:0}
  .search6-right-column .search3-results{margin-top:0;min-height:520px}
  .search6-right-column .search6-active-filters{margin-top:0}
  .search6-right-column .search3-result-list{max-height:calc(100vh - 255px);overflow:auto;padding-right:3px}
}
@media (min-width:1300px){
  .search6-desktop-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:999px){
  .search6-desktop-workspace{display:block}
  .search6-left-column{position:static;max-height:none;overflow:visible}
}

/* v10.3.4 Desktop compact icon rail: Hide keeps navigation icons visible */
@media (min-width:861px){
  body.desktop-sidebar-hidden .sidebar{
    flex-basis:72px!important;width:72px!important;min-width:72px!important;
    padding-left:8px!important;padding-right:8px!important;
    border-right-color:#223650!important;opacity:1!important;overflow-x:hidden!important;
    overflow-y:auto!important;transform:none!important;pointer-events:auto!important;
  }
  body.desktop-sidebar-hidden .sidebar .brand>div:not(.logo),
  body.desktop-sidebar-hidden .sidebar .brand .brand-logo-image,
  body.desktop-sidebar-hidden .sidebar .nav-label,
  body.desktop-sidebar-hidden .sidebar .menu-group>summary span:not(.nav-icon),
  body.desktop-sidebar-hidden .sidebar .menu-group>summary b,
  body.desktop-sidebar-hidden .sidebar .menu-active-dot,
  body.desktop-sidebar-hidden .sidebar .menu-customize kbd,
  body.desktop-sidebar-hidden .sidebar .sidebar-version,
  body.desktop-sidebar-hidden .sidebar .sidebar-logout-form{display:none!important}
  body.desktop-sidebar-hidden .sidebar .brand{min-height:54px;justify-content:center;padding:6px 0}
  body.desktop-sidebar-hidden .sidebar .brand .logo:not(.brand-logo-image){display:grid!important;margin:0}
  body.desktop-sidebar-hidden .sidebar .desktop-sidebar-hide{
    position:static;transform:none;margin:0 auto;width:38px;height:38px;min-width:38px;
  }
  body.desktop-sidebar-hidden .sidebar .desktop-sidebar-hide::after{content:'›';font-size:22px}
  body.desktop-sidebar-hidden .sidebar .desktop-sidebar-hide{font-size:0}
  body.desktop-sidebar-hidden .desktop-sidebar-show{display:none!important}
  body.desktop-sidebar-hidden .sidebar-nav{padding-left:0;padding-right:0}
  body.desktop-sidebar-hidden .sidebar-nav .menu-link,
  body.desktop-sidebar-hidden .sidebar .menu-command,
  body.desktop-sidebar-hidden .sidebar .menu-customize>a{
    justify-content:center!important;gap:0!important;padding-left:0!important;padding-right:0!important;
    min-height:44px;
  }
  body.desktop-sidebar-hidden .sidebar .nav-icon{margin:0!important;flex:0 0 auto}
  body.desktop-sidebar-hidden .sidebar .menu-group>summary{
    justify-content:center!important;padding-left:0!important;padding-right:0!important;min-height:42px
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary .nav-icon{display:inline-grid!important}
  body.desktop-sidebar-hidden .sidebar .menu-group{padding:0!important}
  body.desktop-sidebar-hidden .sidebar .menu-group>div,
  body.desktop-sidebar-hidden .sidebar .menu-group>.menu-group-items{padding-left:0!important;padding-right:0!important}
}

/* v10.3.5 compact rail expand + hover labels */
.desktop-icon-tooltip{
  position:fixed;z-index:5000;pointer-events:none;white-space:nowrap;
  padding:8px 11px;border:1px solid #35506f;border-radius:9px;
  background:#0d1c2f;color:#f3f8ff;box-shadow:0 10px 28px #0009;
  font-size:12px;font-weight:750;line-height:1.2;letter-spacing:.01em
}
@media(min-width:861px){
  body.desktop-sidebar-hidden .sidebar .desktop-sidebar-hide{cursor:pointer;pointer-events:auto!important;z-index:20}
  body.desktop-sidebar-hidden .sidebar .menu-link,
  body.desktop-sidebar-hidden .sidebar .menu-group>summary,
  body.desktop-sidebar-hidden .sidebar .menu-command,
  body.desktop-sidebar-hidden .sidebar .menu-customize>a{position:relative;cursor:pointer}
}

/* v10.3.6 Compact rail category icon visibility fix */
@media (min-width:861px){
  body.desktop-sidebar-hidden .sidebar .menu-group>summary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    padding:9px 0!important;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary .nav-icon,
  body.desktop-sidebar-hidden .sidebar .menu-group>summary .menu-group-icon,
  body.desktop-sidebar-hidden .sidebar .menu-group>summary svg{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    flex:0 0 28px!important;
    margin:0!important;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>span:not(.nav-icon):not(.menu-group-icon),
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>b{
    display:none!important;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group-children{
    padding:0!important;
    margin:0!important;
  }
  body.desktop-sidebar-hidden .sidebar details.menu-group{
    overflow:visible!important;
  }
}

/* v10.3.7 definitive category-icon rail rendering */
.compact-group-icon{display:none}
.menu-group-full-icon{display:inline-flex;align-items:center;justify-content:center}
@media (min-width:861px){
  body.desktop-sidebar-hidden .sidebar .menu-group>summary .menu-group-full-icon,
  body.desktop-sidebar-hidden .sidebar .menu-group>summary .menu-group-label,
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>b{display:none!important}
  body.desktop-sidebar-hidden .sidebar .menu-group>summary .compact-group-icon{
    display:flex!important;visibility:visible!important;opacity:1!important;
    align-items:center!important;justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    margin:0 auto!important;border-radius:11px!important;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary .compact-group-icon .menu-group-icon{
    display:inline-flex!important;visibility:visible!important;opacity:1!important;
    width:30px!important;height:30px!important;min-width:30px!important;margin:0!important;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary .compact-group-icon svg{
    display:block!important;visibility:visible!important;opacity:1!important;
    width:24px!important;height:24px!important;fill:var(--menu-icon-color,currentColor)!important;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary:hover .compact-group-icon{
    background:#172b44!important;
  }
}

/* v10.3.8 category icons use the same proven nav-icon element as menu items */
.compact-group-icon{display:none!important}
@media (min-width:861px){
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>.compact-group-icon.nav-icon{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;height:38px!important;min-width:38px!important;
    flex:0 0 38px!important;margin:0 auto!important;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>.compact-group-icon.nav-icon svg{
    display:block!important;width:24px!important;height:24px!important;visibility:visible!important;opacity:1!important;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>.compact-group-icon.nav-icon img{
    display:block!important;width:24px!important;height:24px!important;visibility:visible!important;opacity:1!important;object-fit:contain;
  }
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>.menu-group-full-icon,
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>.menu-group-label,
  body.desktop-sidebar-hidden .sidebar .menu-group>summary>b{display:none!important}
}
@media (min-width:861px){
  body:not(.desktop-sidebar-hidden) .sidebar .menu-group>summary>.compact-group-icon{display:none!important}
}
