/* BinderWorth 3.17.0 — Collector Premium 1C
   Visual identity layer only. Scanner recognition remains 3.3.5.
   Direction: physical binder utility, completion intelligence, amber action, teal progress. */
:root {
  color-scheme: dark;
  --bwp-graphite:#0f1317;
  --bwp-charcoal:#171c21;
  --bwp-charcoal-2:#11161a;
  --bwp-slate:#23282e;
  --bwp-slate-2:#2b3138;
  --bwp-paper:#e7dec9;
  --bwp-paper-ink:#27231c;
  --bwp-amber:#e2a13a;
  --bwp-amber-hi:#f2bd5a;
  --bwp-amber-soft:rgba(226,161,58,.12);
  --bwp-teal:#2cb7a5;
  --bwp-teal-hi:#62d1c3;
  --bwp-teal-soft:rgba(44,183,165,.12);
  --bwp-mist:#aab2b9;
  --bwp-line:rgba(231,222,201,.13);
  --bwp-line-strong:rgba(226,161,58,.28);
  --bwp-shadow:0 18px 48px rgba(0,0,0,.28);

  --bg:var(--bwp-graphite);
  --surface:var(--bwp-charcoal);
  --surface-2:var(--bwp-slate);
  --ink:#f3f0e8;
  --muted:var(--bwp-mist);
  --line:var(--bwp-line);
  --nav:#0c1013;
  --nav-2:#181e23;
  --accent:var(--bwp-amber);
  --accent-2:var(--bwp-amber-hi);
  --green:var(--bwp-teal);
  --gold:var(--bwp-amber);
  --warning:var(--bwp-amber);
  --shadow:var(--bwp-shadow);
}

html { background:var(--bwp-graphite); }
body {
  color:var(--ink);
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.010) 1px,transparent 1px),
    radial-gradient(circle at 12% 8%,rgba(226,161,58,.045),transparent 25rem),
    linear-gradient(180deg,#101418 0%,#0d1114 52%,#111519 100%);
  background-size:32px 32px,32px 32px,auto,auto;
  font-family:"Inter Tight",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body::before {
  opacity:.18;
  background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);
  background-size:auto;
  mask-image:linear-gradient(to bottom,black,transparent 90%);
}
::selection { background:rgba(226,161,58,.78); color:#17120b; }

/* ===== Binder spine shell ===== */
.sidebar {
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(226,161,58,.08),transparent 9%,transparent 90%,rgba(226,161,58,.05)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.013) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#0a0e11,#101519 48%,#0b0f12);
  border-right:1px solid rgba(226,161,58,.20);
  box-shadow:18px 0 45px rgba(0,0,0,.28),inset -10px 0 24px rgba(0,0,0,.28);
}
.sidebar::before,.sidebar::after {
  content:"";
  position:absolute;
  left:19px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#9c8c72,#3f392f 45%,#181511 70%);
  border:1px solid rgba(231,222,201,.24);
  box-shadow:0 1px 5px rgba(0,0,0,.7);
}
.sidebar::before{top:14px}.sidebar::after{bottom:14px}
.brand { gap:6px; padding-bottom:27px; }
.brand::after { background:linear-gradient(90deg,var(--bwp-amber),rgba(226,161,58,.24),transparent); opacity:.72; }
.brand img { filter:sepia(.22) saturate(.9) drop-shadow(0 7px 16px rgba(0,0,0,.35)); }
.brand small { color:#bda979; letter-spacing:.17em; font-size:7.5px; }

.nav-list { gap:5px; }
.nav-item {
  color:#92999f;
  border:1px solid transparent;
  border-radius:8px 13px 13px 8px;
  background:transparent;
}
.nav-item:hover { color:#eee8dc; background:rgba(231,222,201,.035); border-color:rgba(231,222,201,.08); }
.nav-item.active {
  color:#f3ead7;
  background:linear-gradient(90deg,rgba(226,161,58,.16),rgba(226,161,58,.035) 62%,transparent);
  border-color:rgba(226,161,58,.20);
  box-shadow:inset 3px 0 0 var(--bwp-amber),0 8px 20px rgba(0,0,0,.18);
}
.nav-item.scan-nav.active { box-shadow:inset 3px 0 0 var(--bwp-amber),0 8px 20px rgba(0,0,0,.18); }
.nav-item em,.challenge-nav em {
  color:#20170b !important;
  background:var(--bwp-amber) !important;
  border-color:rgba(242,189,90,.5) !important;
}
.nav-count { color:#d9d1c3; background:rgba(231,222,201,.05); border-color:rgba(231,222,201,.08); }
.privacy-note { background:rgba(231,222,201,.025); border-color:rgba(231,222,201,.08); }
.account-menu-dot.signed-in { background:var(--bwp-teal); box-shadow:0 0 0 4px rgba(44,183,165,.10); }

/* ===== Typography / header ===== */
.topbar { border-bottom:1px solid rgba(231,222,201,.08); min-height:96px; }
.topbar h1,.panel-heading h3,.sets-hero h2,.scan-intro h2,.search-hero h2 { color:#f1ede4; }
.topbar-brand-logo { filter:sepia(.2) saturate(.85); }
.eyebrow { color:#dca14a; letter-spacing:.15em; }
.text-button { color:var(--bwp-amber-hi); }

/* ===== Buttons: purpose-built, no neon ===== */
.button { border-radius:9px; font-weight:830; }
.button.primary,.button.light.hero-primary {
  color:#20170b;
  border-color:#efb34e;
  background:linear-gradient(180deg,#f0b750,#d8952e);
  box-shadow:0 9px 22px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.25);
}
.button.primary:hover,.button.light.hero-primary:hover { background:linear-gradient(180deg,#f4c268,#e2a13a); box-shadow:0 12px 26px rgba(0,0,0,.32); }
.button.ghost,.button.light,.icon-button {
  color:#ded9cf;
  background:linear-gradient(180deg,rgba(231,222,201,.045),rgba(231,222,201,.018));
  border-color:rgba(231,222,201,.14);
}
.button.ghost:hover,.icon-button:hover { background:rgba(226,161,58,.065); border-color:rgba(226,161,58,.32); }
.button.hero-secondary { color:#d8d3c9; background:rgba(231,222,201,.035); border-color:rgba(231,222,201,.12); }

input,select,textarea,.field input,.field select,.field textarea,.collection-toolbar select {
  color:#eee9de;
  background:#101519;
  border-color:rgba(231,222,201,.14);
}
input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus,.field textarea:focus {
  border-color:rgba(226,161,58,.58);
  box-shadow:0 0 0 3px rgba(226,161,58,.09);
}

/* ===== Panels / tactile surfaces ===== */
.panel,.stat-card,.collection-row,.result-card,.set-card,.set-row,.wanted-card,.wanted-list-card,
.progress-mode-card,.progress-summary-card,.capture-panel,.scan-result-panel,.account-card,.settings-card {
  color:var(--ink);
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.010) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#1a2025,#14191d);
  border-color:rgba(231,222,201,.105);
  box-shadow:0 13px 30px rgba(0,0,0,.20);
}
.panel { backdrop-filter:none; }
.panel-heading h3,.result-body h3,.collection-name strong,.collection-detail span { color:#f2eee5; }

/* ===== Home: a binder, not a finance dashboard ===== */
.youth-hero,.branded-hero {
  min-height:282px;
  border:1px solid rgba(226,161,58,.25);
  background:
    linear-gradient(90deg,rgba(226,161,58,.055),transparent 19%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),
    linear-gradient(135deg,#161c20,#101519 62%,#191b1b);
  box-shadow:0 24px 55px rgba(0,0,0,.31),inset 0 0 0 1px rgba(255,255,255,.018);
}
.youth-hero::before {
  opacity:.48;
  background-image:
    linear-gradient(90deg,transparent 0 7%,rgba(226,161,58,.08) 7% 7.25%,transparent 7.25% 100%),
    repeating-linear-gradient(0deg,transparent 0 23px,rgba(231,222,201,.025) 24px);
  background-size:auto;
}
.youth-hero::after,.branded-hero::after { display:none; }
.hero-copy { max-width:650px; }
.hero-panel h2 { font-size:clamp(31px,4vw,52px); letter-spacing:-.045em; }
.hero-panel p:not(.eyebrow) { color:#aaa69e; }
.hero-badge-row { gap:6px; }
.hero-badge-row .mini-badge {
  color:#c6baa1 !important;
  background:rgba(231,222,201,.035) !important;
  border:1px solid rgba(231,222,201,.10) !important;
  box-shadow:none !important;
}
.hero-badge-row .mini-badge:nth-child(3){color:#21170a !important;background:var(--bwp-amber) !important;border-color:var(--bwp-amber) !important}
.status-chip { color:#b7c9c4; }
.status-chip i { background:var(--bwp-teal); box-shadow:0 0 0 4px rgba(44,183,165,.10); }

.binder-hero-card {
  width:min(390px,38vw);
  min-width:310px;
  padding:17px 17px 15px 30px;
  border:1px solid rgba(226,161,58,.22);
  border-radius:13px;
  background:
    linear-gradient(90deg,rgba(226,161,58,.08),transparent 12%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),
    #11171b;
  box-shadow:0 20px 38px rgba(0,0,0,.28),inset 8px 0 18px rgba(0,0,0,.24);
  position:relative;
}
.binder-hero-card::before {
  content:""; position:absolute; left:10px; top:14px; bottom:14px; width:7px;
  background:radial-gradient(circle,#8e816d 0 2px,#27231d 2.5px 4px,transparent 4.5px) center top/7px 34px repeat-y;
  opacity:.85;
}
.binder-hero-card-head,.binder-hero-card-meta { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.binder-hero-card-head span { font-size:9px; color:#d3b67f; letter-spacing:.17em; font-weight:900; }
.binder-hero-card-head b { color:var(--bwp-teal-hi); font-size:13px; }
.binder-slot-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:6px; margin:14px 0; }
.binder-slot-grid span {
  display:block; aspect-ratio:.74; border-radius:4px; border:1px solid rgba(231,222,201,.13);
  background:#20262b; box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.binder-slot-grid span.owned { border-color:rgba(44,183,165,.50); background:linear-gradient(180deg,#3bc0ae,#278e82); box-shadow:inset 0 1px rgba(255,255,255,.22); }
.binder-slot-grid span.partial { border-color:rgba(44,183,165,.42); background:linear-gradient(135deg,#35ae9e 0 50%,#20262b 50%); }
.binder-hero-card-meta { color:#888f91; font-size:10px; }
.binder-hero-card-meta strong { color:#dad4c8; font-weight:750; }

.home-actions button {
  border-radius:10px;
  background:linear-gradient(180deg,#181e22,#12171b);
  border-color:rgba(231,222,201,.09);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.home-actions button:hover { border-color:rgba(226,161,58,.30); box-shadow:0 13px 28px rgba(0,0,0,.22); }
.home-actions .home-action-icon { border-radius:7px !important; color:#e6b355 !important; background:rgba(226,161,58,.08) !important; border-color:rgba(226,161,58,.18) !important; }
.home-actions button:nth-child(4) .home-action-icon { color:var(--bwp-teal-hi) !important; background:var(--bwp-teal-soft) !important; border-color:rgba(44,183,165,.22) !important; }

.youth-strip-panel {
  border-color:rgba(226,161,58,.13) !important;
  background:linear-gradient(90deg,rgba(226,161,58,.055),rgba(44,183,165,.028),#151b1f) !important;
}
.youth-strip-badges span { color:#beb7a9; background:rgba(231,222,201,.035); border-color:rgba(231,222,201,.08); }

.stats-grid { gap:11px; }
.stat-card { border-radius:11px; padding:17px; }
.stat-card .stat-icon { color:#e0aa4b; background:rgba(226,161,58,.075); border:1px solid rgba(226,161,58,.14); border-radius:7px; }
.stat-card p { color:#9f9c95; }
.stat-card-link { color:#bd9c63 !important; }
/* Values stay useful but stop reading as the app's visual centre of gravity. */
.stat-card[data-stat-action="value"],.stat-card[data-stat-action="movement"] { opacity:.82; }

/* ===== Set logos + BinderWorth slot progress ===== */
.set-row {
  position:relative;
  border-radius:11px !important;
  border-left:3px solid rgba(226,161,58,.24) !important;
}
.set-row.pinned { border-left-color:var(--bwp-amber) !important; }
.set-row.complete { border-left-color:var(--bwp-teal) !important; }
.set-row-logo {
  width:116px !important;
  min-width:116px !important;
  min-height:62px;
  display:grid !important;
  place-items:center;
  padding:8px 9px !important;
  border-radius:8px !important;
  background:rgba(231,222,201,.035) !important;
  border:1px solid rgba(231,222,201,.08) !important;
}
.set-row-logo img { width:100% !important; max-height:48px !important; object-fit:contain !important; filter:drop-shadow(0 5px 8px rgba(0,0,0,.28)); }
.set-row-title strong { color:#eee9df; }
.set-mode-pill { background:rgba(226,161,58,.085) !important; color:#dcb26a !important; border-color:rgba(226,161,58,.18) !important; }
.completion-intel-pill { color:#82d9cd !important; background:rgba(44,183,165,.07) !important; border-color:rgba(44,183,165,.17) !important; }

.set-progress-track,.monthly-progress-track,.achievement-page-progress,.challenge-progress-track {
  height:11px !important;
  border-radius:3px !important;
  background:
    repeating-linear-gradient(90deg,#252b30 0 9px,transparent 9px 12px),
    #13181c !important;
  overflow:hidden;
  border:1px solid rgba(231,222,201,.055);
}
.set-progress-track i,.monthly-progress-track i,.achievement-page-progress i,.challenge-progress-track i {
  border-radius:2px !important;
  background:repeating-linear-gradient(90deg,var(--bwp-teal) 0 9px,transparent 9px 12px) !important;
  box-shadow:none !important;
}

.complete-set-focus {
  position:relative;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center;
  gap:16px;
  border-color:rgba(226,161,58,.20) !important;
  background:linear-gradient(90deg,rgba(226,161,58,.055),#171d21 26%,#151a1e) !important;
}
.complete-set-focus.hidden { display:none !important; }
.set-focus-logo {
  width:118px; min-height:72px; display:grid; place-items:center; padding:9px;
  border:1px solid rgba(231,222,201,.09); border-radius:9px; background:rgba(231,222,201,.035);
}
.set-focus-logo img { width:100%; max-height:56px; object-fit:contain; }
.set-focus-logo span { color:#7f8588; font-size:25px; }

.set-goals-list button { border-color:rgba(231,222,201,.09) !important; background:#151b1f !important; }
.set-goal-logo { width:86px; min-width:86px; height:42px; display:grid; place-items:center; padding:5px 7px; border-radius:6px; background:rgba(231,222,201,.035); border:1px solid rgba(231,222,201,.075); }
.set-goal-logo img { max-width:100%; max-height:30px; object-fit:contain; }
.set-goal-copy { min-width:0; display:grid; gap:2px; }

.sets-hero {
  border-color:rgba(226,161,58,.18) !important;
  background:linear-gradient(135deg,rgba(226,161,58,.06),#151b1f 34%,#12171b) !important;
}
.workspace-tabs { background:#13191d !important; border-color:rgba(231,222,201,.10) !important; }
.workspace-tabs button.active { color:#20170b !important; background:var(--bwp-amber) !important; border-color:var(--bwp-amber) !important; }
.set-stats-grid article,.wanted-summary-grid article { border-radius:10px !important; background:#161c20 !important; border-color:rgba(231,222,201,.09) !important; }

/* Set detail behaves like a binder page: artwork is content, not chrome. */
#setModal .modal-frame { border-color:rgba(226,161,58,.20) !important; background:linear-gradient(180deg,#171c20,#111619) !important; }
.set-card-tile { border-radius:9px !important; border-color:rgba(231,222,201,.10) !important; background:#171d21 !important; }
.set-card-tile.missing { border-style:dashed !important; border-color:rgba(231,222,201,.18) !important; background:linear-gradient(180deg,rgba(231,222,201,.032),rgba(231,222,201,.012)) !important; }
.set-card-tile.owned { border-color:rgba(44,183,165,.22) !important; }

/* ===== Scan into Binder ===== */
.scan-intro,.search-hero { background:transparent !important; }
.capture-panel { border-color:rgba(226,161,58,.16) !important; }
.capture-stage,.capture-stage.preview-active {
  background:
    linear-gradient(90deg,rgba(226,161,58,.035),transparent 18%,transparent 82%,rgba(226,161,58,.035)),
    repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    #0e1316 !important;
  border-color:rgba(231,222,201,.12) !important;
  border-radius:11px !important;
}
.capture-stage::before { border-color:var(--bwp-amber) !important; opacity:.82; }
.scan-identify {
  color:#20170b !important;
  background:linear-gradient(180deg,#f0b750,#d8952e) !important;
  border-color:#efb34e !important;
  box-shadow:0 10px 24px rgba(0,0,0,.27) !important;
}
.scan-gallery-button { color:#c9c3b9; background:#11171a; border-color:rgba(231,222,201,.12); }
.scan-stepper span.active { color:#eadfc9; }
.scan-stepper .active b { color:#20170b; background:var(--bwp-amber); box-shadow:0 0 0 4px rgba(226,161,58,.075); }
.scanner-confidence-card { border-color:rgba(44,183,165,.18) !important; background:rgba(44,183,165,.045) !important; }
.scan-candidate.best { border-color:rgba(226,161,58,.30) !important; }
.scan-candidate .match-label { color:#e1b45e; }

/* ===== Search / Collection ===== */
.search-box { background:#151b1f; border-color:rgba(231,222,201,.12); box-shadow:0 12px 30px rgba(0,0,0,.18); }
.quick-searches button { color:#bcb4a5; background:rgba(231,222,201,.045); border:1px solid rgba(231,222,201,.07); }
.result-card { border-radius:10px; }
.result-image { background:#12171b !important; }
.collection-toolbar { border-radius:10px; }
.collection-row { border-radius:10px; border-left:2px solid rgba(226,161,58,.16); }
.collection-row:hover { border-left-color:var(--bwp-amber); }

/* ===== Challenges: amber prize, teal verified progress ===== */
.challenge-mode-panel,.challenge-hub-hero {
  border-color:rgba(226,161,58,.22) !important;
  background:linear-gradient(135deg,rgba(226,161,58,.075),#151b1f 48%,rgba(44,183,165,.045)) !important;
}
.challenge-mode-state,.challenge-label {
  border-color:rgba(226,161,58,.26) !important;
  background:rgba(226,161,58,.075) !important;
  color:#e6bd70 !important;
}
.challenge-rules summary,.challenge-detail-prize { color:#e2b963 !important; }
.challenge-rules span:before { color:var(--bwp-teal) !important; }
.challenge-hub-shield { border-color:rgba(226,161,58,.26) !important; background:rgba(226,161,58,.07) !important; color:#e5b660 !important; box-shadow:none !important; }
.challenge-directory-card.selected { border-color:rgba(226,161,58,.35) !important; background:rgba(226,161,58,.055) !important; box-shadow:inset 3px 0 0 var(--bwp-amber) !important; }
.challenge-directory-card:hover { border-color:rgba(226,161,58,.24) !important; background:rgba(226,161,58,.035) !important; }
.challenge-card-top b,.challenge-directory-card>span:not(.challenge-card-top) { color:#e4b967 !important; }

/* ===== Notice / footer ===== */
.global-estimate-banner { background:rgba(226,161,58,.045) !important; border-color:rgba(226,161,58,.14) !important; }
.global-estimate-banner strong { color:#ddc896; }
.global-estimate-banner span,.global-estimate-banner button { color:#a9966a; }
.site-footer { color:#767a7b; border-top-color:rgba(231,222,201,.07); }
.site-footer button,.site-footer .merchant-network-link a { color:#c99c53; }

/* ===== Desktop details ===== */
@media (min-width:901px) {
  .main-content { max-width:1510px; width:100%; margin:0 auto; }
  .sidebar .nav-item[data-view="sets"] { margin-top:6px; }
}

/* ===== Mobile: distinctive five-action collector dock ===== */
@media (max-width:900px) {
  body { padding-bottom:84px; }
  .main-content { padding:0 13px !important; }
  .topbar { min-height:70px; padding:8px 0; }
  .topbar-brand-logo { width:174px !important; }
  .mobile-menu { color:#c7c0b5 !important; background:#151b1f !important; border-color:rgba(231,222,201,.11) !important; }

  .youth-hero,.branded-hero { min-height:0; padding:22px 18px !important; display:grid !important; gap:18px; }
  .hero-copy { max-width:none; }
  .hero-panel h2 { font-size:33px; }
  .binder-hero-card { width:100%; min-width:0; padding:14px 14px 13px 27px; }
  .binder-slot-grid { gap:5px; grid-template-columns:repeat(12,1fr); }
  .binder-slot-grid span { border-radius:3px; }
  .hero-actions .button { min-height:43px; }

  .home-actions { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .home-actions button { min-height:68px !important; }
  .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }

  .set-row { grid-template-columns:84px minmax(0,1fr) !important; gap:10px !important; padding:12px 11px !important; }
  .set-row-logo { width:84px !important; min-width:84px !important; min-height:52px; padding:6px !important; }
  .set-row-logo img { max-height:38px !important; }
  .set-row .set-pin-icon { position:absolute !important; top:7px !important; right:7px !important; }
  .set-row .set-row-cta { grid-column:1 / -1 !important; width:100% !important; }

  .complete-set-focus { grid-template-columns:78px minmax(0,1fr) !important; gap:11px !important; }
  .set-focus-logo { width:78px; min-height:58px; padding:6px; }
  .complete-set-focus > .button { grid-column:1 / -1; width:100%; }

  .mobile-bottom-nav {
    left:8px !important; right:8px !important; bottom:8px !important;
    height:70px !important;
    padding:7px 7px 6px !important;
    border:1px solid rgba(226,161,58,.16) !important;
    border-radius:17px !important;
    background:rgba(11,15,18,.97) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.025) !important;
    backdrop-filter:blur(13px);
  }
  .mobile-bottom-nav .mobile-tab {
    position:relative; min-width:0; min-height:54px; padding:5px 2px !important;
    color:#7f8587 !important; border:0 !important; border-radius:10px !important; background:transparent !important; box-shadow:none !important;
  }
  .mobile-bottom-nav .mobile-tab.active { color:#e6b458 !important; background:transparent !important; box-shadow:none !important; }
  .mobile-bottom-nav .mobile-tab > span:first-child { font-size:20px !important; }
  .mobile-bottom-nav .mobile-tab small { font-size:8px !important; letter-spacing:.02em; }
  .mobile-bottom-nav .mobile-tab[data-view="scan"] {
    transform:translateY(-15px); min-height:64px; width:64px; justify-self:center; color:#20170b !important;
    clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);
    background:linear-gradient(180deg,#f3bd5c,#d8952e) !important;
    border:2px solid #efb24b !important;
    box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.28) !important;
  }
  .mobile-bottom-nav .mobile-tab[data-view="scan"] > span:first-child { font-size:23px !important; }
  .mobile-bottom-nav .mobile-tab[data-view="scan"] small { color:#33240e !important; font-weight:900 !important; }
  .mobile-bottom-nav .mobile-tab[data-view="scan"].active { color:#20170b !important; }

  .collection-row { border-radius:9px; }
  .site-footer { padding-bottom:88px; }
}

@media (max-width:560px) {
  .hero-badge-row { display:flex !important; overflow:auto; scrollbar-width:none; }
  .hero-badge-row::-webkit-scrollbar{display:none}
  .binder-slot-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:4px; }
  .binder-hero-card-meta { align-items:flex-start; flex-direction:column; gap:3px; }
  .set-row-logo { width:76px !important; min-width:76px !important; }
  .set-row { grid-template-columns:76px minmax(0,1fr) !important; }
}

@media (prefers-reduced-motion:reduce) {
  .mobile-bottom-nav .mobile-tab[data-view="scan"] { transform:translateY(-15px); }
}

/* ===== 3.17.6 — Home hierarchy + binder identity refinement ===== */
/* The estimate notice remains globally available, but it should never own the
   first viewport. Keep it as a quiet utility line rather than a hero banner. */
.global-estimate-banner {
  min-height:0 !important;
  margin:2px 0 10px !important;
  padding:6px 10px !important;
  gap:7px !important;
  border-radius:8px !important;
  font-size:9px !important;
  background:rgba(226,161,58,.028) !important;
  border-color:rgba(226,161,58,.10) !important;
  box-shadow:none !important;
}
.global-estimate-banner .estimate-icon {
  width:19px !important;
  height:19px !important;
  min-width:19px !important;
  font-size:9px !important;
  border-radius:50% !important;
}
.global-estimate-banner div { gap:5px !important; }
.global-estimate-banner div span { display:none !important; }
.global-estimate-banner strong { font-size:9px !important; font-weight:780 !important; }
.global-estimate-banner button { margin-left:auto !important; font-size:9px !important; text-decoration:none !important; }

.topbar { min-height:78px !important; }
.topbar-brand-logo { width:182px !important; filter:none !important; }

.home-hero-refined {
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(310px,365px);
  align-items:center !important;
  gap:24px !important;
  padding:19px 21px !important;
  border-radius:15px !important;
}
.home-hero-refined .hero-copy { max-width:650px; }
.home-hero-refined .hero-copy > .eyebrow { margin-bottom:5px; }
.home-hero-refined h2 {
  max-width:610px;
  margin:3px 0 7px !important;
  font-size:clamp(28px,3.25vw,43px) !important;
  line-height:.98 !important;
}
.home-hero-refined .hero-copy > p:not(.eyebrow) {
  max-width:590px;
  font-size:13px !important;
  line-height:1.52 !important;
}
.home-hero-refined .hero-actions { margin-top:13px !important; gap:8px !important; }
.home-hero-refined .hero-actions .button { min-height:40px; padding:9px 13px; }

.binder-hero-card {
  width:100% !important;
  min-width:0 !important;
  padding:14px 14px 13px 28px !important;
  border-radius:11px !important;
  box-shadow:0 15px 30px rgba(0,0,0,.25),inset 8px 0 16px rgba(0,0,0,.22) !important;
}
.binder-slot-grid { margin:10px 0 !important; grid-template-columns:repeat(12,minmax(0,1fr)) !important; gap:4px !important; }
.binder-slot-grid span { border-radius:3px !important; }
.binder-home-metrics {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin:0 0 9px;
}
.binder-home-metrics > span {
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
  padding:6px 8px;
  border:1px solid rgba(231,222,201,.08);
  border-radius:6px;
  background:rgba(231,222,201,.025);
}
.binder-home-metrics b { color:#eee8db; font-size:15px; line-height:1; }
.binder-home-metrics small { color:#8f928e; font-size:7px; letter-spacing:.10em; font-weight:850; white-space:nowrap; }
.binder-hero-card-meta { border-top:1px solid rgba(231,222,201,.07); padding-top:8px; }

.home-completion-panel {
  position:relative;
  overflow:visible;
  margin:12px 0 10px;
  padding:16px 18px 16px 29px !important;
  border-color:rgba(226,161,58,.18) !important;
  background:
    linear-gradient(90deg,rgba(226,161,58,.065),transparent 10%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.010) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#181e22,#13181c) !important;
  box-shadow:0 15px 34px rgba(0,0,0,.22),inset 8px 0 18px rgba(0,0,0,.18) !important;
}
.home-completion-panel::before {
  content:"";
  position:absolute;
  left:9px;
  top:15px;
  bottom:15px;
  width:7px;
  opacity:.78;
  background:radial-gradient(circle,#91846e 0 2px,#29251e 2.4px 4px,transparent 4.4px) center top/7px 31px repeat-y;
}
.home-completion-panel::after {
  content:"SETS";
  position:absolute;
  right:-1px;
  top:14px;
  padding:5px 8px 4px;
  color:#2a1d0d;
  background:linear-gradient(180deg,#edb554,#ce8c29);
  border:1px solid rgba(242,189,90,.45);
  border-radius:7px 0 0 7px;
  font-size:7px;
  font-weight:950;
  letter-spacing:.14em;
}
.home-completion-heading { margin-bottom:10px !important; padding-right:48px; }
.home-completion-heading small { display:block; margin-top:3px; color:#8f9697; font-size:9px; }
.home-completion-list { display:grid; gap:7px; }
.home-completion-row {
  width:100%;
  display:grid;
  grid-template-columns:98px minmax(0,1fr) 24px;
  align-items:center;
  gap:12px;
  min-height:75px;
  padding:9px 10px;
  color:inherit;
  text-align:left;
  border:1px solid rgba(231,222,201,.085);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(231,222,201,.032),rgba(231,222,201,.014));
  box-shadow:inset 0 1px rgba(255,255,255,.018);
  cursor:pointer;
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
.home-completion-row:hover {
  transform:translateY(-1px);
  border-color:rgba(226,161,58,.27);
  background:linear-gradient(180deg,rgba(226,161,58,.055),rgba(231,222,201,.018));
}
.home-completion-row:first-child { border-left:3px solid var(--bwp-amber); }
.home-completion-logo {
  min-width:0;
  height:54px;
  display:grid;
  place-items:center;
  padding:5px 7px;
  border:1px solid rgba(231,222,201,.08);
  border-radius:7px;
  background:rgba(231,222,201,.025);
}
.home-completion-logo img { display:block; max-width:100%; max-height:42px; object-fit:contain; }
.home-completion-logo > span { color:#d6ab60; font-size:20px; }
.home-completion-copy { display:grid; gap:6px; min-width:0; }
.home-completion-title { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; }
.home-completion-title strong { color:#f1ece2; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.home-completion-title em {
  flex:0 0 auto;
  color:#d7b979;
  font-style:normal;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
  border:1px solid rgba(226,161,58,.16);
  border-radius:999px;
  padding:3px 6px;
  background:rgba(226,161,58,.055);
}
.home-completion-copy small { color:#929897; font-size:8.5px; }
.home-completion-copy small b { color:#d8b36c; font-weight:800; }
.home-set-slot-meter { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:3px; }
.home-set-slot-meter i {
  display:block;
  height:8px;
  border-radius:2px;
  border:1px solid rgba(231,222,201,.10);
  background:#22282d;
}
.home-set-slot-meter i.owned { border-color:rgba(44,183,165,.42); background:linear-gradient(180deg,#3bc0ae,#278e82); }
.home-set-slot-meter i.partial { border-color:rgba(44,183,165,.34); background:linear-gradient(90deg,#35ae9e 0 50%,#22282d 50%); }
.home-completion-open { color:#d3a454; font-size:23px; line-height:1; text-align:center; }
.home-completion-loading {
  min-height:70px;
  display:grid;
  grid-template-columns:repeat(3,42px) minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:10px;
  color:#929897;
  border:1px dashed rgba(231,222,201,.10);
  border-radius:9px;
}
.home-completion-loading span { height:45px; border-radius:5px; background:linear-gradient(110deg,#20262b 20%,#2a3034 40%,#20262b 60%); background-size:220% 100%; animation:bwpHomeShimmer 1.25s linear infinite; }
.home-completion-loading b { padding-left:6px; font-size:10px; font-weight:750; }
@keyframes bwpHomeShimmer { to { background-position:-220% 0; } }
.home-completion-clear {
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(44,183,165,.15);
  border-radius:9px;
  background:rgba(44,183,165,.035);
}
.home-completion-clear > span { display:grid; place-items:center; width:34px; height:34px; border-radius:7px; color:#14352f; background:var(--bwp-teal); font-weight:950; }
.home-completion-clear strong,.home-completion-clear small { display:block; }
.home-completion-clear strong { color:#e7eee8; font-size:11px; }
.home-completion-clear small { margin-top:2px; color:#8ea29e; font-size:8px; }

/* Quick actions are utilities now; completion intelligence owns the page. */
.home-utility-actions { margin:9px 0 14px !important; gap:8px !important; }
.home-utility-actions button { min-height:56px !important; padding:9px 10px !important; box-shadow:none !important; }
.home-utility-actions .home-action-icon { width:32px !important; height:32px !important; font-size:15px !important; }
.home-utility-actions strong { font-size:11px !important; }
.home-utility-actions small { font-size:8px !important; }

/* Value remains available, but it follows collection-completion actions. */
#dashboardView > .stats-grid { margin-top:18px; opacity:.90; }
#dashboardView > .stats-grid .stat-card { padding:13px !important; min-height:112px; }
#dashboardView > .stats-grid .stat-card strong { font-size:20px; }
#dashboardView > .stats-grid .stat-card[data-stat-action="value"],
#dashboardView > .stats-grid .stat-card[data-stat-action="movement"] { opacity:.72; }

@media (max-width:900px) {
  body { padding-bottom:79px; }
  .topbar { min-height:61px !important; padding:5px 0 !important; }
  .topbar-brand-logo { width:158px !important; max-height:38px !important; }
  .global-estimate-banner { margin:5px 0 8px !important; padding:5px 8px !important; }
  .global-estimate-banner .estimate-icon { display:none !important; }

  .home-hero-refined {
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:15px 15px !important;
    border-radius:13px !important;
  }
  .home-hero-refined h2 { max-width:none; font-size:28px !important; }
  .home-hero-refined .hero-copy > p:not(.eyebrow) { font-size:11.5px !important; line-height:1.45 !important; }
  .home-hero-refined .hero-actions { margin-top:10px !important; display:grid !important; grid-template-columns:1fr 1fr; }
  .home-hero-refined .hero-actions .button { min-height:38px !important; padding:8px 9px !important; font-size:10px !important; }
  .binder-hero-card { padding:12px 12px 11px 26px !important; }
  .binder-home-metrics { margin-bottom:7px; }

  .home-completion-panel { margin-top:9px; padding:13px 12px 13px 25px !important; border-radius:11px !important; }
  .home-completion-panel::after { top:10px; }
  .home-completion-heading { padding-right:42px; margin-bottom:8px !important; }
  .home-completion-heading h3 { font-size:17px !important; }
  .home-completion-heading small { font-size:8px; }
  .home-completion-row { grid-template-columns:72px minmax(0,1fr) 15px; gap:8px; min-height:68px; padding:7px 7px; }
  .home-completion-logo { height:48px; padding:4px 5px; }
  .home-completion-logo img { max-height:36px; }
  .home-completion-title strong { font-size:10.5px; }
  .home-completion-title em { font-size:6.3px; padding:2px 4px; }
  .home-completion-copy small { font-size:7.6px; }
  .home-set-slot-meter { gap:2px; }
  .home-set-slot-meter i { height:7px; }
  .home-completion-open { font-size:18px; }

  .mobile-bottom-nav { height:66px !important; padding:6px 7px 5px !important; }
  .mobile-bottom-nav .mobile-tab { min-height:50px !important; }
  .mobile-bottom-nav .mobile-tab[data-view="scan"] {
    transform:translateY(-10px) !important;
    min-height:58px !important;
    width:58px !important;
  }
  .mobile-bottom-nav .mobile-tab[data-view="scan"] > span:first-child { font-size:21px !important; }
}

@media (max-width:560px) {
  .binder-home-metrics small { font-size:6.5px; letter-spacing:.07em; }
  .home-completion-title { align-items:flex-start; }
  .home-completion-title em { max-width:78px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

@media (prefers-reduced-motion:reduce) {
  .home-completion-loading span { animation:none; }
  .mobile-bottom-nav .mobile-tab[data-view="scan"] { transform:translateY(-10px) !important; }
}


/* ============================================================
   3.17.7 — Home density / completion-first finishing pass
   Keeps all dashboard data and JS hooks intact; only reprioritises
   what is visible on the Home surface.
   ============================================================ */
#dashboardView .home-utility-actions{display:none}
#dashboardView .home-secondary-only{display:none}
#dashboardView .quest-panel{display:none}
#dashboardView .collection-history-panel{display:none}
#dashboardView .wanted-spotlight-panel{display:none}

#dashboardView .home-recent-panel{
  margin-top:18px;
}
#dashboardView .home-recent-panel .panel-heading{margin-bottom:12px}
#dashboardView .home-recent-panel .dashboard-achievement-scroll{
  min-height:0;
}

#dashboardView .home-secondary-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin:22px 2px 9px;
}
#dashboardView .home-secondary-heading span{
  color:var(--cp-amber,#e6ae4d);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
}
#dashboardView .home-secondary-heading small{
  color:var(--cp-muted,#8f979c);
  font-size:.72rem;
}
#dashboardView .home-snapshot-grid{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  padding:0 0 5px;
  scrollbar-width:none;
}
#dashboardView .home-snapshot-grid::-webkit-scrollbar{display:none}
#dashboardView .home-snapshot-grid .stat-card{
  flex:0 0 min(42vw,180px);
  min-height:112px;
  padding:15px 14px 13px;
  scroll-snap-align:start;
}
#dashboardView .home-snapshot-grid .stat-card .stat-icon{
  width:34px;height:34px;font-size:1rem;
}
#dashboardView .home-snapshot-grid .stat-card p{font-size:.78rem;margin-top:0}
#dashboardView .home-snapshot-grid .stat-card strong{font-size:1.45rem;line-height:1.05}
#dashboardView .home-snapshot-grid .stat-card small{font-size:.68rem;line-height:1.25}
#dashboardView .home-snapshot-grid .stat-card-link{font-size:.7rem}

#dashboardView .gameboard-grid{
  display:block;
  margin-top:18px;
}
#dashboardView .collector-panel-concept-b{
  padding:20px;
  border-color:rgba(230,174,77,.26);
}
#dashboardView .collector-panel-concept-b .concept-b-heading p:not(.eyebrow),
#dashboardView .collector-panel-concept-b .concept-b-rank-zone > p,
#dashboardView .collector-panel-concept-b .concept-b-next,
#dashboardView .collector-mini-grid{
  display:none;
}
#dashboardView .collector-panel-concept-b .concept-b-main{
  display:grid;
  grid-template-columns:92px 1fr;
  align-items:center;
  gap:16px;
  margin-top:10px;
}
#dashboardView .collector-panel-concept-b .concept-b-level-wrap{
  width:88px;height:88px;
}
#dashboardView .collector-panel-concept-b .concept-b-level-ring{
  width:88px;height:88px;
  background:conic-gradient(var(--cp-teal,#32c3b4) var(--level-progress),rgba(255,255,255,.07) 0);
  box-shadow:none;
}
#dashboardView .collector-panel-concept-b .concept-b-level-core{
  background:#11171b;
}
#dashboardView .collector-panel-concept-b .concept-b-level-core strong{
  color:var(--cp-paper,#f2eee4);
}
#dashboardView .collector-panel-concept-b .concept-b-rank-badge{
  min-height:72px;
  border:1px solid rgba(230,174,77,.32);
  background:linear-gradient(135deg,rgba(230,174,77,.08),rgba(50,195,180,.04));
  box-shadow:none;
}
#dashboardView .collector-panel-concept-b .concept-b-rank-badge strong{
  color:var(--cp-amber,#e6ae4d);
}
#dashboardView .collector-panel-concept-b .concept-b-xp-panel{
  margin-top:12px;
  padding:11px 13px;
  border-color:rgba(50,195,180,.22);
  background:rgba(9,15,18,.58);
}
#dashboardView .collector-panel-concept-b .concept-b-xp-labels strong{
  color:var(--cp-teal,#32c3b4);
}
#dashboardView .collector-panel-concept-b .concept-b-xp-track i{
  background:linear-gradient(90deg,var(--cp-teal,#32c3b4),var(--cp-amber,#e6ae4d));
  box-shadow:none;
}
#dashboardView .badge-panel{
  margin-top:14px;
  padding:18px;
}
#dashboardView .achievement-grid{
  margin-top:10px;
}
#dashboardView .achievement-card{
  border-color:rgba(230,174,77,.18);
  box-shadow:none;
}
#dashboardView .achievement-card .badge-tier,
#dashboardView .achievement-card [class*="tier"]{
  background:rgba(230,174,77,.12);
  color:var(--cp-amber,#e6ae4d);
}

#dashboardView .challenge-spotlight-grid{
  display:block;
  margin-top:14px;
}
#dashboardView .monthly-challenge-panel{
  min-height:0;
  padding:18px 20px;
}
#dashboardView .monthly-challenge-panel .panel-heading{margin-bottom:7px}
#dashboardView .monthly-challenge-panel > p{
  margin:4px 0 10px;
  font-size:.84rem;
  line-height:1.4;
}
#dashboardView .monthly-progress-row{margin-top:5px}
#dashboardView .monthly-progress-track{margin-top:8px}
#dashboardView .challenge-reward{
  background:rgba(230,174,77,.12);
  color:var(--cp-amber,#e6ae4d);
  border-color:rgba(230,174,77,.28);
}

@media (max-width:700px){
  .topbar-brand-logo{
    width:min(240px,58vw) !important;
    max-height:54px !important;
  }
  .topbar{
    min-height:92px;
  }
  .mobile-bottom-nav{
    min-height:96px;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));
  }
  .mobile-bottom-nav .mobile-nav-item{
    min-height:52px;
  }
  .mobile-bottom-nav .mobile-nav-scan{
    transform:translateY(-9px) scale(.9);
  }
  #dashboardView{
    padding-bottom:112px;
  }
  #dashboardView .home-recent-panel{margin-top:14px}
  #dashboardView .home-secondary-heading{margin-top:17px}
  #dashboardView .home-secondary-heading small{display:none}
  #dashboardView .collector-panel-concept-b .concept-b-main{
    grid-template-columns:82px 1fr;
    gap:12px;
  }
  #dashboardView .collector-panel-concept-b .concept-b-level-wrap,
  #dashboardView .collector-panel-concept-b .concept-b-level-ring{
    width:80px;height:80px;
  }
}


/* ============================================================
   3.17.8 — Home final polish
   Presentation-only finishing pass based on deployed 3.17.7 mobile.
   ============================================================ */

/* Price movement genuinely leaves Home. */
#dashboardView .home-price-movement-panel,
#dashboardView .compact-activity-grid.home-secondary-only{
  display:none !important;
}

/* Turn Collector Level + badges into one compact Collector Progress block. */
#dashboardView .home-collector-progress-panel{
  margin-top:16px;
  padding:18px;
  border-color:rgba(230,174,77,.28);
}
#dashboardView .home-collector-progress-panel .concept-b-heading{
  margin-bottom:4px;
}
#dashboardView .home-collector-progress-panel .concept-b-heading .eyebrow{
  color:var(--cp-amber,#e6ae4d);
}
#dashboardView .home-collector-progress-panel .concept-b-main{
  grid-template-columns:72px 1fr;
  gap:12px;
  margin-top:8px;
}
#dashboardView .home-collector-progress-panel .concept-b-level-wrap,
#dashboardView .home-collector-progress-panel .concept-b-level-ring{
  width:70px;
  height:70px;
}
#dashboardView .home-collector-progress-panel .concept-b-level-ring{
  background:conic-gradient(var(--cp-teal,#32c3b4) var(--level-progress),rgba(255,255,255,.07) 0) !important;
}
#dashboardView .home-collector-progress-panel .concept-b-level-core strong{
  font-size:1.65rem;
}
#dashboardView .home-collector-progress-panel .concept-b-rank-badge{
  min-height:62px;
  padding:9px 12px;
  background:linear-gradient(135deg,rgba(230,174,77,.08),rgba(50,195,180,.035)) !important;
  border-color:rgba(230,174,77,.26) !important;
}
#dashboardView .home-collector-progress-panel .concept-b-rank-badge .collector-rank-emblem{
  transform:scale(.82);
  transform-origin:center;
}
#dashboardView .home-collector-progress-panel .concept-b-xp-panel{
  padding:9px 11px;
  margin-top:10px;
}
#dashboardView .home-collector-progress-panel .concept-b-xp-track{
  height:8px;
}
#dashboardView .home-collector-progress-panel .concept-b-xp-track i{
  background:linear-gradient(90deg,var(--cp-teal,#32c3b4),var(--cp-amber,#e6ae4d)) !important;
}

/* Achievement board becomes a lightweight continuation of Collector Progress. */
#dashboardView .home-achievement-panel{
  margin-top:10px;
  padding:15px 16px;
  border-color:rgba(230,174,77,.18);
}
#dashboardView .home-achievement-panel .panel-heading{
  margin-bottom:8px;
}
#dashboardView .home-achievement-panel .panel-heading h3{
  font-size:1.18rem;
}
#dashboardView .home-achievement-panel .achievement-grid{
  margin-top:8px;
}
#dashboardView .home-achievement-panel .achievement-card{
  min-height:112px;
  padding:12px;
  border-color:rgba(230,174,77,.18) !important;
  box-shadow:none !important;
}
#dashboardView .home-achievement-panel .achievement-card,
#dashboardView .home-achievement-panel .achievement-card *{
  --purple:#e6ae4d;
  --pink:#e6ae4d;
}
#dashboardView .home-achievement-panel .badge-tier,
#dashboardView .home-achievement-panel [class*="badge-tier"],
#dashboardView .home-achievement-panel [class*="tier"]{
  background:rgba(230,174,77,.13) !important;
  color:var(--cp-amber,#e6ae4d) !important;
  border-color:rgba(230,174,77,.22) !important;
  box-shadow:none !important;
}
#dashboardView .home-achievement-panel .achievement-card::before,
#dashboardView .home-achievement-panel .achievement-card::after{
  opacity:.18;
}

/* Shorter Monthly Challenge. */
#dashboardView .home-monthly-challenge-panel{
  min-height:0 !important;
  padding:16px 18px !important;
  margin-top:12px;
}
#dashboardView .home-monthly-challenge-panel h3{
  font-size:1.18rem;
}
#dashboardView .home-monthly-challenge-panel > p{
  font-size:.78rem;
  line-height:1.35;
  margin:4px 0 8px;
}
#dashboardView .home-monthly-challenge-panel .monthly-progress-row strong{
  font-size:1.45rem;
}
#dashboardView .home-monthly-challenge-panel .challenge-reward{
  padding:7px 10px;
}

/* Remove oversized end-of-page whitespace while keeping footer breathing room. */
#dashboardView .dashboard-footer,
#dashboardView footer{
  margin-top:20px !important;
  padding-top:22px !important;
}
#dashboardView .dashboard-footer::before,
#dashboardView footer::before{
  margin-bottom:16px !important;
}
#dashboardView{
  min-height:0 !important;
}

/* Final mobile dock reduction: visual footprint down, tap targets remain >= 44px. */
@media (max-width:700px){
  .mobile-bottom-nav{
    min-height:82px !important;
    padding:6px 10px calc(6px + env(safe-area-inset-bottom)) !important;
    border-radius:25px 25px 0 0;
  }
  .mobile-bottom-nav .mobile-nav-item{
    min-height:46px !important;
    gap:2px;
    font-size:.72rem;
  }
  .mobile-bottom-nav .mobile-nav-item svg,
  .mobile-bottom-nav .mobile-nav-item .mobile-nav-icon{
    width:24px;
    height:24px;
  }
  .mobile-bottom-nav .mobile-nav-scan{
    transform:translateY(-7px) scale(.78) !important;
    transform-origin:center bottom;
  }
  #dashboardView{
    padding-bottom:94px !important;
  }
  #dashboardView .home-collector-progress-panel{
    padding:16px;
  }
  #dashboardView .home-achievement-panel{
    padding:14px;
  }
}

/* Home-only commercial placeholders/tools stay off the primary collector dashboard. */
#dashboardView .ad-slot[data-ad-placement="dashboard"],
#dashboardView .collector-tools{
  display:none !important;
}

/* Ensure hidden late-dashboard panels don't reserve vertical rhythm. */
#dashboardView .collection-history-panel,
#dashboardView .set-goals-panel.hidden,
#dashboardView .getting-started-panel.hidden{
  margin:0 !important;
  padding:0 !important;
}


/* ============================================================
   3.18.0 — Concept 1C Home rebuild
   The approved Concept 1C board is the specification.
   ============================================================ */

body:has(#dashboardView.active) .global-estimate-banner{
  display:none;
}
body:has(#dashboardView.active) .topbar{
  min-height:68px;
  padding-top:6px;
  padding-bottom:6px;
}
body:has(#dashboardView.active) .topbar-brand-logo{
  width:min(230px,54vw) !important;
  max-height:48px !important;
}

/* Retire the inherited dashboard sections from the primary Home canvas. */
#dashboardView .home-legacy-dashboard-panel,
#dashboardView .getting-started-panel,
#dashboardView .home-actions,
#dashboardView .collector-tools,
#dashboardView .ad-slot[data-ad-placement="dashboard"],
#dashboardView .set-goals-panel{
  display:none !important;
}

#dashboardView{
  position:relative;
  max-width:760px;
  margin:0 auto;
  padding:12px 12px 100px 30px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.22),transparent 42px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 30px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 30px);
}

/* Physical leather binder spine on the left edge. */
#dashboardView::before{
  content:"";
  position:absolute;
  left:2px;
  top:12px;
  bottom:92px;
  width:18px;
  border-radius:5px;
  background:
    linear-gradient(90deg,#2a201b 0,#111416 45%,#3a2a1d 48%,#191b1c 72%,#0d1113 100%);
  border:1px solid rgba(230,174,77,.24);
  box-shadow:
    inset -2px 0 rgba(0,0,0,.65),
    inset 2px 0 rgba(255,255,255,.04),
    3px 0 8px rgba(0,0,0,.28);
}
#dashboardView::after{
  content:"";
  position:absolute;
  left:8px;
  top:44px;
  width:6px;
  height:calc(100% - 180px);
  opacity:.65;
  background:
    radial-gradient(circle at center, #7b6851 0 2px,#211d18 2.5px 4px,transparent 4.5px)
    center top/6px 86px repeat-y;
  pointer-events:none;
}

/* My Binder becomes the hero, like Concept 1C. */
#dashboardView .home-1c-binder-shell{
  padding:0 !important;
  min-height:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  margin:0 0 10px !important;
}
#dashboardView .home-1c-binder-shell .hero-copy{
  display:none !important;
}
#dashboardView .binder-hero-card{
  position:relative;
  padding:15px 15px 14px 26px;
  border-radius:7px;
  border:1px solid rgba(184,169,142,.35);
  background:
    linear-gradient(90deg,rgba(226,220,202,.07),transparent 10%),
    linear-gradient(180deg,#182126,#12191d);
  box-shadow:
    inset 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.22);
}
#dashboardView .binder-hero-card::before{
  content:"";
  position:absolute;
  left:9px;
  top:13px;
  bottom:13px;
  width:6px;
  background:
    radial-gradient(circle,#8e826d 0 2px,#292620 2.5px 3.5px,transparent 4px)
    center top/6px 38px repeat-y;
}
#dashboardView .binder-hero-card-head{
  margin-bottom:10px;
}
#dashboardView .binder-hero-card-head span{
  font-family:Inter,system-ui,sans-serif;
  font-size:.77rem;
  letter-spacing:.06em;
  color:var(--cp-paper,#f2eee4);
}
#dashboardView .binder-hero-card-head b{
  color:var(--cp-teal,#32c3b4);
  font-size:.78rem;
}
#dashboardView .binder-slot-grid{
  gap:4px;
  grid-template-columns:repeat(14,1fr);
}
#dashboardView .binder-slot-grid > *{
  min-height:26px;
  border-radius:3px;
}
#dashboardView .binder-home-metrics{
  display:none;
}
#dashboardView .binder-hero-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.05);
}
#dashboardView .binder-hero-card-meta strong{
  font-size:.8rem;
}
#dashboardView .binder-hero-card-meta span{
  font-size:.72rem;
  color:var(--cp-teal,#32c3b4);
}

/* Dense set index with a physical divider tab. */
#dashboardView .home-completion-panel{
  position:relative;
  padding:13px 11px 13px 24px;
  margin:0 0 9px;
  border-radius:7px;
  border-color:rgba(184,169,142,.28);
  background:linear-gradient(180deg,#182126,#12191d);
  box-shadow:0 6px 16px rgba(0,0,0,.2);
}
#dashboardView .home-completion-panel::before,
#dashboardView .home-1c-chase-panel::before{
  content:"";
  position:absolute;
  left:8px;
  top:10px;
  bottom:10px;
  width:6px;
  background:
    radial-gradient(circle,#8e826d 0 2px,#292620 2.5px 3.5px,transparent 4px)
    center top/6px 38px repeat-y;
}
#dashboardView .home-completion-panel::after{
  content:"SETS";
  position:absolute;
  right:-12px;
  top:16px;
  padding:7px 8px 7px 7px;
  border-radius:0 5px 5px 0;
  background:#a66f2d;
  color:#17120d;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.12em;
  writing-mode:vertical-rl;
  box-shadow:2px 3px 6px rgba(0,0,0,.28);
}
#dashboardView .home-completion-heading{
  margin-bottom:7px;
}
#dashboardView .home-completion-heading .eyebrow{
  margin:0;
  font-size:.62rem;
  color:var(--cp-amber,#e6ae4d);
}
#dashboardView .home-completion-heading h3{
  margin:2px 0 0;
  font-size:.9rem;
}
#dashboardView .home-completion-heading small{
  display:none;
}
#dashboardView .home-completion-heading .text-button{
  font-size:.66rem;
}
#dashboardView .home-completion-list{
  gap:5px;
}
#dashboardView .home-completion-row{
  grid-template-columns:118px 1fr 20px;
  min-height:62px;
  padding:7px 8px;
  border-radius:5px;
  background:#10181d;
  border-color:rgba(255,255,255,.07);
}
#dashboardView .home-completion-logo{
  min-height:46px;
  padding:4px 8px;
  background:#151d21;
  border-radius:4px;
}
#dashboardView .home-completion-title strong{
  font-size:.78rem;
}
#dashboardView .home-completion-title em{
  font-size:.52rem;
}
#dashboardView .home-set-slot-meter{
  gap:3px;
  margin:5px 0;
}
#dashboardView .home-set-slot-meter i{
  height:10px;
  border-radius:2px;
}
#dashboardView .home-completion-copy small{
  font-size:.61rem;
}
#dashboardView .home-completion-open{
  color:var(--cp-amber,#e6ae4d);
  font-size:1.3rem;
}

/* Missing/chase strip — visual card shelf from Concept 1C. */
#dashboardView .home-1c-chase-panel{
  position:relative;
  padding:12px 11px 12px 24px;
  margin:0 0 9px;
  border-radius:7px;
  background:linear-gradient(180deg,#182126,#12191d);
  border-color:rgba(184,169,142,.28);
}
#dashboardView .home-1c-chase-panel::after{
  content:"MISSING";
  position:absolute;
  right:-12px;
  top:18px;
  padding:7px 8px 7px 7px;
  border-radius:0 5px 5px 0;
  background:#7e6658;
  color:#15110e;
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.08em;
  writing-mode:vertical-rl;
}
#dashboardView .home-1c-section-heading{
  margin-bottom:7px;
}
#dashboardView .home-1c-section-heading .eyebrow{
  font-size:.61rem;
  margin:0;
}
#dashboardView .home-1c-section-heading h3{
  font-size:.9rem;
  margin:2px 0 0;
}
#dashboardView .home-1c-section-heading .text-button{
  font-size:.65rem;
}
#dashboardView .home-1c-chase-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
#dashboardView .home-1c-chase-list .wanted-spotlight-card{
  min-width:0;
  padding:7px;
  min-height:112px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  border-radius:5px;
  background:#10181d;
  border:1px solid rgba(255,255,255,.07);
}
#dashboardView .home-1c-chase-list .wanted-spotlight-image{
  width:100%;
  height:70px;
  display:flex;
  justify-content:center;
}
#dashboardView .home-1c-chase-list .wanted-spotlight-image img{
  height:70px;
  width:auto;
  max-width:100%;
  object-fit:contain;
}
#dashboardView .home-1c-chase-list .wanted-spotlight-card > span:nth-child(2){
  width:100%;
}
#dashboardView .home-1c-chase-list .wanted-spotlight-card strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.66rem;
}
#dashboardView .home-1c-chase-list .wanted-spotlight-card small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.52rem;
}
#dashboardView .home-1c-chase-list .wanted-spotlight-card > b{
  display:none;
}

/* Nearby + challenge pair, tightly packed like the mock-up. */
#dashboardView .home-1c-utility-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:9px;
}
#dashboardView .home-1c-mini-panel{
  min-height:102px;
  padding:10px;
  text-align:left;
  border-radius:6px;
  border:1px solid rgba(184,169,142,.25);
  background:linear-gradient(180deg,#182126,#11191d);
  color:var(--cp-paper,#f2eee4);
}
#dashboardView .home-1c-mini-kicker{
  display:block;
  color:var(--cp-amber,#e6ae4d);
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.1em;
  margin-bottom:6px;
}
#dashboardView .home-1c-mini-panel strong{
  display:block;
  font-size:.78rem;
  margin-bottom:4px;
}
#dashboardView .home-1c-mini-panel small{
  display:block;
  color:#8f989d;
  font-size:.58rem;
  line-height:1.35;
}
#dashboardView .home-1c-mini-panel b{
  display:block;
  margin-top:8px;
  color:var(--cp-teal,#32c3b4);
  font-size:.62rem;
}
#dashboardView .home-1c-challenge-panel b{
  color:var(--cp-amber,#e6ae4d);
}

/* Purpose-built scan control, not a generic dashboard button. */
#dashboardView .home-1c-scan-cta{
  width:100%;
  display:grid;
  grid-template-columns:44px 1fr 18px;
  align-items:center;
  gap:9px;
  padding:9px 12px;
  margin:0 0 8px;
  border:1px solid #d79e40;
  border-radius:7px;
  color:#17120c;
  background:
    linear-gradient(180deg,#f0bd59,#d99129);
  box-shadow:
    inset 0 1px rgba(255,255,255,.4),
    0 5px 0 #8a5c20,
    0 9px 16px rgba(0,0,0,.26);
}
#dashboardView .home-1c-scan-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:2px solid rgba(43,30,13,.6);
  border-radius:6px;
  font-size:1.3rem;
}
#dashboardView .home-1c-scan-cta strong{
  display:block;
  font-size:.8rem;
  letter-spacing:.06em;
}
#dashboardView .home-1c-scan-cta small{
  display:block;
  margin-top:2px;
  font-size:.56rem;
  color:#5b411e;
}
#dashboardView .home-1c-scan-cta > b{
  font-size:1.4rem;
}

/* Home nav integrates with the binder instead of floating as a giant dock. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  min-height:66px !important;
  padding:5px 8px calc(5px + env(safe-area-inset-bottom)) !important;
  border-radius:0 !important;
  border-top:1px solid rgba(230,174,77,.32);
  background:rgba(10,15,18,.97);
  box-shadow:0 -4px 16px rgba(0,0,0,.28);
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-nav-item{
  min-height:44px !important;
  font-size:.62rem;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-nav-scan{
  transform:translateY(-5px) scale(.66) !important;
}
body:has(#dashboardView.active) #dashboardView{
  padding-bottom:78px !important;
}

@media (max-width:520px){
  #dashboardView{
    padding-left:26px;
    padding-right:10px;
  }
  #dashboardView .binder-slot-grid{
    grid-template-columns:repeat(12,1fr);
  }
  #dashboardView .binder-slot-grid > *:nth-child(n+25){
    display:none;
  }
  #dashboardView .home-completion-row{
    grid-template-columns:105px 1fr 18px;
  }
  #dashboardView .home-1c-chase-list .wanted-spotlight-image{
    height:62px;
  }
  #dashboardView .home-1c-chase-list .wanted-spotlight-image img{
    height:62px;
  }
}


/* ============================================================
   3.18.1 — Concept 1C Home alignment
   Mobile corrections from the real 3.18.0 deployment.
   ============================================================ */

/* The Chase panel was being hidden by the earlier 3.17.7 retirement rule.
   Concept 1C requires it to remain on Home even when the list is empty. */
#dashboardView .home-1c-chase-panel.wanted-spotlight-panel{
  display:block !important;
}
#dashboardView .home-1c-chase-panel .wanted-spotlight-empty{
  min-height:92px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:10px 12px;
  border:1px dashed rgba(184,169,142,.22);
  border-radius:5px;
  background:#10181d;
}
#dashboardView .home-1c-chase-panel .wanted-spotlight-empty strong{
  color:var(--cp-paper,#f2eee4);
  font-size:.75rem;
}
#dashboardView .home-1c-chase-panel .wanted-spotlight-empty span{
  color:#8f989d;
  font-size:.58rem;
  line-height:1.35;
}
#dashboardView .home-1c-chase-panel .wanted-spotlight-empty .button{
  justify-self:start;
  min-height:32px;
  margin-top:4px;
  padding:5px 9px;
  font-size:.6rem;
}

/* My Binder — closer to the compact mock-up. */
#dashboardView .binder-hero-card{
  padding:12px 13px 10px 24px !important;
}
#dashboardView .binder-hero-card-head{
  margin-bottom:7px !important;
}
#dashboardView .binder-slot-grid{
  gap:3px !important;
}
#dashboardView .binder-slot-grid > *{
  min-height:21px !important;
  height:21px !important;
}
#dashboardView .binder-hero-card-meta{
  margin-top:7px !important;
  padding-top:6px !important;
  display:grid !important;
  grid-template-columns:auto 1fr;
  align-items:baseline !important;
  gap:5px 9px !important;
}
#dashboardView .binder-hero-card-meta strong{
  font-size:.74rem !important;
  white-space:nowrap;
}
#dashboardView .binder-hero-card-meta span{
  font-size:.66rem !important;
  text-align:right;
  white-space:nowrap;
}

/* Set rows — logo supports the row instead of consuming it.
   Keep the full set title readable and place completion state on its own line. */
#dashboardView .home-completion-row{
  grid-template-columns:88px minmax(0,1fr) 18px !important;
  gap:9px !important;
  min-height:66px !important;
  padding:7px 7px !important;
}
#dashboardView .home-completion-logo{
  height:50px !important;
  min-height:50px !important;
  padding:4px 5px !important;
}
#dashboardView .home-completion-logo img{
  max-height:39px !important;
}
#dashboardView .home-completion-copy{
  gap:4px !important;
  min-width:0 !important;
}
#dashboardView .home-completion-title{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:7px !important;
  min-width:0 !important;
}
#dashboardView .home-completion-title strong{
  display:block !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:.76rem !important;
}
#dashboardView .home-completion-title em{
  max-width:86px !important;
  padding:2px 5px !important;
  font-size:.48rem !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
#dashboardView .home-set-slot-meter{
  margin:2px 0 !important;
  gap:2px !important;
}
#dashboardView .home-set-slot-meter i{
  height:8px !important;
}
#dashboardView .home-completion-copy small{
  font-size:.58rem !important;
  line-height:1.25;
}

/* Nearby Traders + Live Challenges — compact binder inserts, not generic prose cards. */
#dashboardView .home-1c-utility-grid{
  gap:6px !important;
}
#dashboardView .home-1c-mini-panel{
  position:relative;
  min-height:84px !important;
  padding:9px 9px 8px 36px !important;
  border-radius:5px !important;
  overflow:hidden;
}
#dashboardView .home-1c-mini-panel::before{
  position:absolute;
  left:9px;
  top:10px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border:1px solid rgba(230,174,77,.28);
  border-radius:4px;
  color:var(--cp-amber,#e6ae4d);
  background:rgba(230,174,77,.055);
  font-size:.75rem;
}
#dashboardView .home-1c-trader-panel::before{content:"⌖";}
#dashboardView .home-1c-challenge-panel::before{content:"⚑";}
#dashboardView .home-1c-mini-kicker{
  margin-bottom:3px !important;
  font-size:.51rem !important;
}
#dashboardView .home-1c-mini-panel strong{
  margin-bottom:2px !important;
  font-size:.72rem !important;
}
#dashboardView .home-1c-mini-panel small{
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:.53rem !important;
  line-height:1.28 !important;
}
#dashboardView .home-1c-mini-panel b{
  margin-top:5px !important;
  font-size:.56rem !important;
}

/* The real footer gap cause:
   3.18.0 kept 78px of dashboard bottom padding to clear the fixed nav while
   body/main already reserve the mobile dock. That padding plus footer spacing
   created the large dead band. Remove the duplicate reservation. */
body:has(#dashboardView.active) #dashboardView{
  padding-bottom:8px !important;
  margin-bottom:0 !important;
}
body:has(#dashboardView.active) .site-footer{
  margin-top:8px !important;
  padding-top:14px !important;
  padding-bottom:12px !important;
}
body:has(#dashboardView.active) .site-footer::before{
  margin-bottom:10px !important;
}

/* Leave the 3.18.0 nav, spine, divider tabs and Scan CTA untouched. */

@media (max-width:520px){
  #dashboardView .binder-slot-grid{
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  }
  #dashboardView .binder-hero-card-meta{
    grid-template-columns:1fr !important;
    gap:2px !important;
  }
  #dashboardView .binder-hero-card-meta span{
    text-align:left !important;
  }
  #dashboardView .home-completion-row{
    grid-template-columns:76px minmax(0,1fr) 16px !important;
    gap:7px !important;
  }
  #dashboardView .home-completion-logo{
    height:46px !important;
    min-height:46px !important;
  }
  #dashboardView .home-completion-logo img{
    max-height:35px !important;
  }
  #dashboardView .home-completion-title{
    grid-template-columns:minmax(0,1fr) !important;
    gap:2px !important;
  }
  #dashboardView .home-completion-title strong{
    font-size:.7rem !important;
  }
  #dashboardView .home-completion-title em{
    justify-self:start;
    max-width:120px !important;
    font-size:.45rem !important;
  }
  #dashboardView .home-1c-mini-panel{
    padding-left:33px !important;
  }
}


/* ============================================================
   3.18.2 — Home Fidelity Pass
   Final Concept 1C refinement before Home becomes the page standard.
   ============================================================ */

/* Header: make the app chrome feel like part of the premium binder rather than
   a separate legacy web header. */
body:has(#dashboardView.active) .topbar{
  min-height:58px !important;
  padding:4px 12px !important;
  border-bottom:1px solid rgba(230,174,77,.12) !important;
  background:
    linear-gradient(180deg,rgba(11,17,20,.99),rgba(8,13,16,.99)) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
body:has(#dashboardView.active) .mobile-menu{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  border-radius:7px !important;
  border-color:rgba(184,169,142,.20) !important;
  background:#151c20 !important;
  color:#c7bda9 !important;
}
body:has(#dashboardView.active) .topbar-title{
  flex:1;
  display:flex;
  justify-content:center;
  min-width:0;
}
body:has(#dashboardView.active) .topbar-brand-logo{
  width:min(190px,46vw) !important;
  max-height:38px !important;
  object-fit:contain;
}
body:has(#dashboardView.active) .topbar-actions{
  width:44px;
  min-width:44px;
}
body:has(#dashboardView.active) .topbar-actions > *{
  display:none !important;
}

/* My Binder: slots stay physical but no longer overpower the completion data. */
#dashboardView .binder-hero-card{
  padding-top:10px !important;
  padding-bottom:9px !important;
}
#dashboardView .binder-slot-grid{
  opacity:.9;
}
#dashboardView .binder-slot-grid > *{
  min-height:18px !important;
  height:18px !important;
  border-radius:3px !important;
}
#dashboardView .binder-hero-card-head b{
  font-size:.78rem !important;
}
#dashboardView .binder-hero-card-meta strong{
  letter-spacing:.005em;
}

/* Set index rows: tighter logo plaque and more breathing room for collection intelligence. */
@media (max-width:520px){
  #dashboardView .home-completion-row{
    grid-template-columns:70px minmax(0,1fr) 16px !important;
    min-height:64px !important;
  }
  #dashboardView .home-completion-logo{
    height:42px !important;
    min-height:42px !important;
    padding:3px 4px !important;
  }
  #dashboardView .home-completion-logo img{
    max-height:32px !important;
  }
  #dashboardView .home-completion-title strong{
    font-size:.72rem !important;
  }
  #dashboardView .home-completion-copy small{
    font-size:.59rem !important;
  }
}

/* Chase cards: card art is the visual focus, matching the approved Concept 1C board. */
#dashboardView .home-1c-chase-list .wanted-spotlight-card{
  min-height:128px !important;
  padding:6px !important;
}
#dashboardView .home-1c-chase-list .wanted-spotlight-image{
  height:82px !important;
  background:
    radial-gradient(circle at 50% 35%,rgba(230,174,77,.07),transparent 56%),
    #0d151a;
  border:1px solid rgba(255,255,255,.045);
  border-radius:4px;
  overflow:hidden;
}
#dashboardView .home-1c-chase-list .wanted-spotlight-image img{
  height:80px !important;
  max-width:100%;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.42));
}
#dashboardView .home-1c-chase-list .home-chase-loading{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:rgba(230,174,77,.48);
  font-size:1.15rem;
  font-style:normal;
  animation:homeChasePulse 1.15s ease-in-out infinite alternate;
}
@keyframes homeChasePulse{
  from{opacity:.35}
  to{opacity:.8}
}

/* Utility inserts: status controls rather than miniature information cards. */
#dashboardView .home-1c-mini-panel{
  min-height:76px !important;
  padding-top:8px !important;
  padding-bottom:7px !important;
}
#dashboardView .home-1c-mini-panel::before{
  top:8px !important;
}
#dashboardView .home-1c-mini-panel small{
  -webkit-line-clamp:1 !important;
  white-space:normal;
}
#dashboardView .home-1c-mini-panel b{
  margin-top:4px !important;
}

/* Slimmer dock while retaining >=44px interaction targets. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  min-height:58px !important;
  height:auto !important;
  padding:3px 7px calc(3px + env(safe-area-inset-bottom)) !important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab,
body:has(#dashboardView.active) .mobile-bottom-nav .nav-item{
  min-height:44px !important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab > span:first-child{
  font-size:18px !important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab small{
  font-size:7.5px !important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  transform:translateY(-7px) scale(.88) !important;
  transform-origin:center bottom;
}

/* Finish the page rather than letting the legal copy become a second visual section. */
body:has(#dashboardView.active) .site-footer{
  opacity:.78;
  font-size:.58rem !important;
  line-height:1.45 !important;
}

/* 3.18.4 — Home first-impression proposition */
#dashboardView .home-purpose-strip{margin:0 0 10px;padding:12px 13px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(230,174,77,.26);border-radius:10px;background:linear-gradient(100deg,rgba(230,174,77,.055),transparent 42%),linear-gradient(180deg,#151d20,#10171a);box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 16px rgba(0,0,0,.18)}
#dashboardView .home-purpose-copy{min-width:0;display:flex;flex-direction:column}
#dashboardView .home-purpose-kicker{margin-bottom:3px;color:#dfa944;font-size:.52rem;font-weight:800;letter-spacing:.15em}
#dashboardView .home-purpose-copy strong{color:#f2eee6;font-size:1rem;line-height:1.12;letter-spacing:-.015em}
#dashboardView .home-purpose-copy small{margin-top:4px;max-width:420px;color:#a8afb2;font-size:.64rem;line-height:1.35}
#dashboardView .home-purpose-scan{min-height:44px;padding:0 12px;border:1px solid rgba(230,174,77,.55);border-radius:7px;background:rgba(230,174,77,.10);color:#e9b653;font:inherit;font-size:.65rem;font-weight:800;white-space:nowrap}
@media(max-width:520px){#dashboardView .home-purpose-strip{grid-template-columns:1fr;gap:7px}#dashboardView .home-purpose-copy strong{font-size:.92rem}#dashboardView .home-purpose-copy small{font-size:.61rem}#dashboardView .home-purpose-scan{width:max-content}}


/* ============================================================
   3.18.5 — Physical Binder Shell
   Replace decorative perforation dots with explicit spine/rings/pages.
   ============================================================ */

#dashboardView{
  isolation:isolate;
  padding-left:42px !important;
  padding-right:16px !important;
  overflow:visible !important;
}
#dashboardView > *{
  position:relative;
  z-index:2;
}

/* Leather/fabric spine with stitched edges and hinge depth. */
#dashboardView::before{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  left:8px !important;
  top:14px !important;
  bottom:72px !important;
  width:26px !important;
  border-radius:8px 5px 5px 8px !important;
  border:1px solid rgba(191,145,69,.26) !important;
  background:
    linear-gradient(90deg,
      #0b0d0e 0 7%,
      #3b2b1f 9% 18%,
      #171414 21% 55%,
      #49311f 58% 69%,
      #17191a 72% 91%,
      #090c0d 94% 100%) !important;
  box-shadow:
    inset 2px 0 0 rgba(255,255,255,.035),
    inset -3px 0 5px rgba(0,0,0,.75),
    3px 0 10px rgba(0,0,0,.34) !important;
}
#dashboardView::after{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  left:auto !important;
  right:4px !important;
  top:24px !important;
  bottom:82px !important;
  width:13px !important;
  height:auto !important;
  opacity:1 !important;
  border-radius:0 5px 5px 0;
  background:
    repeating-linear-gradient(
      180deg,
      #d6d0c1 0 2px,
      #a9a294 2px 3px,
      #67645e 3px 4px,
      #d6d0c1 4px 6px
    ) !important;
  box-shadow:
    inset 2px 0 0 rgba(0,0,0,.22),
    2px 0 7px rgba(0,0,0,.22) !important;
  pointer-events:none;
}

/* Explicit ring hardware. The rings overlap the page edge, which is the
   visual cue that makes this read as a binder rather than holes. */
#dashboardView .home-binder-hardware{
  position:absolute;
  z-index:5;
  pointer-events:none;
  left:17px;
  top:40px;
  bottom:104px;
  width:38px;
}
#dashboardView .home-ring{
  position:absolute;
  left:3px;
  width:31px;
  height:20px;
  border-radius:55% 52% 52% 55%;
  background:
    linear-gradient(180deg,
      #e0ddd4 0%,
      #8c8d8b 18%,
      #f0ede5 34%,
      #797b7a 55%,
      #d6d3cc 74%,
      #606261 100%);
  box-shadow:
    0 2px 3px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.75),
    inset 0 -1px 0 rgba(0,0,0,.45);
  transform:rotate(-4deg);
}
#dashboardView .home-ring::before{
  content:"";
  position:absolute;
  left:5px;
  top:4px;
  width:21px;
  height:12px;
  border-radius:50%;
  background:#0d1316;
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,.9),
    0 0 0 1px rgba(0,0,0,.55);
}
#dashboardView .home-ring::after{
  content:"";
  position:absolute;
  left:-4px;
  top:7px;
  width:11px;
  height:6px;
  border-radius:3px 0 0 3px;
  background:linear-gradient(180deg,#b7b5af,#666867 58%,#bbb9b2);
  box-shadow:0 1px 2px rgba(0,0,0,.45);
}
#dashboardView .ring-1{top:5%}
#dashboardView .ring-2{top:25%}
#dashboardView .ring-3{top:45%}
#dashboardView .ring-4{top:65%}
#dashboardView .ring-5{top:85%}

/* Stacked paper edges tucked behind the digital page. */
#dashboardView .home-page-stack{
  position:absolute;
  z-index:0;
  pointer-events:none;
  right:7px;
  top:26px;
  bottom:84px;
  width:18px;
}
#dashboardView .home-page-stack i{
  position:absolute;
  top:0;
  bottom:0;
  width:5px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#d9d3c5,#aca79c 50%,#78756f);
  opacity:.5;
}
#dashboardView .home-page-stack i:nth-child(1){right:0;transform:translateX(7px)}
#dashboardView .home-page-stack i:nth-child(2){right:3px;transform:translateX(3px);opacity:.34}
#dashboardView .home-page-stack i:nth-child(3){right:6px;opacity:.2}

/* Remove the old perforation-dot motif from every page panel. */
#dashboardView .binder-hero-card::before,
#dashboardView .home-completion-panel::before,
#dashboardView .home-1c-chase-panel::before{
  content:none !important;
  display:none !important;
}

/* Panels become clipped page inserts with a visible bound edge rather than
   floating rounded dashboard cards. */
#dashboardView .home-purpose-strip,
#dashboardView .binder-hero-card,
#dashboardView .home-completion-panel,
#dashboardView .home-1c-chase-panel{
  border-radius:4px 8px 8px 4px !important;
  border-left:1px solid rgba(216,207,188,.46) !important;
  box-shadow:
    inset 3px 0 0 rgba(222,215,199,.055),
    0 7px 16px rgba(0,0,0,.2) !important;
}
#dashboardView .binder-hero-card,
#dashboardView .home-completion-panel,
#dashboardView .home-1c-chase-panel{
  padding-left:18px !important;
}

/* Divider tabs look like card-stock tabs emerging from behind the page. */
#dashboardView .home-completion-panel::after,
#dashboardView .home-1c-chase-panel::after{
  right:-18px !important;
  min-width:30px;
  padding:9px 7px !important;
  border-radius:0 4px 4px 0 !important;
  border-left:0 !important;
  box-shadow:
    inset 2px 0 3px rgba(0,0,0,.2),
    3px 3px 6px rgba(0,0,0,.28) !important;
}
#dashboardView .home-completion-panel::after{
  background:linear-gradient(90deg,#8c5d29,#c5893c 55%,#9d672b) !important;
}
#dashboardView .home-1c-chase-panel::after{
  background:linear-gradient(90deg,#69564c,#9a7c6a 55%,#725c50) !important;
}

/* Keep the utility inserts on the same "page" visually. */
#dashboardView .home-1c-utility-grid{
  position:relative;
  padding-left:0;
}
#dashboardView .home-1c-mini-panel{
  border-radius:5px !important;
  box-shadow:inset 2px 0 0 rgba(255,255,255,.025) !important;
}

/* The purpose strip explains BinderWorth, but should feel printed onto the
   inside cover rather than like a separate marketing card. */
#dashboardView .home-purpose-strip{
  background:
    linear-gradient(100deg,rgba(230,174,77,.045),transparent 45%),
    linear-gradient(180deg,#171d1f,#111719) !important;
}

@media(max-width:520px){
  #dashboardView{
    padding-left:40px !important;
    padding-right:14px !important;
  }
  #dashboardView::before{
    left:7px !important;
    width:25px !important;
  }
  #dashboardView .home-binder-hardware{
    left:15px;
    width:36px;
  }
  #dashboardView .home-ring{
    width:29px;
    height:19px;
  }
  #dashboardView .home-ring::before{
    width:19px;
    height:11px;
  }
}


/* =========================================================
   3.18.6 — Concept 1C convergence
   Subtle physical binder cues, not literal notebook hardware.
   ========================================================= */

#dashboardView{
  position:relative !important;
  isolation:isolate;
  padding-left:46px !important;
  padding-right:24px !important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 58px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 26px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.010) 0 1px,transparent 1px 26px) !important;
}

/* Narrow leather spine and dark page seam, matching the restrained mock-up. */
#dashboardView::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  left:11px !important;
  top:18px !important;
  bottom:72px !important;
  width:24px !important;
  border-radius:5px !important;
  border:1px solid rgba(205,151,65,.26) !important;
  background:
    linear-gradient(90deg,#0b0d0e 0 10%,#3b2a1d 14%,#151414 30% 66%,#4b321e 72%,#111314 88%,#080a0b 100%) !important;
  box-shadow:inset 2px 0 rgba(255,255,255,.025),inset -2px 0 rgba(0,0,0,.55),2px 0 8px rgba(0,0,0,.3) !important;
}
#dashboardView::after{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  right:8px !important;
  top:30px !important;
  bottom:82px !important;
  width:7px !important;
  border-radius:0 4px 4px 0 !important;
  background:linear-gradient(90deg,#262522,#4b463d 42%,#17191a 45% 100%) !important;
  opacity:.65 !important;
  box-shadow:2px 0 4px rgba(0,0,0,.35) !important;
}

/* Three small ring glimpses at the hinge. They sit behind the page rather
   than becoming the decoration. */
#dashboardView .home-binder-seam{
  position:absolute;
  z-index:1;
  left:27px;
  top:92px;
  bottom:130px;
  width:20px;
  pointer-events:none;
}
#dashboardView .home-binder-seam i{
  position:absolute;
  left:0;
  width:16px;
  height:9px;
  border:2px solid rgba(181,178,168,.62);
  border-left:0;
  border-radius:0 10px 10px 0;
  background:transparent;
  box-shadow:1px 0 1px rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.45);
  opacity:.55;
}
#dashboardView .home-binder-seam i:nth-child(1){top:8%}
#dashboardView .home-binder-seam i:nth-child(2){top:46%}
#dashboardView .home-binder-seam i:nth-child(3){top:84%}

/* Concept board: content lives on a single dark binder page. */
#dashboardView .home-purpose-strip,
#dashboardView .binder-hero-card,
#dashboardView .home-completion-panel,
#dashboardView .home-1c-chase-panel,
#dashboardView .home-1c-mini-panel{
  border-radius:7px !important;
  border:1px solid rgba(148,157,158,.28) !important;
  border-left-color:rgba(202,155,75,.30) !important;
  background:
    linear-gradient(115deg,rgba(226,161,58,.025),transparent 32%),
    linear-gradient(180deg,#151d20,#10171a) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 12px rgba(0,0,0,.18) !important;
}

/* The explainer becomes a compact inside-cover inscription instead of a
   marketing hero card. */
#dashboardView .home-purpose-strip{
  padding:14px 18px !important;
  min-height:0 !important;
  margin-bottom:16px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
  border-color:rgba(201,148,62,.30) !important;
}
#dashboardView .home-purpose-copy{
  gap:3px !important;
}
#dashboardView .home-purpose-kicker{
  color:#d8a04c !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
}
#dashboardView .home-purpose-copy strong{
  font-size:21px !important;
  line-height:1.1 !important;
}
#dashboardView .home-purpose-copy small{
  font-size:13px !important;
  line-height:1.35 !important;
  color:#a9b0b2 !important;
}
#dashboardView .home-purpose-scan{
  min-height:44px !important;
  padding:0 14px !important;
  white-space:nowrap;
}

/* Match the mock-up's compact home binder block. */
#dashboardView .binder-hero-card{
  padding:15px 18px !important;
  margin-bottom:14px !important;
}
#dashboardView .binder-hero-card-head{
  margin-bottom:10px !important;
}
#dashboardView .binder-slot-grid{
  gap:5px !important;
}
#dashboardView .binder-home-metrics{
  display:none !important;
}
#dashboardView .binder-hero-card-meta{
  margin-top:11px !important;
  padding-top:10px !important;
}

/* Stronger page-section hierarchy like the Concept 1C board. */
#dashboardView .home-completion-panel,
#dashboardView .home-1c-chase-panel{
  padding:17px 18px !important;
  overflow:visible !important;
}
#dashboardView .home-completion-panel::before,
#dashboardView .home-1c-chase-panel::before{
  content:none !important;
}
#dashboardView .home-completion-panel::after,
#dashboardView .home-1c-chase-panel::after{
  right:-20px !important;
  min-width:32px !important;
  padding:10px 7px !important;
  border-radius:0 4px 4px 0 !important;
  border:1px solid rgba(0,0,0,.35) !important;
  border-left:0 !important;
  box-shadow:2px 3px 5px rgba(0,0,0,.28) !important;
}
#dashboardView .home-completion-panel::after{
  background:#a76d2d !important;
}
#dashboardView .home-1c-chase-panel::after{
  background:#765f53 !important;
}

/* Compact set rows: logo, progress and count are the hero, like the mock-up. */
#dashboardView .home-completion-row{
  min-height:84px !important;
  padding:10px 12px !important;
  border-radius:6px !important;
  background:#0e181c !important;
}
#dashboardView .set-row-logo{
  background:#101a1e !important;
  border-radius:5px !important;
}

/* Scan remains the distinctive amber physical control. */
#dashboardView .home-1c-scan-cta{
  border-radius:6px !important;
  background:linear-gradient(180deg,#f0bd55,#e5a12f) !important;
  box-shadow:0 7px 0 #87591e,0 9px 14px rgba(0,0,0,.25) !important;
}

/* Hide legacy dashboard blocks on the focused collector home. */
#dashboardView .home-legacy-dashboard-panel{
  display:none !important;
}

@media(max-width:520px){
  #dashboardView{
    padding-left:42px !important;
    padding-right:16px !important;
  }
  #dashboardView::before{
    left:9px !important;
    width:22px !important;
  }
  #dashboardView .home-binder-seam{
    left:24px;
  }
  #dashboardView .home-purpose-strip{
    grid-template-columns:1fr !important;
    padding:13px 16px !important;
  }
  #dashboardView .home-purpose-scan{
    justify-self:start;
  }
}


/* =========================================================
   3.18.7 — Concept 1C layout pass
   Density, hierarchy and page construction now follow the concept board.
   ========================================================= */

/* Remove the little exposed-ring marks: spine + gutter carry the metaphor. */
#dashboardView .home-binder-seam{display:none !important}

/* Premium masthead: reduce the oversized menu control and give the brand room. */
@media(max-width:700px){
  .app-header, header.app-header, .topbar{
    min-height:78px !important;
  }
  .menu-toggle, #menuToggle, .hamburger-btn{
    width:58px !important;
    height:58px !important;
    border-radius:9px !important;
  }
  .brand-logo, .header-logo, .app-logo{
    transform:scale(1.12);
    transform-origin:center;
  }
}

/* Main binder page: tighter and flatter, like Concept 1C. */
#dashboardView{
  padding-top:16px !important;
  padding-left:42px !important;
  padding-right:16px !important;
}
#dashboardView .home-purpose-strip{
  padding:9px 14px !important;
  margin-bottom:10px !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  border-radius:5px !important;
  background:linear-gradient(180deg,#121a1d,#0f1719) !important;
}
#dashboardView .home-purpose-kicker{
  font-size:9px !important;
  margin-bottom:1px !important;
}
#dashboardView .home-purpose-copy strong{
  font-size:16px !important;
  line-height:1.12 !important;
}
#dashboardView .home-purpose-copy small{
  font-size:11px !important;
  line-height:1.25 !important;
  max-width:360px;
}
#dashboardView .home-purpose-scan{
  min-height:38px !important;
  padding:0 11px !important;
  font-size:12px !important;
}

/* My Binder is now the home hero. */
#dashboardView .binder-hero-card{
  padding:13px 16px 12px !important;
  margin-bottom:10px !important;
  border-radius:5px !important;
  border-color:rgba(157,165,165,.24) !important;
}
#dashboardView .binder-hero-card-head{
  margin-bottom:8px !important;
}
#dashboardView .binder-hero-card-title{
  font-size:17px !important;
}
#dashboardView .binder-hero-card-percent{
  font-size:16px !important;
}
#dashboardView .binder-slot-grid{
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:4px !important;
}
#dashboardView .binder-slot{
  min-height:28px !important;
  border-radius:4px !important;
}
#dashboardView .binder-hero-card-meta{
  margin-top:8px !important;
  padding-top:8px !important;
}
#dashboardView .binder-hero-card-meta strong{
  font-size:15px !important;
}
#dashboardView .binder-hero-card-meta span{
  font-size:13px !important;
}

/* Sections become page modules, not floating dashboard cards. */
#dashboardView .home-completion-panel,
#dashboardView .home-1c-chase-panel{
  padding:13px 15px !important;
  margin-top:10px !important;
  border-radius:5px !important;
}
#dashboardView .home-completion-panel h2,
#dashboardView .home-1c-chase-panel h2{
  font-size:21px !important;
  line-height:1.05 !important;
}
#dashboardView .home-completion-list{
  gap:5px !important;
  margin-top:10px !important;
}
#dashboardView .home-completion-row{
  min-height:66px !important;
  padding:7px 9px !important;
  border-radius:4px !important;
  display:grid !important;
  grid-template-columns:128px minmax(0,1fr) 18px !important;
  gap:9px !important;
}
#dashboardView .set-row-logo{
  height:54px !important;
  min-height:54px !important;
  padding:4px 8px !important;
}
#dashboardView .set-row-logo img{
  max-height:43px !important;
}
#dashboardView .set-row-name{
  font-size:15px !important;
  line-height:1.1 !important;
}
#dashboardView .set-row-meta{
  font-size:11px !important;
}
#dashboardView .set-row-progress{
  gap:3px !important;
}
#dashboardView .set-row-progress i{
  height:9px !important;
}

/* Chase cards are shallower so Missing appears in the first useful viewport. */
#dashboardView .home-1c-chase-list{
  gap:7px !important;
}
#dashboardView .home-1c-chase-card{
  min-height:142px !important;
  border-radius:4px !important;
}

/* Physical divider stack from Concept 1C. */
#dashboardView .home-completion-panel::after,
#dashboardView .home-1c-chase-panel::after{
  min-width:27px !important;
  right:-16px !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
}
#dashboardView .home-1c-mini-grid{
  position:relative;
}
#dashboardView .home-1c-mini-grid::after{
  content:"FIND";
  position:absolute;
  right:-16px;
  top:10px;
  writing-mode:vertical-rl;
  padding:9px 6px;
  min-width:27px;
  border-radius:0 4px 4px 0;
  background:#446e69;
  border:1px solid rgba(0,0,0,.35);
  border-left:0;
  color:#0b1113;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  box-shadow:2px 3px 5px rgba(0,0,0,.28);
}

/* Scan CTA closer to the purpose-built control on the concept board. */
#dashboardView .home-1c-scan-cta{
  min-height:72px !important;
  margin-top:10px !important;
  border-radius:5px !important;
}
#dashboardView .home-1c-scan-cta strong{
  letter-spacing:.08em !important;
}

/* Slimmer mobile dock while preserving >=44px hit areas. */
@media(max-width:700px){
  .bottom-nav, #bottomNav, nav.bottom-nav{
    min-height:92px !important;
    height:92px !important;
  }
  .bottom-nav a, .bottom-nav button, #bottomNav a, #bottomNav button{
    min-height:52px !important;
  }
  .bottom-nav .scan-nav, #bottomNav .scan-nav,
  .bottom-nav .nav-scan, #bottomNav .nav-scan{
    transform:scale(.88) !important;
    transform-origin:center bottom !important;
  }
}
@media(max-width:420px){
  #dashboardView .home-purpose-copy small{display:none !important}
  #dashboardView .home-purpose-strip{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  #dashboardView .home-completion-row{
    grid-template-columns:116px minmax(0,1fr) 16px !important;
  }
}

/* =========================================================
   3.19.0 — Concept 1C art-direction pass
   Treat the concept board as the specification, not inspiration.
   ========================================================= */

/* The established collector lands on the binder itself. New/empty users
   retain the short product explanation until their first card is saved. */
#dashboardView .home-purpose-strip.is-established{display:none !important}

/* One coherent collector object: dark cover, recessed page, warm edge. */
#dashboardView{
  --bw-paper:#d9d4c8;
  --bw-amber:#e7a936;
  --bw-teal:#35bdb4;
  --bw-ink:#091014;
  --bw-page:#10191d;
  position:relative;
  padding:14px 18px 132px 52px !important;
  max-width:760px;
  margin-inline:auto;
}
#dashboardView::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:4px 8px 110px 30px;
  border:1px solid rgba(231,169,54,.22);
  border-radius:11px 7px 9px 11px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/18px 18px,
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px) 0 0/18px 18px,
    linear-gradient(145deg,#0b1215 0%,#10191d 52%,#0b1114 100%);
  box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.018);
}
#dashboardView::after{
  content:"";
  position:absolute;
  left:31px; top:5px; bottom:111px; width:14px;
  border-radius:8px 2px 2px 8px;
  border:1px solid rgba(231,169,54,.34);
  background:linear-gradient(90deg,#070b0d,#211b14 48%,#0a0f11 100%);
  box-shadow:inset -2px 0 rgba(231,169,54,.16),5px 0 10px rgba(0,0,0,.35);
}

/* Header behaves like the concept's premium masthead rather than an app bar. */
.app-header, header.app-header, .topbar{
  border-bottom:1px solid rgba(231,169,54,.16) !important;
  background:linear-gradient(180deg,#091014,#080e11) !important;
}
.app-header .brand img, header.app-header .brand img, .topbar .brand img,
.header-brand img,.mobile-brand img{
  max-height:52px !important;
  width:auto !important;
}

/* Intro is deliberately a welcome card only for an empty collection. */
#dashboardView .home-purpose-strip{
  min-height:126px !important;
  padding:20px 22px !important;
  margin:0 0 12px !important;
  border:1px solid rgba(231,169,54,.45) !important;
  border-radius:7px !important;
  background:linear-gradient(145deg,#121c20,#0d1518) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.03) !important;
}
#dashboardView .home-purpose-copy strong{font-size:25px !important;line-height:1.03 !important;letter-spacing:-.025em}
#dashboardView .home-purpose-copy small{display:block !important;margin-top:8px;font-size:14px !important;color:#aab2b4 !important}
#dashboardView .home-purpose-scan{min-height:48px !important;border-radius:5px !important}

/* MY BINDER: a page/pocket summary, not a generic progress widget. */
#dashboardView .binder-hero-card{
  position:relative;
  padding:16px 18px 15px !important;
  margin:0 0 12px !important;
  border:1px solid rgba(191,198,197,.28) !important;
  border-left:3px solid rgba(231,169,54,.52) !important;
  border-radius:5px !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%),
    linear-gradient(180deg,#132025,#0d171a) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035) !important;
}
#dashboardView .binder-hero-card::after{
  content:"COLLECTION";
  position:absolute;right:-1px;top:50%;transform:translate(100%,-50%);
  writing-mode:vertical-rl;padding:10px 6px;border-radius:0 4px 4px 0;
  background:#315f5c;color:#071012;font-size:9px;font-weight:900;letter-spacing:.13em;
  border:1px solid rgba(0,0,0,.35);border-left:0;
}
#dashboardView .binder-hero-card-head span{font-size:16px !important;letter-spacing:.06em !important}
#dashboardView .binder-hero-card-head b{font-size:16px !important;color:var(--bw-teal) !important}
#dashboardView .binder-slot-grid{
  grid-template-columns:repeat(10,minmax(0,1fr)) !important;
  gap:6px !important;
  padding:12px !important;
  margin:8px 0 10px !important;
  border-radius:4px;
  background:linear-gradient(180deg,rgba(3,8,10,.42),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.05);
  box-shadow:inset 0 5px 12px rgba(0,0,0,.24);
}
#dashboardView .binder-slot-grid > span{
  aspect-ratio:.72 !important;
  min-height:0 !important;
  border-radius:3px !important;
  border:1px solid rgba(160,171,173,.27) !important;
  background:linear-gradient(145deg,#182126,#11191d) !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.018),0 1px 1px rgba(0,0,0,.5) !important;
}
#dashboardView .binder-slot-grid > span.owned{
  border-color:rgba(71,221,207,.66) !important;
  background:linear-gradient(160deg,#44cfc3,#168c86) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 10px rgba(53,189,180,.12) !important;
}
#dashboardView .binder-slot-grid > span.partial{
  background:linear-gradient(135deg,#35bdb4 0 48%,#182126 49% 100%) !important;
  border-color:rgba(71,221,207,.5) !important;
}
#dashboardView .binder-home-metrics{display:none !important}
#dashboardView .binder-hero-card-meta{display:flex !important;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.07) !important}
#dashboardView .binder-hero-card-meta strong{font-size:14px !important;color:#f0eee8 !important}
#dashboardView .binder-hero-card-meta span{font-size:12px !important;color:var(--bw-teal) !important;text-align:right}

/* Completion module: set logo + progress + count, exactly the concept's information rhythm. */
#dashboardView .home-completion-panel{
  border-left:3px solid var(--bw-amber) !important;
  background:linear-gradient(145deg,#111b1f,#0d1518) !important;
}
#dashboardView .home-completion-heading small{display:none !important}
#dashboardView .home-completion-row{
  min-height:78px !important;
  grid-template-columns:132px minmax(0,1fr) 18px !important;
  padding:8px 10px !important;
  gap:12px !important;
  border:1px solid rgba(151,165,166,.14) !important;
  background:linear-gradient(180deg,#101a1e,#0b1418) !important;
}
#dashboardView .home-completion-logo{
  height:60px !important;display:flex !important;align-items:center !important;justify-content:center !important;
  padding:7px 10px !important;border-radius:4px !important;
  background:rgba(4,9,11,.32) !important;border:1px solid rgba(255,255,255,.07) !important;
}
#dashboardView .home-completion-logo img{max-width:100% !important;max-height:48px !important;object-fit:contain !important}
#dashboardView .home-completion-title{display:flex !important;align-items:center !important;gap:7px !important;min-width:0}
#dashboardView .home-completion-title strong{font-size:15px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#dashboardView .home-completion-title em{flex:0 0 auto;font-size:8px !important;letter-spacing:.07em !important;padding:4px 6px !important}
#dashboardView .home-set-slot-meter{display:grid !important;grid-template-columns:repeat(12,1fr);gap:3px !important;margin:7px 0 5px !important}
#dashboardView .home-set-slot-meter i{height:10px !important;border-radius:2px !important}
#dashboardView .home-completion-copy small{font-size:11px !important;white-space:nowrap;color:#9ca6a8 !important}
#dashboardView .home-completion-copy small b{color:#d7b56d !important}

/* Chase List becomes a strip of real card pockets. Artwork is allowed here. */
#dashboardView .home-1c-chase-panel{border-left:3px solid #8e7365 !important;background:linear-gradient(145deg,#121c20,#0d1619) !important}
#dashboardView .home-1c-chase-list{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:9px !important;margin-top:10px !important}
#dashboardView .wanted-spotlight-card{
  display:block !important;min-width:0 !important;padding:8px !important;border-radius:5px !important;
  text-align:left !important;background:linear-gradient(180deg,#111a20,#0b1217) !important;
  border:1px solid rgba(151,165,166,.16) !important;box-shadow:inset 0 5px 12px rgba(0,0,0,.2) !important;
}
#dashboardView .wanted-spotlight-image{
  display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:auto !important;
  aspect-ratio:.72 !important;margin:0 0 8px !important;border-radius:4px !important;overflow:hidden !important;
  background:linear-gradient(145deg,#151e23,#0b1216) !important;border:1px solid rgba(255,255,255,.06) !important;
}
#dashboardView .wanted-spotlight-image img{width:100% !important;height:100% !important;object-fit:contain !important}
#dashboardView .wanted-spotlight-card > span:nth-child(2){display:block !important;min-width:0}
#dashboardView .wanted-spotlight-card strong{display:block !important;font-size:12px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboardView .wanted-spotlight-card small{display:block !important;font-size:10px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#899598 !important}
#dashboardView .wanted-spotlight-card > b{display:none !important}
#dashboardView .home-chase-loading{font-size:18px !important;color:rgba(231,169,54,.45) !important}

/* Utility modules become inset page tools rather than floating dashboard cards. */
#dashboardView .home-1c-utility-grid{gap:8px !important;margin-top:10px !important}
#dashboardView .home-1c-mini-panel{min-height:112px !important;border-radius:4px !important;background:linear-gradient(145deg,#111b1f,#0c1518) !important;border:1px solid rgba(174,183,182,.19) !important;box-shadow:none !important}
#dashboardView .home-1c-mini-panel strong{font-size:16px !important;line-height:1.05 !important}
#dashboardView .home-1c-mini-panel small{font-size:11px !important;line-height:1.3 !important}

/* Purpose-built scan hardware: wide enough to read, shaped enough to own. */
#dashboardView .home-1c-scan-cta{
  min-height:78px !important;border-radius:6px !important;border:1px solid #ffd06a !important;
  background:linear-gradient(180deg,#f5bd4f,#e59b24) !important;color:#21180a !important;
  box-shadow:0 7px 0 #8e5c17,0 13px 22px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.55) !important;
}
#dashboardView .home-1c-scan-icon{width:52px !important;height:52px !important;border:3px solid rgba(69,49,15,.58) !important;border-radius:7px !important;display:grid !important;place-items:center !important;font-size:22px !important}
#dashboardView .home-1c-scan-cta strong{font-size:17px !important;letter-spacing:.07em !important}
#dashboardView .home-1c-scan-cta small{font-size:11px !important;color:rgba(43,31,10,.72) !important}

/* Bottom dock: quiet frame; Scan remains the physical centre control. */
.bottom-nav, #bottomNav, nav.bottom-nav{
  max-width:720px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;
  border:1px solid rgba(231,169,54,.22) !important;border-radius:7px 7px 0 0 !important;
  background:rgba(7,13,16,.97) !important;box-shadow:0 -10px 28px rgba(0,0,0,.34) !important;
}

@media(max-width:700px){
  #dashboardView{padding:12px 24px 124px 46px !important}
  #dashboardView::before{left:26px;right:10px}
  #dashboardView::after{left:27px}
  #dashboardView .home-purpose-strip{grid-template-columns:minmax(0,1fr) !important;gap:14px !important}
  #dashboardView .home-purpose-scan{justify-self:start !important}
  #dashboardView .home-completion-row{grid-template-columns:126px minmax(0,1fr) 15px !important;gap:9px !important}
  #dashboardView .binder-hero-card-meta{display:block !important}
  #dashboardView .binder-hero-card-meta span{display:block;margin-top:2px;text-align:left}
}
@media(max-width:420px){
  #dashboardView{padding-left:42px !important;padding-right:20px !important}
  #dashboardView .home-completion-row{grid-template-columns:118px minmax(0,1fr) 14px !important}
  #dashboardView .home-completion-title{display:block !important}
  #dashboardView .home-completion-title em{display:inline-block;margin-top:3px}
  #dashboardView .home-set-slot-meter{margin-top:5px !important}
  #dashboardView .home-completion-copy small{font-size:10px !important}
}