:root{
  --bw-bg:#071014;
  --bw-cover:#0b1114;
  --bw-page:#10191d;
  --bw-page-2:#0d161a;
  --bw-paper:#e5e0d5;
  --bw-muted:#94a0a3;
  --bw-line:rgba(208,201,185,.16);
  --bw-amber:#e9aa3d;
  --bw-amber-deep:#9b6422;
  --bw-teal:#36c2b7;
  --bw-tab-missing:#82695d;
  --bw-tab-find:#46736e;
  --bw-tab-events:#755c78;
}

/* HOME MASTHEAD -------------------------------------------------- */
body:has(#dashboardView.active) .global-estimate-banner{display:none!important}
body:has(#dashboardView.active) .topbar{
  min-height:68px!important;
  padding:7px 16px!important;
  background:linear-gradient(180deg,#081014,#070d10)!important;
  border-bottom:1px solid rgba(233,170,61,.18)!important;
  box-shadow:0 7px 22px rgba(0,0,0,.26)!important;
}
body:has(#dashboardView.active) .mobile-menu{
  width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
  border-radius:8px!important;border:1px solid rgba(224,216,196,.16)!important;
  background:#121a1e!important;color:#d6cebd!important;font-size:0!important;
  position:relative;
}
body:has(#dashboardView.active) .mobile-menu::before,
body:has(#dashboardView.active) .mobile-menu::after{
  content:"";position:absolute;left:12px;right:12px;height:2px;background:#c7bba2;border-radius:2px;
}
body:has(#dashboardView.active) .mobile-menu::before{top:16px;box-shadow:0 7px 0 #c7bba2}
body:has(#dashboardView.active) .mobile-menu::after{top:30px}
body:has(#dashboardView.active) .topbar-title{display:flex!important;flex:1;justify-content:center;align-items:center;min-width:0}
body:has(#dashboardView.active) #viewEyebrow,
body:has(#dashboardView.active) #viewTitle{display:none!important}
body:has(#dashboardView.active) .topbar-brand-logo{
  display:block!important;width:min(246px,54vw)!important;max-height:50px!important;object-fit:contain!important;
}
body:has(#dashboardView.active) .topbar-actions{width:46px!important;min-width:46px!important}
body:has(#dashboardView.active) .topbar-actions>*{display:none!important}

/* HOME OBJECT ----------------------------------------------------- */
#dashboardView{
  position:relative!important;isolation:isolate;max-width:760px!important;margin:0 auto!important;
  padding:12px 14px 114px!important;background:transparent!important;
}
#dashboardView::before,#dashboardView::after{content:none!important}
#dashboardView>.home-legacy-dashboard-panel,
#dashboardView>.getting-started-panel,
#dashboardView>.home-secondary-heading,
#dashboardView>.home-snapshot-grid,
#dashboardView>.gameboard-grid,
#dashboardView>.challenge-spotlight-grid,
#dashboardView>.collection-history-panel{display:none!important}

.bw-home-object{
  position:relative;
  margin:0 12px 0 36px;
  padding:10px 20px 14px 28px;
  border:1px solid rgba(233,170,61,.20);
  border-radius:8px 5px 7px 8px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px) 0 0/22px 22px,
    linear-gradient(rgba(255,255,255,.010) 1px,transparent 1px) 0 0/22px 22px,
    linear-gradient(145deg,#0a1216,#0d161a 48%,#091115);
  box-shadow:0 26px 70px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.012);
}
.bw-binder-spine{
  position:absolute;left:-36px;top:0;bottom:0;width:30px;border-radius:7px 3px 3px 7px;
  border:1px solid rgba(233,170,61,.28);
  background:
    linear-gradient(90deg,#06090b 0 7%,#302219 10% 24%,#111415 28% 62%,#402b1b 66% 78%,#101315 82% 94%,#06090b 96% 100%);
  box-shadow:inset 2px 0 rgba(255,255,255,.025),inset -3px 0 7px rgba(0,0,0,.75),4px 0 11px rgba(0,0,0,.34);
}
.bw-binder-spine::before,.bw-binder-spine::after{
  content:"";position:absolute;left:5px;right:5px;height:1px;background:rgba(233,170,61,.18);
  box-shadow:0 3px 0 rgba(0,0,0,.44);
}
.bw-binder-spine::before{top:16px}.bw-binder-spine::after{bottom:16px}
.bw-spine-mark{
  position:absolute;top:44px;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;
  color:#c58a35;font-size:8px;font-weight:900;letter-spacing:.18em;opacity:.72;
}
.bw-binder-spine i{position:absolute;left:8px;right:8px;height:1px;background:rgba(216,205,183,.18)}
.bw-binder-spine i:nth-of-type(1){top:35%}.bw-binder-spine i:nth-of-type(2){top:70%}

.bw-page-stack{
  position:absolute;z-index:-1;top:18px;bottom:18px;right:-8px;width:12px;pointer-events:none;
}
.bw-page-stack i{
  position:absolute;top:0;bottom:0;width:5px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#34332f,#777269 42%,#2b2c2a 72%,#171a1b);opacity:.32;
}
.bw-page-stack i:nth-child(1){right:0}.bw-page-stack i:nth-child(2){right:3px;opacity:.22}.bw-page-stack i:nth-child(3){right:6px;opacity:.13}

.bw-binder-page{position:relative;z-index:2}

/* DIVIDER RAIL ---------------------------------------------------- */
.bw-divider-rail{
  position:absolute;z-index:5;right:-20px;top:120px;bottom:130px;width:40px;pointer-events:none;
}
.bw-divider-tab{
  position:absolute;right:0;width:40px;height:88px;padding:0;border:1px solid rgba(0,0,0,.42);border-left:0;
  border-radius:0 5px 5px 0;display:flex;align-items:center;justify-content:center;text-decoration:none;
  color:#11100d;box-shadow:3px 4px 8px rgba(0,0,0,.28),inset 2px 0 3px rgba(0,0,0,.16);
  pointer-events:auto;
}
.bw-divider-tab span{writing-mode:vertical-rl;font-size:9px;font-weight:950;letter-spacing:.12em}
.bw-tab-sets{top:4%;background:#b97a2e}
.bw-tab-missing{top:30%;background:var(--bw-tab-missing)}
.bw-tab-find{top:56%;background:var(--bw-tab-find)}
.bw-tab-events{top:82%;background:var(--bw-tab-events)}

/* INSIDE COVER / NEW USER ---------------------------------------- */
.home-purpose-strip.is-established{display:none!important}
.bw-inside-cover{
  margin:0 0 12px!important;padding:15px 16px!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;
  border:1px solid rgba(233,170,61,.34)!important;border-radius:5px!important;
  background:linear-gradient(145deg,#121b1f,#0d1518)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.bw-inside-cover .home-purpose-kicker{font-size:8px!important;letter-spacing:.17em!important;color:#d99a3a!important}
.bw-inside-cover .home-purpose-copy strong{font-size:20px!important;line-height:1.04!important;color:#f1eee6!important}
.bw-inside-cover .home-purpose-copy small{display:block!important;margin-top:5px!important;font-size:11px!important;color:#a5afb1!important}
.bw-inside-cover .home-purpose-scan{min-height:42px!important;padding:0 12px!important;border-radius:4px!important}

/* MY BINDER ------------------------------------------------------- */
.bw-binder-summary{
  margin:0 0 11px!important;padding:0!important;border:1px solid rgba(194,201,198,.22)!important;
  border-radius:5px!important;overflow:hidden!important;background:#10191d!important;
  box-shadow:0 7px 17px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.025)!important;
}
.bw-section-bar{
  display:flex;align-items:end;justify-content:space-between;gap:12px;padding:12px 14px 9px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.bw-section-bar>div{display:flex;flex-direction:column;gap:1px}
.bw-section-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;color:#d9a14b}
.bw-section-bar strong{font-size:16px;color:#f0ede5}
.bw-section-bar>b{font-size:15px;color:var(--bw-teal)}
.bw-pocket-sheet{
  margin:12px 14px 10px;padding:12px;border:1px solid rgba(255,255,255,.045);border-radius:4px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(180deg,#0a1216,#0d161a);
  box-shadow:inset 0 8px 20px rgba(0,0,0,.34);
}
.bw-pocket-sheet .binder-slot-grid{
  display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important;
}
.bw-pocket-sheet .binder-slot-grid>span{
  position:relative;aspect-ratio:.72;min-height:0!important;border-radius:3px!important;
  border:1px solid rgba(180,191,193,.20)!important;background:linear-gradient(145deg,#172126,#0e171b)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.014),0 2px 3px rgba(0,0,0,.42)!important;
}
.bw-pocket-sheet .binder-slot-grid>span::after{
  content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.025);border-radius:2px;
}
.bw-pocket-sheet .binder-slot-grid>span.owned{
  border-color:rgba(70,220,206,.58)!important;background:linear-gradient(155deg,#47d1c4,#1b918b)!important;
}
.bw-pocket-sheet .binder-slot-grid>span.partial{
  border-color:rgba(70,220,206,.5)!important;background:linear-gradient(135deg,#3fc8bd 0 48%,#142025 49% 100%)!important;
}
.bw-binder-summary .binder-home-metrics{display:none!important}
.bw-binder-summary .binder-hero-card-meta{
  margin:0!important;padding:9px 14px 12px!important;display:flex!important;justify-content:space-between;align-items:baseline;gap:10px;
  border-top:1px solid rgba(255,255,255,.05)!important;background:rgba(0,0,0,.08);
}
.bw-binder-summary .binder-hero-card-meta strong{font-size:13px!important;color:#ede9df!important}
.bw-binder-summary .binder-hero-card-meta span{font-size:11px!important;color:var(--bw-teal)!important;text-align:right}

/* PAGE MODULES ---------------------------------------------------- */
.bw-page-module{
  margin:0 0 10px!important;padding:12px!important;border:1px solid rgba(187,197,196,.18)!important;border-radius:5px!important;
  background:linear-gradient(145deg,#111b1f,#0d1619)!important;box-shadow:0 6px 15px rgba(0,0,0,.16)!important;
}
.bw-page-module::before,.bw-page-module::after{content:none!important}
.bw-module-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}
.bw-module-heading .eyebrow{margin:0 0 2px!important;color:#d9a24b!important;font-size:8px!important;letter-spacing:.15em!important}
.bw-module-heading h3{margin:0!important;font-size:18px!important;line-height:1.05!important;color:#f0ede5!important}
.bw-module-heading small{display:none!important}
.bw-inline-link{
  min-height:36px;padding:0 5px;border:0;background:transparent;color:#e4b15c;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;
}

/* SET STRIPS ------------------------------------------------------ */
.bw-set-list{display:grid;gap:5px}
.bw-set-strip{
  width:100%;min-height:64px;display:grid;grid-template-columns:108px minmax(0,1fr) 18px;gap:10px;align-items:center;
  padding:7px 9px;border:1px solid rgba(173,185,185,.12);border-radius:4px;background:#0c1519;color:inherit;text-align:left;
}
.bw-set-logo{
  height:50px;display:flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:3px;
  background:#101a1e;border:1px solid rgba(255,255,255,.05);
}
.bw-set-logo img{max-width:100%;max-height:40px;object-fit:contain}
.bw-set-body{min-width:0;display:grid;gap:4px}
.bw-set-top{display:flex;align-items:center;gap:7px;min-width:0}
.bw-set-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:#f1eee7}
.bw-set-badge{flex:0 0 auto;padding:3px 5px;border:1px solid rgba(233,170,61,.25);border-radius:999px;color:#d7ad67;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.07em}
.bw-set-meter{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}
.bw-set-meter i{height:8px;border:1px solid rgba(167,178,180,.18);border-radius:2px;background:#161f23}
.bw-set-meter i.owned{border-color:rgba(64,204,191,.45);background:#31b9ae}
.bw-set-meter i.partial{background:linear-gradient(90deg,#31b9ae 50%,#161f23 50%)}
.bw-set-meta{font-size:10px;color:#929da0}.bw-set-meta b{color:#d9b269}
.bw-set-arrow{font-size:20px;color:#d9a143}

/* MISSING CARD SLEEVES ------------------------------------------- */
.bw-missing-module{border-left:3px solid #8a7165!important}
.bw-chase-shelf{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.bw-chase-pocket{
  display:block!important;min-width:0;padding:6px!important;border:1px solid rgba(173,185,185,.12)!important;border-radius:4px!important;
  background:#0b1418!important;text-align:left!important;color:inherit!important;
}
.bw-card-sleeve{
  position:relative;width:100%;aspect-ratio:.72;margin-bottom:6px;border:1px solid rgba(177,188,190,.16);border-radius:4px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 35%),
    linear-gradient(180deg,#121c21,#0a1216);
  box-shadow:inset 0 7px 14px rgba(0,0,0,.25);
  overflow:hidden;
}
.bw-card-sleeve::after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.025);border-radius:3px;pointer-events:none}
.bw-card-sleeve img{width:100%;height:100%;object-fit:contain;display:block}
.bw-empty-sleeve{position:absolute;inset:0;display:grid;place-items:center;color:rgba(217,162,75,.42)}
.bw-empty-sleeve svg{width:26px;height:34px;fill:none;stroke:currentColor;stroke-width:1.3}
.bw-chase-pocket strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0ede5}
.bw-chase-pocket small{display:block;margin-top:2px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#879396}
.bw-chase-pocket>b{display:none}

/* TOOL ROWS ------------------------------------------------------- */
.bw-home-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0 0 10px!important}
.bw-tool-row{
  min-height:74px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 14px!important;gap:8px!important;align-items:center!important;
  padding:8px!important;border:1px solid rgba(181,191,190,.16)!important;border-radius:4px!important;background:#0e171b!important;color:inherit!important;text-align:left!important;
}
.bw-tool-icon{
  width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(233,170,61,.28);border-radius:4px;background:rgba(233,170,61,.05);color:#d9a24a;
}
.bw-tool-icon svg{width:17px;height:17px;fill:currentColor}
.bw-tool-copy{min-width:0;display:grid;gap:1px}
.bw-tool-copy small{font-size:7px!important;font-style:normal;color:#d9a24b!important;letter-spacing:.12em;font-weight:900}
.bw-tool-copy strong{font-size:12px!important;line-height:1.05!important;color:#efebe3!important}
.bw-tool-copy em{font-size:9px;font-style:normal;color:#899598;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-tool-row>b{color:#d9a24b;font-size:15px}

/* SCAN HARDWARE --------------------------------------------------- */
.bw-scan-hardware{
  width:100%;min-height:68px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 18px!important;gap:10px!important;align-items:center!important;
  margin:0!important;padding:8px 11px!important;border:1px solid #ffd16a!important;border-radius:5px!important;
  background:linear-gradient(180deg,#f4be50,#e49b25)!important;color:#231a0b!important;text-align:left!important;
  box-shadow:0 6px 0 #8f5c18,0 11px 20px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.52)!important;
}
.bw-scan-mark{
  width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border:3px solid rgba(78,54,13,.54)!important;border-radius:6px!important;
}
.bw-scan-mark svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bw-scan-copy{min-width:0}.bw-scan-copy strong{display:block;font-size:15px!important;letter-spacing:.08em!important}.bw-scan-copy small{display:block;font-size:10px!important;color:rgba(48,34,9,.72)!important}
.bw-scan-hardware>b{font-size:22px}

/* BOTTOM NAV ------------------------------------------------------ */
body:has(#dashboardView.active) .mobile-bottom-nav{
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(100% - 20px,720px)!important;
  min-height:72px!important;padding:5px 10px calc(5px + env(safe-area-inset-bottom))!important;border:1px solid rgba(233,170,61,.20)!important;
  border-radius:7px 7px 0 0!important;background:rgba(7,13,16,.98)!important;box-shadow:0 -8px 24px rgba(0,0,0,.34)!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{min-height:46px!important;font-size:.66rem!important}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{transform:translateY(-7px) scale(.78)!important;transform-origin:center bottom}

/* RESPONSIVE ------------------------------------------------------ */
@media(max-width:520px){
  #dashboardView{padding:10px 10px 102px!important}
  .bw-home-object{margin-left:30px;margin-right:11px;padding:8px 14px 12px 20px}
  .bw-binder-spine{left:-30px;width:25px}
  .bw-divider-rail{right:-17px;width:35px}
  .bw-divider-tab{width:35px;height:76px}
  .bw-divider-tab span{font-size:8px}
  .bw-inside-cover{grid-template-columns:1fr!important}
  .bw-inside-cover .home-purpose-scan{justify-self:start}
  .bw-pocket-sheet{padding:9px;margin:9px 11px 8px}
  .bw-pocket-sheet .binder-slot-grid{gap:4px!important}
  .bw-set-strip{grid-template-columns:94px minmax(0,1fr) 14px;gap:7px;padding:6px}
  .bw-set-logo{height:46px;padding:4px 6px}.bw-set-logo img{max-height:36px}
  .bw-set-name{font-size:12px}.bw-set-badge{font-size:6.5px;padding:2px 4px}.bw-set-meta{font-size:9px}
  .bw-home-tools{grid-template-columns:1fr 1fr!important}
  .bw-tool-row{grid-template-columns:30px minmax(0,1fr) 12px!important;gap:6px!important;padding:7px!important}
  .bw-tool-icon{width:29px;height:29px}.bw-tool-copy strong{font-size:11px!important}.bw-tool-copy em{font-size:8px}
}
@media(max-width:390px){
  .bw-home-object{margin-left:27px;margin-right:8px;padding-right:12px}
  .bw-binder-spine{left:-27px;width:22px}
  .bw-divider-rail{right:-15px}
  .bw-set-strip{grid-template-columns:84px minmax(0,1fr) 12px}
  .bw-set-logo{height:42px}.bw-set-logo img{max-height:33px}
  .bw-module-heading h3{font-size:16px!important}
}

/* 3.20.1 — Responsive Convergence */
html,body{max-width:100%;overflow-x:hidden}
#dashboardView,#dashboardView *{box-sizing:border-box}
#dashboardView{overflow-x:clip!important}
#dashboardView .bw-home-object,#dashboardView .bw-binder-page,#dashboardView .bw-page-module,#dashboardView .bw-binder-summary,#dashboardView .bw-home-tools,#dashboardView .bw-set-list,#dashboardView .bw-set-strip,#dashboardView .bw-set-body,#dashboardView .bw-chase-shelf,#dashboardView .bw-chase-pocket{min-width:0!important;max-width:100%!important}

/* Tabs stay decorative at the edge, never steal layout width. */
#dashboardView .bw-divider-rail{right:-11px!important;width:27px!important;pointer-events:none!important}
#dashboardView .bw-divider-tab{right:0!important;width:27px!important;height:68px!important;pointer-events:auto!important;border-radius:0 4px 4px 0!important}
#dashboardView .bw-divider-tab span{font-size:7px!important;letter-spacing:.09em!important}
#dashboardView .bw-tab-sets{top:3%!important}#dashboardView .bw-tab-missing{top:31%!important}#dashboardView .bw-tab-find{top:59%!important}#dashboardView .bw-tab-events{top:83%!important}

/* Compact My Binder */
#dashboardView .bw-binder-summary .bw-section-bar{padding:10px 11px 8px!important;align-items:center!important}
#dashboardView .bw-binder-summary .bw-section-bar strong{font-size:14px!important;white-space:nowrap!important}
#dashboardView .bw-binder-summary .bw-section-bar>b{font-size:13px!important;white-space:nowrap!important}
#dashboardView .bw-pocket-sheet{margin:8px 10px 7px!important;padding:8px!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:3px!important}
#dashboardView .bw-binder-summary .binder-hero-card-meta{padding:8px 10px 10px!important;gap:5px!important;flex-wrap:wrap!important}
#dashboardView .bw-binder-summary .binder-hero-card-meta strong{font-size:11px!important}
#dashboardView .bw-binder-summary .binder-hero-card-meta span{font-size:10px!important;text-align:left!important}

/* Set strips: authoritative against legacy #dashboardView rules */
#dashboardView .home-completion-list.bw-set-list{display:grid!important;gap:5px!important;width:100%!important}
#dashboardView .home-completion-row.bw-set-strip{width:100%!important;max-width:100%!important;min-height:60px!important;display:grid!important;grid-template-columns:82px minmax(0,1fr) 12px!important;gap:6px!important;padding:6px!important;overflow:hidden!important}
#dashboardView .home-completion-logo.bw-set-logo{width:82px!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:3px 5px!important}
#dashboardView .home-completion-logo.bw-set-logo img{display:block!important;width:100%!important;max-width:100%!important;height:38px!important;max-height:38px!important;object-fit:contain!important}
#dashboardView .home-completion-copy.bw-set-body{display:grid!important;gap:3px!important;width:100%!important;min-width:0!important}
#dashboardView .home-completion-title.bw-set-top{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:4px!important}
#dashboardView .home-completion-title .bw-set-name{flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1.1!important}
#dashboardView .home-completion-title .bw-set-badge{flex:0 0 auto!important;max-width:76px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:2px 4px!important;font-size:6px!important}
#dashboardView .home-set-slot-meter.bw-set-meter{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:2px!important;margin:0!important;overflow:hidden!important}
#dashboardView .home-set-slot-meter.bw-set-meter i{width:auto!important;min-width:0!important;height:7px!important;margin:0!important}
#dashboardView .home-completion-copy .bw-set-meta{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8.5px!important;line-height:1.2!important}
#dashboardView .home-completion-open.bw-set-arrow{width:12px!important;min-width:12px!important;font-size:17px!important;text-align:center!important}

/* Missing sleeves */
#dashboardView .wanted-spotlight-list.bw-chase-shelf{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
#dashboardView .wanted-spotlight-card.bw-chase-pocket{width:100%!important;min-width:0!important;max-width:100%!important;padding:5px!important;overflow:hidden!important}
#dashboardView .wanted-spotlight-card .bw-card-sleeve{width:100%!important;height:auto!important;aspect-ratio:.72!important;margin:0 0 5px!important}
#dashboardView .wanted-spotlight-card.bw-chase-pocket strong{font-size:9px!important;line-height:1.15!important}
#dashboardView .wanted-spotlight-card.bw-chase-pocket small{font-size:7.5px!important;line-height:1.15!important}

/* Trader/challenge tool rows */
#dashboardView .home-1c-utility-grid.bw-home-tools{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin:0 0 9px!important}
#dashboardView .home-1c-mini-panel.bw-tool-row{width:100%!important;max-width:100%!important;min-width:0!important;min-height:64px!important;display:grid!important;grid-template-columns:27px minmax(0,1fr) 10px!important;gap:5px!important;padding:6px!important;overflow:hidden!important}
#dashboardView .home-1c-mini-panel.bw-tool-row::before,#dashboardView .home-1c-mini-panel.bw-tool-row::after{content:none!important;display:none!important}
#dashboardView .bw-tool-row .bw-tool-icon{width:27px!important;height:27px!important}
#dashboardView .bw-tool-row .bw-tool-icon svg{width:14px!important;height:14px!important}
#dashboardView .bw-tool-row .bw-tool-copy{width:100%!important;min-width:0!important;display:grid!important;gap:1px!important}
#dashboardView .bw-tool-row .bw-tool-copy small{display:block!important;width:100%!important;margin:0!important;font-size:6px!important;line-height:1.1!important;letter-spacing:.09em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#dashboardView .bw-tool-row .bw-tool-copy strong{width:100%!important;margin:0!important;font-size:9px!important;line-height:1.12!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
#dashboardView .bw-tool-row .bw-tool-copy em{display:none!important}
#dashboardView .bw-tool-row>b{width:10px!important;font-size:13px!important}

/* Scan hardware */
#dashboardView .home-1c-scan-cta.bw-scan-hardware{width:100%!important;max-width:100%!important;min-height:62px!important;grid-template-columns:41px minmax(0,1fr) 14px!important;gap:7px!important;padding:7px 9px!important;overflow:hidden!important}
#dashboardView .bw-scan-hardware .bw-scan-mark{width:39px!important;height:39px!important}
#dashboardView .bw-scan-hardware .bw-scan-mark svg{width:25px!important;height:25px!important}
#dashboardView .bw-scan-hardware .bw-scan-copy strong{font-size:12px!important;white-space:normal!important}
#dashboardView .bw-scan-hardware .bw-scan-copy small{font-size:8px!important;line-height:1.15!important}

/* Core mobile geometry */
@media(max-width:520px){
  #dashboardView{width:100%!important;max-width:100%!important;padding:8px 8px 96px!important}
  #dashboardView .bw-home-object{width:auto!important;max-width:none!important;margin:0 14px 0 25px!important;padding:7px 12px 11px 15px!important}
  #dashboardView .bw-binder-spine{left:-25px!important;width:21px!important}
  #dashboardView .bw-page-stack{right:-5px!important;width:8px!important}
  #dashboardView .bw-page-module{padding:9px!important}
  #dashboardView .bw-module-heading{gap:6px!important;margin-bottom:7px!important}
  #dashboardView .bw-module-heading h3{font-size:15px!important;line-height:1.05!important}
  #dashboardView .bw-inline-link{min-height:30px!important;font-size:9px!important}
}
@media(max-width:390px){
  #dashboardView .bw-home-object{margin-left:22px!important;margin-right:11px!important;padding-left:13px!important;padding-right:10px!important}
  #dashboardView .bw-binder-spine{left:-22px!important;width:18px!important}
  #dashboardView .home-completion-row.bw-set-strip{grid-template-columns:72px minmax(0,1fr) 11px!important;gap:5px!important}
  #dashboardView .home-completion-logo.bw-set-logo{width:72px!important;height:40px!important;min-height:40px!important}
  #dashboardView .home-completion-logo.bw-set-logo img{height:34px!important;max-height:34px!important}
  #dashboardView .home-completion-title .bw-set-name{font-size:10px!important}
  #dashboardView .home-completion-title .bw-set-badge{max-width:66px!important;font-size:5.5px!important}
}

/* 3.21.0 — Concept 1C Visual Pass */
:root{--bw-leather:#0a0f12;--bw-gold:#e7a63d;--bw-gold-deep:#8a5b20;--bw-page:#0d171b;--bw-page-hi:#142025;--bw-teal:#35c3b8;--bw-paper:#eee9dc;--bw-mist:#929da0}
body:has(#dashboardView.active){background:radial-gradient(circle at 48% -10%,rgba(233,170,61,.05),transparent 30%),#071014!important}
#dashboardView{background:linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px) 0 0/24px 24px!important}
body:has(#dashboardView.active) .topbar{min-height:72px!important;background:linear-gradient(180deg,#081014,#060c0f)!important;border-bottom:1px solid rgba(231,166,61,.24)!important;box-shadow:0 8px 24px rgba(0,0,0,.32)!important}
body:has(#dashboardView.active) .topbar-brand-logo{width:min(280px,60vw)!important;max-height:55px!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
body:has(#dashboardView.active) .mobile-menu{border-color:rgba(231,166,61,.18)!important;background:linear-gradient(145deg,#151c20,#0e1518)!important;box-shadow:inset 0 1px rgba(255,255,255,.03),0 4px 12px rgba(0,0,0,.24)!important}
#dashboardView .bw-home-object{border:1px solid rgba(231,166,61,.22)!important;background:linear-gradient(90deg,rgba(255,255,255,.010) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(145deg,#0b1215,#0e181c 52%,#091115)!important;box-shadow:0 30px 80px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.012)!important}
#dashboardView .bw-binder-spine{background:repeating-linear-gradient(0deg,rgba(231,166,61,.025) 0 2px,transparent 2px 7px),linear-gradient(90deg,#040708 0 8%,#332319 12% 25%,#111314 30% 63%,#402b1c 68% 79%,#0e1214 83% 94%,#050708 97%)!important;box-shadow:inset 2px 0 rgba(255,255,255,.025),inset -3px 0 7px rgba(0,0,0,.78),5px 0 14px rgba(0,0,0,.38)!important}
#dashboardView .bw-binder-spine::before,#dashboardView .bw-binder-spine::after{background:rgba(231,166,61,.22)!important}
#dashboardView .bw-spine-mark{color:#d49134!important;font-size:8px!important;opacity:.9!important}
#dashboardView .bw-page-stack i{background:linear-gradient(180deg,#4c4942,#777267 48%,#353532 70%,#1c1f20)!important;box-shadow:inset 1px 0 rgba(255,255,255,.03)!important}
#dashboardView .bw-divider-tab{box-shadow:3px 4px 8px rgba(0,0,0,.30),inset 2px 0 3px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.12)!important}
#dashboardView .bw-divider-tab::after{content:"";position:absolute;inset:4px 3px;border:1px dashed rgba(20,16,10,.22);border-left:0;border-radius:0 3px 3px 0;pointer-events:none}
#dashboardView .bw-binder-summary{border-left:4px solid #9f762c!important;background:linear-gradient(135deg,rgba(231,166,61,.025),transparent 32%),linear-gradient(180deg,#111c20,#0d171b)!important;box-shadow:0 8px 18px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)!important}
#dashboardView .bw-section-bar{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)!important}
#dashboardView .bw-section-kicker{color:#dda348!important;font-size:8px!important;letter-spacing:.15em!important}
#dashboardView .bw-section-bar strong{font-size:15px!important}
#dashboardView .bw-section-bar>b{font-size:22px!important;line-height:.95!important}
#dashboardView .bw-pocket-sheet{background:linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(180deg,#091115,#0d171b)!important;box-shadow:inset 0 10px 24px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.015)!important;border-color:rgba(190,199,200,.10)!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:5px!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span{border:1px solid rgba(187,198,199,.18)!important;background:linear-gradient(145deg,rgba(255,255,255,.022),transparent 44%),linear-gradient(180deg,#172126,#0d161a)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.012),inset 0 7px 10px rgba(255,255,255,.006),0 2px 3px rgba(0,0,0,.40)!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span.owned{background:linear-gradient(150deg,#48d3c5,#1f998f 72%)!important;border-color:rgba(99,240,226,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.36),0 2px 7px rgba(40,188,175,.16)!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span.partial{background:linear-gradient(135deg,#46d0c2 0 47%,#121e22 48% 100%)!important}
#dashboardView .bw-page-module{border-left-width:4px!important;background:linear-gradient(135deg,rgba(255,255,255,.014),transparent 34%),linear-gradient(180deg,#111b1f,#0c1619)!important;box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.02)!important}
#dashboardView .home-completion-panel.bw-page-module{border-left-color:#d99a31!important}
#dashboardView .bw-missing-module{border-left-color:#8c7163!important}
#dashboardView .bw-set-strip{min-height:62px!important;background:linear-gradient(90deg,rgba(255,255,255,.012),transparent 34%),#0b1519!important;border-color:rgba(175,187,188,.12)!important;box-shadow:inset 0 1px rgba(255,255,255,.016),0 3px 8px rgba(0,0,0,.12)!important}
#dashboardView .bw-set-logo{background:linear-gradient(145deg,#121d21,#0b1418)!important;border-color:rgba(255,255,255,.055)!important}
#dashboardView .bw-set-name{font-size:11.5px!important}
#dashboardView .bw-set-meter i{height:8px!important}
#dashboardView .bw-set-meter i.owned{background:linear-gradient(180deg,#43ccbf,#269d94)!important;border-color:rgba(73,214,200,.46)!important}
#dashboardView .bw-chase-pocket{background:linear-gradient(145deg,rgba(255,255,255,.012),transparent 30%),#0b1418!important;border-color:rgba(177,189,190,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.014)!important}
#dashboardView .bw-card-sleeve{border-color:rgba(184,195,196,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.028),transparent 30%),linear-gradient(180deg,#111b20,#091216)!important;box-shadow:inset 0 8px 16px rgba(0,0,0,.30),inset 0 0 0 2px rgba(255,255,255,.012),0 3px 8px rgba(0,0,0,.14)!important}
#dashboardView .bw-card-sleeve::before{content:"";position:absolute;left:7px;right:7px;top:6px;height:1px;background:rgba(255,255,255,.045);box-shadow:0 2px 0 rgba(0,0,0,.24);pointer-events:none}
#dashboardView .bw-empty-sleeve{color:rgba(231,166,61,.36)!important}
#dashboardView .bw-empty-sleeve svg{width:22px!important;height:31px!important;stroke-width:1!important}
#dashboardView .bw-tool-row{background:linear-gradient(145deg,rgba(231,166,61,.025),transparent 36%),#0c161a!important;border-color:rgba(190,198,197,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.016)!important}
#dashboardView .bw-tool-icon{background:linear-gradient(145deg,rgba(231,166,61,.10),rgba(231,166,61,.03))!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
#dashboardView .bw-scan-hardware{position:relative!important;min-height:66px!important;background:linear-gradient(180deg,#f8c359,#e8a12a)!important;border-color:#ffd36e!important;box-shadow:0 7px 0 #8d5b18,0 12px 24px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.60)!important}
#dashboardView .bw-scan-hardware::before{content:"";position:absolute;left:9px;right:9px;top:6px;height:1px;background:rgba(255,255,255,.28);pointer-events:none}
#dashboardView .bw-scan-mark{background:rgba(255,255,255,.07)!important;border-color:rgba(83,55,11,.62)!important}
#dashboardView .bw-scan-copy strong{font-size:13px!important}
#dashboardView .bw-scan-copy small{color:rgba(48,34,10,.68)!important}
body:has(#dashboardView.active) .mobile-bottom-nav{background:linear-gradient(180deg,rgba(10,17,20,.995),rgba(6,11,14,.995))!important;border-color:rgba(231,166,61,.22)!important;box-shadow:0 -8px 24px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.015)!important}
body:has(#dashboardView.active) .site-footer{margin-top:12px!important;padding-top:12px!important}
@media(max-width:520px){#dashboardView .bw-binder-summary .bw-section-bar>b{font-size:19px!important}#dashboardView .bw-pocket-sheet .binder-slot-grid{gap:4px!important}#dashboardView .bw-set-strip{min-height:60px!important}#dashboardView .bw-set-name{font-size:11px!important}#dashboardView .bw-card-sleeve{aspect-ratio:.70!important}}

/* 3.21.1 — Precision + interaction pass */
#dashboardView .bw-home-link-card{cursor:pointer;-webkit-tap-highlight-color:rgba(231,166,61,.08);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
#dashboardView .bw-home-link-card:active{transform:translateY(1px);border-color:rgba(231,166,61,.42)!important}
#dashboardView .bw-home-link-card:focus-visible{outline:2px solid #e7a63d;outline-offset:3px}
#dashboardView .bw-binder-summary .bw-section-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important}
#dashboardView #binderHomeCompletion{display:block!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:clamp(17px,5.4vw,25px)!important;line-height:1.05!important;padding-right:2px!important}
#dashboardView .bw-binder-summary{overflow:visible!important}
#dashboardView .bw-pocket-sheet{min-height:145px!important;padding:22px 18px!important;display:flex!important;align-items:center!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid{width:100%!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-auto-rows:42px!important;gap:7px!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span{height:42px!important;border-radius:4px!important;position:relative!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span::after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.025);border-radius:2px;pointer-events:none}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span.owned::after{border-color:rgba(255,255,255,.12)}
#dashboardView .bw-page-module{position:relative!important}
#dashboardView .bw-page-module>.bw-module-heading{position:relative;z-index:2}
#dashboardView .bw-set-strip,#dashboardView .bw-chase-pocket,#dashboardView .bw-tool-row,#dashboardView .bw-scan-hardware,#dashboardView .bw-divider-tab{touch-action:manipulation}
#dashboardView .bw-set-strip:active,#dashboardView .bw-chase-pocket:active,#dashboardView .bw-tool-row:active{transform:translateY(1px);filter:brightness(1.08)}
#dashboardView .bw-divider-tab:active{filter:brightness(1.12);transform:translateX(1px)}
#dashboardView .bw-scan-hardware:active{transform:translateY(2px)!important;box-shadow:0 4px 0 #8d5b18,0 8px 18px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.60)!important}
@media(max-width:520px){
  #dashboardView .bw-binder-summary{padding-top:22px!important;padding-bottom:20px!important}
  #dashboardView .bw-binder-summary .bw-section-bar strong{font-size:14px!important}
  #dashboardView .bw-pocket-sheet{min-height:126px!important;padding:17px 16px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid{grid-auto-rows:36px!important;gap:6px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid>span{height:36px!important}
  #dashboardView #binderHomeCompletion{font-size:19px!important}
  #dashboardView .home-completion-panel .bw-module-heading{gap:8px!important}
  #dashboardView .home-completion-panel .bw-module-heading h3{font-size:17px!important}
  #dashboardView .bw-set-strip{min-height:58px!important}
}
@media(max-width:390px){
  #dashboardView #binderHomeCompletion{font-size:17px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid{gap:4px!important;grid-auto-rows:32px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid>span{height:32px!important}
}


/* ================================================================
   3.21.2 — Collection Binder + Navigation History
   ================================================================ */

/* Home slot fix: remove inherited aspect/width rules that caused overlap. */
#dashboardView .bw-pocket-sheet .binder-slot-grid{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,34px)!important;
  grid-auto-rows:34px!important;
  gap:5px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  position:relative!important;
}
#dashboardView .bw-pocket-sheet{
  min-height:118px!important;
  padding:18px 16px!important;
}

/* Collection itself becomes an owned-card binder. */
#collectionView{
  max-width:920px;
  margin:0 auto;
  padding-bottom:110px;
}
#collectionView .collection-toolbar{
  position:sticky;
  top:0;
  z-index:8;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  gap:7px;
  padding:9px;
  border:1px solid rgba(231,166,61,.18);
  border-radius:7px;
  background:rgba(9,16,19,.96);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 20px rgba(0,0,0,.24);
}
#collectionView .collection-summary{
  margin:10px 2px 12px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#98a2a4;
  font-size:.72rem;
}
#collectionView .collection-summary strong{color:#e3ad54}
#collectionView .collection-list{
  display:grid!important;
  gap:16px!important;
  background:none!important;
}
#collectionView .collection-binder-page{
  position:relative;
  padding:13px 13px 12px 29px;
  border:1px solid rgba(231,166,61,.22);
  border-radius:7px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px) 0 0/26px 26px,
    linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px) 0 0/26px 26px,
    linear-gradient(145deg,#0d171b,#101c20 48%,#0a1317);
  box-shadow:0 14px 32px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.018);
}
#collectionView .collection-binder-page::before{
  content:"";
  position:absolute;
  left:8px;
  top:13px;
  bottom:13px;
  width:9px;
  border-radius:4px;
  background:linear-gradient(90deg,#2e2118,#0e1112 55%,#47301c);
  border:1px solid rgba(231,166,61,.18);
  box-shadow:inset -2px 0 3px rgba(0,0,0,.6);
}
#collectionView .collection-binder-page>header,
#collectionView .collection-binder-page>footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#b68a46;
  font-size:.55rem;
  font-weight:850;
  letter-spacing:.13em;
}
#collectionView .collection-binder-page>header{padding:0 2px 8px}
#collectionView .collection-binder-page>header small{color:#798487;font-size:.52rem;letter-spacing:.04em}
#collectionView .collection-binder-page>footer{
  padding:9px 2px 0;
  border-top:1px solid rgba(255,255,255,.045);
}
#collectionView .collection-binder-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:10px;
  border:1px solid rgba(188,199,199,.09);
  border-radius:5px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px) 0 0/33.33% 100%,
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px) 0 0/100% 33.33%,
    #091216;
  box-shadow:inset 0 10px 26px rgba(0,0,0,.34);
}
#collectionView .collection-binder-pocket{
  min-width:0;
  padding:6px;
  border:1px solid rgba(183,195,196,.13);
  border-radius:4px;
  background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 30%),#0d171b;
  color:inherit;
  text-align:left;
  box-shadow:inset 0 1px rgba(255,255,255,.018),0 3px 8px rgba(0,0,0,.12);
}
#collectionView button.collection-binder-pocket{
  cursor:pointer;
  touch-action:manipulation;
}
#collectionView button.collection-binder-pocket:active{
  transform:translateY(1px);
  border-color:rgba(231,166,61,.34);
  filter:brightness(1.06);
}
#collectionView .collection-binder-pocket.empty{
  min-height:220px;
  display:grid;
  place-items:center;
  border-style:dashed;
  background:rgba(8,15,18,.52);
}
#collectionView .collection-binder-pocket.empty i{
  width:38%;
  aspect-ratio:.72;
  border:1px solid rgba(159,170,171,.13);
  border-radius:4px;
}
#collectionView .collection-binder-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:.72;
  padding:5px;
  border:1px solid rgba(185,196,197,.14);
  border-radius:4px;
  background:linear-gradient(180deg,#111c20,#091216);
  overflow:hidden;
}
#collectionView .collection-binder-card::after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(255,255,255,.025);
  border-radius:3px;
  pointer-events:none;
}
#collectionView .collection-binder-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.36));
}
#collectionView .collection-binder-qty{
  position:absolute;
  right:5px;
  top:5px;
  z-index:2;
  min-width:23px;
  padding:3px 5px;
  border-radius:999px;
  background:#e7a63d;
  color:#161007;
  font-size:.62rem;
  text-align:center;
  box-shadow:0 2px 5px rgba(0,0,0,.32);
}
#collectionView .collection-binder-label{
  display:grid;
  gap:2px;
  padding-top:6px;
}
#collectionView .collection-binder-label strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#eee9df;
  font-size:.72rem;
}
#collectionView .collection-binder-label small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7f8b8e;
  font-size:.58rem;
}

@media(max-width:620px){
  #collectionView{padding:8px 9px 100px}
  #collectionView .collection-toolbar{
    grid-template-columns:1fr 1fr;
  }
  #collectionView .collection-toolbar .filter-field{grid-column:1/-1}
  #collectionView .collection-toolbar .button{min-height:40px;font-size:.68rem;padding:7px 8px}
  #collectionView .collection-summary{
    font-size:.62rem;
    flex-wrap:wrap;
  }
  #collectionView .collection-binder-page{
    padding:10px 9px 10px 25px;
  }
  #collectionView .collection-binder-page::before{
    left:7px;width:7px;top:10px;bottom:10px;
  }
  #collectionView .collection-binder-grid{
    gap:5px;
    padding:7px;
  }
  #collectionView .collection-binder-pocket{
    padding:4px;
  }
  #collectionView .collection-binder-pocket.empty{
    min-height:150px;
  }
  #collectionView .collection-binder-card{
    padding:3px;
  }
  #collectionView .collection-binder-label strong{font-size:.61rem}
  #collectionView .collection-binder-label small{font-size:.5rem}
}
@media(max-width:390px){
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    grid-template-rows:repeat(2,30px)!important;
    grid-auto-rows:30px!important;
    gap:4px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid>span{
    height:30px!important;min-height:30px!important;max-height:30px!important;
  }
  #collectionView .collection-binder-grid{gap:4px;padding:6px}
  #collectionView .collection-binder-pocket{padding:3px}
}


/* ================================================================
   3.21.3 — Pocket Geometry + Divider Rail Fix
   ================================================================ */

/* HOME: make the 20-slot summary look like card pockets, not vertical bars. */
#dashboardView .bw-pocket-sheet{
  min-height:112px!important;
  padding:14px 14px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,42px)!important;
  grid-auto-rows:42px!important;
  column-gap:5px!important;
  row-gap:6px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  aspect-ratio:auto!important;
  border-radius:4px!important;
  transform:none!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span::after{
  inset:3px!important;
  border-radius:3px!important;
}

/* Divider rail: fixed slots prevent SETS/MISSING/FIND/EVENTS collisions. */
#dashboardView .bw-divider-rail{
  top:110px!important;
  bottom:auto!important;
  height:430px!important;
  right:-12px!important;
  width:29px!important;
}
#dashboardView .bw-divider-tab{
  position:absolute!important;
  right:0!important;
  width:29px!important;
  height:64px!important;
  border-radius:0 4px 4px 0!important;
}
#dashboardView .bw-divider-tab span{
  font-size:7px!important;
  letter-spacing:.08em!important;
}
#dashboardView .bw-tab-sets{top:0!important}
#dashboardView .bw-tab-missing{top:112px!important}
#dashboardView .bw-tab-find{top:224px!important}
#dashboardView .bw-tab-events{top:336px!important}

/* Give the page a little breathing room so tabs sit just outside the edge. */
#dashboardView .bw-home-object{
  margin-right:16px!important;
}

/* Narrow phones: slightly shorter pockets and rail, still card-shaped. */
@media(max-width:520px){
  #dashboardView .bw-pocket-sheet{
    min-height:104px!important;
    padding:12px 12px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    grid-template-rows:repeat(2,36px)!important;
    grid-auto-rows:36px!important;
    column-gap:4px!important;
    row-gap:5px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid>span{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
  #dashboardView .bw-divider-rail{
    top:96px!important;
    height:390px!important;
    right:-11px!important;
    width:27px!important;
  }
  #dashboardView .bw-divider-tab{
    width:27px!important;
    height:58px!important;
  }
  #dashboardView .bw-tab-sets{top:0!important}
  #dashboardView .bw-tab-missing{top:102px!important}
  #dashboardView .bw-tab-find{top:204px!important}
  #dashboardView .bw-tab-events{top:306px!important}
}
@media(max-width:390px){
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    grid-template-rows:repeat(2,33px)!important;
    grid-auto-rows:33px!important;
    column-gap:3px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid>span{
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
  }
  #dashboardView .bw-home-object{
    margin-right:14px!important;
  }
}


/* ================================================================
   3.21.4 — Unified Divider Rail + True Card Pockets
   ================================================================ */

/* Kill the old legacy COLLECTION pseudo-tab so only the real rail remains. */
#dashboardView .binder-hero-card::after{
  content:none!important;
  display:none!important;
}

/* My Binder: 4 × 2 trading-card-proportioned pockets. */
#dashboardView .bw-pocket-sheet{
  min-height:150px!important;
  padding:12px 18px!important;
  display:flex!important;
  align-items:center!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,1fr)!important;
  gap:8px!important;
  margin:0!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:2.5 / 3.5!important;
  border-radius:5px!important;
  position:relative!important;
  transform:none!important;
  margin:0!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span::after{
  inset:4px!important;
  border-radius:3px!important;
}

/* One deliberate 5-tab stack. */
#dashboardView .bw-divider-rail{
  top:92px!important;
  bottom:auto!important;
  right:-12px!important;
  width:31px!important;
  height:430px!important;
  pointer-events:none!important;
}
#dashboardView .bw-divider-tab{
  position:absolute!important;
  right:0!important;
  width:31px!important;
  height:58px!important;
  border-radius:0 4px 4px 0!important;
  pointer-events:auto!important;
}
#dashboardView .bw-divider-tab span{
  font-size:6.5px!important;
  letter-spacing:.07em!important;
}
#dashboardView .bw-tab-collection{top:0!important;background:#3f6f6a!important}
#dashboardView .bw-tab-sets{top:86px!important}
#dashboardView .bw-tab-missing{top:172px!important}
#dashboardView .bw-tab-find{top:258px!important}
#dashboardView .bw-tab-events{top:344px!important}

@media(max-width:520px){
  #dashboardView .bw-pocket-sheet{
    min-height:136px!important;
    padding:10px 14px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    gap:6px!important;
  }
  #dashboardView .bw-divider-rail{
    top:84px!important;
    right:-11px!important;
    width:29px!important;
    height:390px!important;
  }
  #dashboardView .bw-divider-tab{
    width:29px!important;
    height:54px!important;
  }
  #dashboardView .bw-divider-tab span{
    font-size:6px!important;
  }
  #dashboardView .bw-tab-collection{top:0!important}
  #dashboardView .bw-tab-sets{top:78px!important}
  #dashboardView .bw-tab-missing{top:156px!important}
  #dashboardView .bw-tab-find{top:234px!important}
  #dashboardView .bw-tab-events{top:312px!important}
}
@media(max-width:390px){
  #dashboardView .bw-pocket-sheet{
    min-height:128px!important;
    padding:9px 12px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    gap:5px!important;
  }
}

/* ================================================================
   3.21.5 — Density + Premium Finishing Pass
   Visual only: tighter binder summary, quieter partial state,
   slimmer divider tabs and a lower-profile mobile dock.
   ================================================================ */
#dashboardView .bw-binder-summary{margin-bottom:9px!important}
#dashboardView .bw-binder-summary .bw-section-bar{padding:9px 12px 7px!important}
#dashboardView .bw-binder-summary .bw-section-bar>b{font-size:18px!important}
#dashboardView .bw-pocket-sheet{min-height:0!important;margin:7px 12px 6px!important;padding:8px 34px!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid{gap:7px!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span.partial{
  border-color:rgba(70,220,206,.42)!important;
  background:linear-gradient(135deg,rgba(70,208,194,.78) 0 32%,#121e22 33% 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 2px 5px rgba(40,188,175,.08)!important;
}
#dashboardView .bw-binder-summary .binder-hero-card-meta{padding:7px 12px 9px!important}
#dashboardView .bw-binder-summary .binder-hero-card-meta strong{font-size:12px!important}
#dashboardView .bw-binder-summary .binder-hero-card-meta span{font-size:10px!important}
#dashboardView .bw-divider-rail{right:-10px!important;width:27px!important;height:386px!important}
#dashboardView .bw-divider-tab{width:27px!important;height:48px!important;border-radius:0 3px 3px 0!important}
#dashboardView .bw-divider-tab::after{inset:3px 2px!important}
#dashboardView .bw-divider-tab span{font-size:5.8px!important;letter-spacing:.055em!important}
#dashboardView .bw-tab-collection{top:0!important}
#dashboardView .bw-tab-sets{top:76px!important}
#dashboardView .bw-tab-missing{top:152px!important}
#dashboardView .bw-tab-find{top:228px!important}
#dashboardView .bw-tab-events{top:304px!important}
body:has(#dashboardView.active) .mobile-bottom-nav{min-height:62px!important;padding:3px 9px calc(3px + env(safe-area-inset-bottom))!important}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{min-height:44px!important}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{transform:translateY(-5px) scale(.72)!important}
@media(max-width:520px){
  #dashboardView .bw-binder-summary{padding-top:10px!important;padding-bottom:8px!important}
  #dashboardView .bw-binder-summary .bw-section-bar{padding:8px 10px 6px!important}
  #dashboardView .bw-binder-summary .bw-section-bar>b{font-size:17px!important}
  #dashboardView .bw-pocket-sheet{min-height:0!important;margin:6px 10px 5px!important;padding:7px 36px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid{gap:6px!important}
  #dashboardView .bw-binder-summary .binder-hero-card-meta{padding:6px 10px 8px!important}
  #dashboardView .bw-divider-rail{top:78px!important;right:-9px!important;width:25px!important;height:354px!important}
  #dashboardView .bw-divider-tab{width:25px!important;height:46px!important}
  #dashboardView .bw-divider-tab span{font-size:5.4px!important}
  #dashboardView .bw-tab-collection{top:0!important}
  #dashboardView .bw-tab-sets{top:69px!important}
  #dashboardView .bw-tab-missing{top:138px!important}
  #dashboardView .bw-tab-find{top:207px!important}
  #dashboardView .bw-tab-events{top:276px!important}
}
@media(max-width:390px){
  #dashboardView .bw-pocket-sheet{padding-left:31px!important;padding-right:31px!important}
}


/* ================================================================
   3.21.6 — Physical Sleeve Page Pass
   Home binder now reads as a compact 2x4 sleeve page; divider tabs
   sit flatter against the page stack; missing-art fallback is a
   deliberate BinderWorth sleeve rather than an unfinished icon.
   ================================================================ */
#dashboardView .bw-pocket-sheet{
  position:relative!important;
  margin:5px 18px 5px!important;
  padding:10px 12px!important;
  border:1px solid rgba(183,194,194,.10)!important;
  border-radius:3px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/34px 34px,
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px) 0 0/34px 34px,
    linear-gradient(180deg,#091216 0%,#0b1519 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -10px 20px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
#dashboardView .bw-pocket-sheet::before{
  content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;
  border-left:1px solid rgba(231,166,61,.12);border-right:1px solid rgba(255,255,255,.025);
  opacity:.8;pointer-events:none;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid{
  width:min(100%,292px)!important;
  margin:0 auto!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,78px)!important;
  gap:5px 6px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span{
  aspect-ratio:auto!important;height:78px!important;min-height:78px!important;
  border-radius:4px!important;
  border:1px solid rgba(181,196,198,.15)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.026),transparent 34%),linear-gradient(180deg,#121d21,#0b1418)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.012),inset 0 -7px 10px rgba(0,0,0,.16),0 1px 2px rgba(0,0,0,.34)!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span::before{
  content:"";position:absolute;left:4px;right:4px;top:5px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,228,228,.10),transparent);pointer-events:none;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span::after{
  inset:3px!important;border:1px solid rgba(212,224,224,.035)!important;border-radius:2px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span.owned{
  background:linear-gradient(160deg,#48d3c5 0%,#2cb5aa 78%,#147c75 100%)!important;
  border-color:rgba(104,239,225,.62)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.34),inset 0 -8px 12px rgba(0,76,70,.18),0 2px 5px rgba(40,188,175,.12)!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>span.partial{
  background:linear-gradient(135deg,rgba(67,204,192,.78) 0 22%,rgba(34,104,99,.38) 22.5% 27%,#111b1f 27.5% 100%)!important;
  border-color:rgba(70,220,206,.30)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 1px 3px rgba(0,0,0,.30)!important;
}
/* flatter divider tabs: page markers, not floating UI buttons */
#dashboardView .bw-divider-rail{right:-7px!important;width:22px!important}
#dashboardView .bw-divider-tab{
  width:22px!important;height:45px!important;border-radius:0 2px 2px 0!important;
  border-left:0!important;box-shadow:2px 2px 4px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)!important;
}
#dashboardView .bw-divider-tab::after{inset:2px 2px!important;border-style:solid!important;border-color:rgba(20,16,10,.13)!important}
#dashboardView .bw-divider-tab span{font-size:5.1px!important;letter-spacing:.04em!important}
#dashboardView .bw-tab-collection{top:0!important}
#dashboardView .bw-tab-sets{top:65px!important}
#dashboardView .bw-tab-missing{top:130px!important}
#dashboardView .bw-tab-find{top:195px!important}
#dashboardView .bw-tab-events{top:260px!important}
/* Missing-card fallback: intentionally styled dark sleeve. */
#dashboardView .bw-empty-sleeve{
  position:absolute!important;inset:5px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(231,166,61,.22)!important;border-radius:4px!important;
  background:radial-gradient(circle at 50% 38%,rgba(231,166,61,.06),transparent 40%),linear-gradient(145deg,#111b20,#091115)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.018),inset 0 0 20px rgba(0,0,0,.25)!important;
}
#dashboardView .bw-empty-sleeve svg{width:34%!important;height:auto!important;stroke:#b9883b!important;opacity:.52!important;filter:none!important}
#dashboardView .bw-empty-sleeve::after{
  content:"BW";position:absolute;bottom:11%;font-size:7px;font-weight:800;letter-spacing:.12em;color:rgba(231,166,61,.34);
}
@media(max-width:520px){
  #dashboardView .bw-pocket-sheet{margin:4px 14px 4px!important;padding:8px 10px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid{width:min(100%,280px)!important;grid-template-rows:repeat(2,70px)!important;gap:5px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid>span{height:70px!important;min-height:70px!important}
  #dashboardView .bw-divider-rail{top:74px!important;right:-6px!important;width:21px!important;height:315px!important}
  #dashboardView .bw-divider-tab{width:21px!important;height:43px!important}
  #dashboardView .bw-divider-tab span{font-size:4.8px!important}
  #dashboardView .bw-tab-collection{top:0!important}
  #dashboardView .bw-tab-sets{top:60px!important}
  #dashboardView .bw-tab-missing{top:120px!important}
  #dashboardView .bw-tab-find{top:180px!important}
  #dashboardView .bw-tab-events{top:240px!important}
}
@media(max-width:390px){
  #dashboardView .bw-pocket-sheet .binder-slot-grid{width:min(100%,252px)!important;grid-template-rows:repeat(2,64px)!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid>span{height:64px!important;min-height:64px!important}
}


/* ================================================================
   3.21.7 — Real 3×3 Binder Preview
   Home My Binder now previews actual owned cards in physical sleeves.
   ================================================================ */

#dashboardView .bw-binder-summary{
  padding-bottom:0!important;
}
#dashboardView .bw-pocket-sheet{
  min-height:0!important;
  margin:7px 10px 7px!important;
  padding:9px!important;
  display:block!important;
  border:1px solid rgba(184,195,196,.11)!important;
  border-radius:5px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px) 0 0/33.333% 100%,
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px) 0 0/100% 33.333%,
    linear-gradient(180deg,#091216,#0c161a)!important;
  box-shadow:
    inset 0 10px 25px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.012)!important;
}
#dashboardView .bw-pocket-sheet::before{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  pointer-events:none;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,auto)!important;
  grid-auto-rows:auto!important;
  gap:6px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-home-pocket{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:2.5 / 3.5!important;
  margin:0!important;
  padding:4px!important;
  overflow:hidden!important;
  border:1px solid rgba(190,201,201,.18)!important;
  border-radius:4px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 28%),
    linear-gradient(180deg,#142025,#0b1418)!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.012),
    inset 0 9px 16px rgba(0,0,0,.16),
    0 2px 6px rgba(0,0,0,.22)!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-home-pocket::before{
  content:"";
  position:absolute;
  z-index:3;
  left:5px;right:5px;top:5px;
  height:1px;
  background:rgba(255,255,255,.10);
  box-shadow:0 2px rgba(0,0,0,.16);
  pointer-events:none;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-home-pocket::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:4px;
  border:1px solid rgba(255,255,255,.028);
  border-radius:3px;
  background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 35%);
  pointer-events:none;
}
#dashboardView .bw-home-pocket img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:2px;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.42));
}
#dashboardView .bw-home-pocket-back{
  position:absolute;
  z-index:1;
  inset:5px;
  display:grid;
  place-items:center;
  border:1px solid rgba(231,166,61,.20);
  border-radius:3px;
  background:
    radial-gradient(circle at 50% 38%,rgba(231,166,61,.04),transparent 34%),
    linear-gradient(145deg,#0e171b,#091114);
  color:rgba(210,159,73,.42);
  font-style:normal;
}
#dashboardView .bw-home-pocket-back::before{
  content:"";
  width:34%;
  aspect-ratio:.72;
  border:1px solid currentColor;
  border-radius:2px;
}
#dashboardView .bw-home-pocket-back b{
  position:absolute;
  bottom:11%;
  font-size:7px;
  letter-spacing:.13em;
}
#dashboardView .bw-home-pocket.empty{
  border-style:dashed!important;
  opacity:.72;
}
#dashboardView .bw-home-pocket.filled{
  border-color:rgba(189,200,200,.23)!important;
}
#dashboardView .bw-binder-summary .binder-hero-card-meta{
  padding:8px 10px 10px!important;
}

/* The preview should communicate "binder page", not completion arithmetic. */
#dashboardView .bw-binder-summary .bw-pocket-sheet{
  cursor:pointer;
}
#dashboardView .bw-binder-summary:active .bw-home-pocket{
  border-color:rgba(231,166,61,.24)!important;
}

@media(max-width:520px){
  #dashboardView .bw-pocket-sheet{
    margin:6px 9px 6px!important;
    padding:7px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    gap:5px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-home-pocket{
    padding:3px!important;
  }
  #dashboardView .bw-home-pocket-back{
    inset:4px!important;
  }
}
@media(max-width:390px){
  #dashboardView .bw-pocket-sheet{
    padding:6px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    gap:4px!important;
  }
}


/* ================================================================
   3.21.8 — Home Binder Final Polish
   ================================================================ */
#dashboardView .bw-binder-summary{
  padding-top:0!important;
}
#dashboardView .bw-binder-summary .binder-hero-card-head{
  padding-top:12px!important;
  padding-bottom:8px!important;
  margin-bottom:0!important;
}
#dashboardView .bw-binder-summary .binder-hero-card-head h2,
#dashboardView .bw-binder-summary .binder-hero-card-head h3{
  margin-bottom:0!important;
  line-height:1.04!important;
}
#dashboardView .bw-pocket-sheet{
  margin-top:3px!important;
  margin-bottom:3px!important;
  padding:6px!important;
  background:
    linear-gradient(90deg,rgba(214,224,224,.035) 1px,transparent 1px) 0 0/33.333% 100%,
    linear-gradient(rgba(214,224,224,.032) 1px,transparent 1px) 0 0/100% 33.333%,
    linear-gradient(180deg,#091317,#0b1519)!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid{
  gap:4px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-home-pocket{
  padding:3px!important;
  border-color:rgba(204,215,215,.20)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 -8px 13px rgba(0,0,0,.18),
    0 1px 4px rgba(0,0,0,.24)!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-home-pocket::before{
  left:3px!important;
  right:3px!important;
  top:3px!important;
  height:18%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 35%,transparent)!important;
  border-top:1px solid rgba(255,255,255,.13)!important;
  box-shadow:none!important;
  opacity:.38;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-home-pocket::after{
  inset:2px!important;
  border-color:rgba(225,234,234,.055)!important;
  background:
    linear-gradient(128deg,rgba(255,255,255,.07) 0 7%,transparent 18% 72%,rgba(255,255,255,.018) 88%)!important;
}
#dashboardView .bw-home-pocket img{
  object-fit:cover!important;
  border-radius:2px!important;
}
#dashboardView .bw-home-pocket-back{
  inset:3px!important;
}
#dashboardView .bw-binder-summary .binder-hero-card-meta{
  padding-top:6px!important;
  padding-bottom:8px!important;
}
#dashboardView .bw-binder-summary .binder-hero-card-meta>*{
  margin-top:0!important;
  margin-bottom:1px!important;
}
@media(max-width:520px){
  #dashboardView .bw-binder-summary .binder-hero-card-head{
    padding-top:9px!important;
    padding-bottom:6px!important;
  }
  #dashboardView .bw-pocket-sheet{
    margin:2px 9px!important;
    padding:5px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    gap:3px!important;
  }
  #dashboardView .bw-binder-summary .binder-hero-card-meta{
    padding-top:5px!important;
    padding-bottom:7px!important;
  }
}


/* ================================================================
   3.22.0 — Collection: Opened Binder Experience
   ================================================================ */
#collectionView{
  max-width:940px!important;
  margin:0 auto!important;
  padding:8px 12px 112px!important;
}
#collectionView .collection-toolbar{
  margin-bottom:8px!important;
}
#collectionView .collection-summary{
  margin:7px 2px 9px!important;
}
#collectionView .collection-list{
  display:block!important;
}
#collectionView .collection-open-binder{
  position:relative;
  padding:9px 8px 12px 24px;
  border:1px solid rgba(231,166,61,.22);
  border-radius:7px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px) 0 0/24px 24px,
    linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px) 0 0/24px 24px,
    linear-gradient(145deg,#0a1215,#0e191d 55%,#091115);
  box-shadow:0 22px 50px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.015);
}
#collectionView .collection-open-binder::before{
  content:"";
  position:absolute;
  left:7px;top:10px;bottom:10px;width:8px;
  border:1px solid rgba(231,166,61,.18);
  border-radius:4px;
  background:linear-gradient(90deg,#3a281b,#111415 55%,#4b321c);
  box-shadow:inset -2px 0 4px rgba(0,0,0,.68);
}
#collectionView .collection-set-dividers{
  display:flex;
  gap:5px;
  overflow-x:auto;
  scrollbar-width:none;
  padding:1px 1px 8px;
  scroll-snap-type:x proximity;
}
#collectionView .collection-set-dividers::-webkit-scrollbar{display:none}
#collectionView .collection-set-divider{
  flex:0 0 136px;
  min-width:0;
  height:48px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:6px;
  align-items:center;
  padding:5px 7px;
  border:1px solid rgba(176,188,189,.14);
  border-bottom:3px solid rgba(125,94,49,.55);
  border-radius:4px 4px 2px 2px;
  background:linear-gradient(180deg,#111c20,#0b1418);
  color:inherit;
  text-align:left;
  scroll-snap-align:start;
}
#collectionView .collection-set-divider.active{
  border-color:rgba(231,166,61,.48);
  border-bottom-color:#e7a63d;
  background:linear-gradient(180deg,#182126,#10181c);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 3px 9px rgba(0,0,0,.18);
}
#collectionView .collection-set-divider img{
  width:46px;height:36px;object-fit:contain;
}
#collectionView .collection-set-divider>i{
  width:38px;height:34px;display:grid;place-items:center;border:1px solid rgba(231,166,61,.22);font-style:normal;color:#b88336;font-size:.58rem;
}
#collectionView .collection-set-divider span{min-width:0}
#collectionView .collection-set-divider strong,
#collectionView .collection-set-divider small{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#collectionView .collection-set-divider strong{font-size:.62rem;color:#ece8df}
#collectionView .collection-set-divider small{margin-top:2px;font-size:.52rem;color:#45bdb2}

#collectionView .collection-open-page{
  position:relative;
  padding:10px;
  border:1px solid rgba(188,200,200,.16);
  border-radius:5px;
  background:
    linear-gradient(90deg,rgba(221,231,231,.022) 1px,transparent 1px) 0 0/33.333% 100%,
    linear-gradient(rgba(221,231,231,.020) 1px,transparent 1px) 0 0/100% 33.333%,
    linear-gradient(180deg,#0c171b,#091216);
  box-shadow:inset 0 12px 30px rgba(0,0,0,.30),0 5px 15px rgba(0,0,0,.18);
}
#collectionView .collection-open-page::after{
  content:"";
  position:absolute;inset:5px;
  border:1px solid rgba(255,255,255,.018);
  border-radius:4px;
  pointer-events:none;
}
#collectionView .collection-open-page-head{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 2px 9px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
#collectionView .collection-open-set-id{
  min-width:0;display:flex;align-items:center;gap:8px;
}
#collectionView .collection-open-set-logo{
  width:66px;height:42px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.045);border-radius:3px;background:#101a1e;
}
#collectionView .collection-open-set-logo img{max-width:58px;max-height:36px;object-fit:contain}
#collectionView .collection-open-set-id>span:last-child{min-width:0}
#collectionView .collection-open-set-id small{
  display:block;font-size:.5rem;font-weight:900;letter-spacing:.14em;color:#d8a048;
}
#collectionView .collection-open-set-id strong{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:#f0ede6;
}
#collectionView .collection-open-page-head>b{
  flex:0 0 auto;color:#39beb4;font-size:.8rem;
}

#collectionView .collection-open-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:9px 2px;
}
#collectionView .collection-open-pocket{
  min-width:0;
  padding:4px;
  border:1px solid rgba(188,199,200,.15);
  border-radius:4px;
  background:linear-gradient(145deg,rgba(255,255,255,.024),transparent 31%),#0c1519;
  color:inherit;
  text-align:left;
  overflow:hidden;
  touch-action:manipulation;
}
#collectionView button.collection-open-pocket:active{
  transform:translateY(1px);
  border-color:rgba(231,166,61,.38);
}
#collectionView .collection-open-card,
#collectionView .collection-open-missing-card,
#collectionView .collection-open-back{
  position:relative;display:block;width:100%;aspect-ratio:2.5/3.5;border-radius:3px;
}
#collectionView .collection-open-card{
  padding:3px;
  overflow:hidden;
  border:1px solid rgba(205,215,215,.17);
  background:#0b1418;
  box-shadow:inset 0 7px 13px rgba(0,0,0,.22);
}
#collectionView .collection-open-card::after{
  content:"";position:absolute;z-index:3;inset:2px;
  border:1px solid rgba(255,255,255,.04);border-radius:2px;
  background:linear-gradient(130deg,rgba(255,255,255,.07) 0 6%,transparent 18% 78%,rgba(255,255,255,.02) 92%);
  pointer-events:none;
}
#collectionView .collection-open-card img{
  position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:2px;
}
#collectionView .collection-open-back{
  position:absolute;inset:3px;width:auto;height:auto;
  border:1px solid rgba(231,166,61,.18);
  background:radial-gradient(circle at 50% 35%,rgba(231,166,61,.04),transparent 32%),#0a1216;
  color:#9d7436;
}
#collectionView .collection-open-back::before{
  content:"";position:absolute;left:35%;top:28%;width:30%;aspect-ratio:.72;border:1px solid currentColor;border-radius:2px;
}
#collectionView .collection-open-back b{
  position:absolute;left:0;right:0;bottom:13%;text-align:center;font-size:.48rem;letter-spacing:.16em;
}
#collectionView .collection-open-qty{
  position:absolute;z-index:5;right:5px;top:5px;
  padding:3px 5px;border-radius:999px;background:#e7a63d;color:#171007;font-size:.54rem;
}
#collectionView .collection-open-pocket-meta{
  display:grid;gap:1px;padding:4px 1px 1px;
}
#collectionView .collection-open-pocket-meta strong{
  font-size:.55rem;color:#c99b50;
}
#collectionView .collection-open-pocket-meta small{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;color:#9aa4a6;
}
#collectionView .collection-open-pocket.missing{
  border-style:dashed;
  border-color:rgba(181,192,193,.13);
  background:rgba(8,15,18,.62);
}
#collectionView .collection-open-missing-card{
  border:1px solid rgba(157,168,169,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.012),transparent 32%),#081014;
}
#collectionView .collection-open-missing-card i{
  position:absolute;left:33%;top:25%;width:34%;aspect-ratio:.72;border:1px dashed rgba(164,175,176,.20);border-radius:3px;
}
#collectionView .collection-open-missing-card b{
  position:absolute;left:0;right:0;bottom:15%;text-align:center;font-size:.43rem;letter-spacing:.14em;color:#776e60;
}
#collectionView .collection-open-pocket.filler{
  opacity:.5;border-style:dashed;
}
#collectionView .collection-open-page-foot{
  position:relative;z-index:2;
  display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;
  padding:8px 0 0;border-top:1px solid rgba(255,255,255,.05);
}
#collectionView .collection-open-page-foot button{
  min-width:42px;min-height:42px;border:1px solid rgba(231,166,61,.26);border-radius:5px;background:#111a1e;color:#dfaa53;font-size:1.45rem;
}
#collectionView .collection-open-page-foot button:disabled{opacity:.25}
#collectionView .collection-open-page-foot span{text-align:center;min-width:0}
#collectionView .collection-open-page-foot strong,
#collectionView .collection-open-page-foot small{display:block}
#collectionView .collection-open-page-foot strong{font-size:.6rem;letter-spacing:.12em;color:#ddd7ca}
#collectionView .collection-open-page-foot small{margin-top:2px;font-size:.53rem;color:#788487}

@media(max-width:620px){
  #collectionView{padding:7px 8px 98px!important}
  #collectionView .collection-toolbar{position:relative!important;top:auto!important}
  #collectionView .collection-open-binder{padding:7px 6px 9px 20px}
  #collectionView .collection-open-binder::before{left:6px;width:6px;top:8px;bottom:8px}
  #collectionView .collection-set-divider{flex-basis:118px;height:43px;grid-template-columns:40px minmax(0,1fr);padding:4px 5px}
  #collectionView .collection-set-divider img{width:38px;height:31px}
  #collectionView .collection-open-page{padding:7px}
  #collectionView .collection-open-set-logo{width:56px;height:36px}
  #collectionView .collection-open-set-logo img{max-width:49px;max-height:30px}
  #collectionView .collection-open-set-id strong{font-size:.82rem}
  #collectionView .collection-open-page-head>b{font-size:.7rem}
  #collectionView .collection-open-grid{gap:4px;padding:6px 1px}
  #collectionView .collection-open-pocket{padding:3px}
  #collectionView .collection-open-pocket-meta{padding-top:3px}
  #collectionView .collection-open-pocket-meta small{font-size:.5rem}
}


/* ================================================================
   3.22.1 — Intelligence + Home completion scale
   ================================================================ */
#dashboardView #binderHomeCompletion{
  font-size:clamp(15px,4.4vw,20px)!important;
  line-height:1!important;
  font-weight:800!important;
}
@media(max-width:520px){
  #dashboardView #binderHomeCompletion{
    font-size:17px!important;
  }
}
@media(max-width:390px){
  #dashboardView #binderHomeCompletion{
    font-size:16px!important;
  }
}

/* Keep the generic Energy binder available, but visually secondary. */
#collectionView .collection-set-divider[data-collection-binder-set*="energy" i]{
  opacity:.68;
}
#collectionView .collection-set-divider[data-collection-binder-set*="energy" i].active{
  opacity:.9;
}


/* 3.22.2 — Home completion status hierarchy */
#dashboardView .bw-section-bar{
  align-items:center!important;
}
#dashboardView #binderHomeCompletion.bw-completion-status{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  padding:5px 8px!important;
  border:1px solid rgba(44,199,184,.24)!important;
  border-radius:999px!important;
  background:rgba(44,199,184,.07)!important;
  color:#42c7bb!important;
}
@media(max-width:520px){
  #dashboardView #binderHomeCompletion.bw-completion-status{
    font-size:11px!important;
    padding:4px 7px!important;
  }
}


/* ==================================================================
   3.23.0 — Concept 1C Fidelity Rebuild
   Visual source of truth: BinderWorth Collector Premium Refined board.
   ================================================================== */

:root{
  --c1c-bg:#071014;
  --c1c-panel:#10191d;
  --c1c-panel2:#0b1418;
  --c1c-edge:#384144;
  --c1c-paper:#e9e3d8;
  --c1c-amber:#e7aa43;
  --c1c-amber2:#b87422;
  --c1c-teal:#2fc7b8;
  --c1c-mist:#9ca6a8;
}

#dashboardView{
  padding-top:8px!important;
  padding-bottom:112px!important;
  background:
    linear-gradient(rgba(255,255,255,.011) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px) 0 0/28px 28px,
    #071014!important;
}

/* The board is one continuous binder object, not separate dashboard cards. */
#dashboardView .bw-home-object{
  position:relative!important;
  width:min(100%,610px)!important;
  margin:0 auto!important;
  padding:9px 19px 10px 34px!important;
  border:1px solid rgba(196,145,69,.28)!important;
  border-radius:13px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px) 0 0/24px 24px,
    linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px) 0 0/24px 24px,
    linear-gradient(145deg,#091317,#0b1519 48%,#071014)!important;
  box-shadow:
    0 22px 50px rgba(0,0,0,.40),
    inset 0 1px rgba(255,255,255,.018)!important;
  overflow:visible!important;
}

/* Brass ring strip / hinge. */
#dashboardView .bw-home-object::before{
  content:"";
  position:absolute;
  z-index:2;
  left:12px;
  top:14px;
  bottom:14px;
  width:15px;
  border:1px solid rgba(226,177,99,.35);
  border-radius:5px;
  background:
    radial-gradient(circle at 50% 8%,#e2bd83 0 2px,#6e4a25 3px 4px,transparent 5px),
    radial-gradient(circle at 50% 27%,#e2bd83 0 2px,#6e4a25 3px 4px,transparent 5px),
    radial-gradient(circle at 50% 46%,#e2bd83 0 2px,#6e4a25 3px 4px,transparent 5px),
    radial-gradient(circle at 50% 65%,#e2bd83 0 2px,#6e4a25 3px 4px,transparent 5px),
    radial-gradient(circle at 50% 84%,#e2bd83 0 2px,#6e4a25 3px 4px,transparent 5px),
    linear-gradient(90deg,#6f4c28,#c79c5f 25%,#4b321d 52%,#a7773f 78%,#35251a);
  box-shadow:inset -2px 0 4px rgba(0,0,0,.45),0 0 12px rgba(0,0,0,.30);
}
#dashboardView .bw-binder-spine{display:none!important}
#dashboardView .bw-page-stack{display:none!important}

#dashboardView .bw-binder-page{
  position:relative!important;
  z-index:3!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Hide onboarding copy on established collectors: concept begins at My Binder. */
#dashboardView .bw-inside-cover{display:none!important}

/* Shared card material. */
#dashboardView .bw-binder-summary,
#dashboardView .bw-page-module,
#dashboardView .bw-home-tools .bw-tool-row{
  border:1px solid rgba(183,194,195,.24)!important;
  border-radius:7px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.018),transparent 24%),
    linear-gradient(180deg,#111c20,#0c1519)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.022),
    0 3px 9px rgba(0,0,0,.24)!important;
}

/* MY BINDER — compact slot summary exactly like the board. */
#dashboardView .bw-binder-summary{
  margin:0 0 7px!important;
  padding:0!important;
  overflow:hidden!important;
}
#dashboardView .bw-binder-summary .bw-section-bar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:38px!important;
  padding:7px 10px 5px!important;
  border-bottom:0!important;
  background:none!important;
}
#dashboardView .bw-concept-title{
  display:block!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:700!important;
  color:var(--c1c-paper)!important;
}
#dashboardView #binderHomeCompletion.bw-completion-status{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:var(--c1c-teal)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  font-weight:800!important;
}
#dashboardView .bw-pocket-sheet{
  min-height:0!important;
  margin:0!important;
  padding:2px 10px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid{
  display:grid!important;
  width:100%!important;
  grid-template-columns:repeat(16,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,22px)!important;
  gap:4px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-concept-slot{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:22px!important;
  min-height:22px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(140,152,154,.28)!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,#182125,#11191d)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-concept-slot i{
  position:absolute;inset:2px;border:1px solid rgba(255,255,255,.025);border-radius:2px;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-concept-slot.owned{
  border-color:#45d5c7!important;
  background:linear-gradient(180deg,#3cd0c0,#1aa69b)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 7px rgba(47,199,184,.12)!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-concept-slot.partial{
  background:linear-gradient(135deg,#30c5b6 0 48%,#172024 50%)!important;
  border-color:rgba(47,199,184,.58)!important;
}
#dashboardView .binder-home-metrics{display:none!important}
#dashboardView .binder-hero-card-meta{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:3px 10px 8px!important;
  border-top:0!important;
}
#dashboardView .binder-hero-card-meta strong{
  font-size:13px!important;
  color:#f0ece4!important;
}
#dashboardView .binder-hero-card-meta span{
  font-size:10px!important;
  color:#7e898b!important;
}

/* Section headings mirror the board: serif amber, compact View all. */
#dashboardView .bw-page-module{
  margin:0 0 7px!important;
  padding:7px 8px 8px!important;
}
#dashboardView .bw-module-heading{
  min-height:28px!important;
  margin:0 0 4px!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
#dashboardView .bw-module-heading .eyebrow,
#dashboardView #homeCompletionSummary{display:none!important}
#dashboardView .bw-module-heading h3{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
  line-height:1.08!important;
  color:#e7b253!important;
  font-weight:700!important;
}
#dashboardView .bw-inline-link{
  padding:2px 0!important;
  min-height:0!important;
  border:0!important;
  background:none!important;
  color:#d8d4cb!important;
  font-size:10px!important;
  font-weight:500!important;
}

/* SETS — dense three-row strip. */
#dashboardView .home-completion-list{
  display:grid!important;
  gap:3px!important;
}
#dashboardView .bw-set-strip{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr) 14px!important;
  gap:7px!important;
  align-items:center!important;
  padding:4px 6px!important;
  border:1px solid rgba(183,194,195,.13)!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#0f191d,#0b1418)!important;
  box-shadow:none!important;
}
#dashboardView .bw-set-logo{
  width:80px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border:0!important;background:none!important;
}
#dashboardView .bw-set-logo img{max-width:78px!important;max-height:34px!important;object-fit:contain!important}
#dashboardView .bw-set-body{min-width:0!important;display:grid!important;gap:3px!important}
#dashboardView .bw-set-top{display:block!important}
#dashboardView .bw-set-name{
  display:block!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:11px!important;color:#f0ede6!important;font-weight:650!important;
}
#dashboardView .bw-set-badge,
#dashboardView .bw-set-meta{display:none!important}
#dashboardView .bw-set-progress-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px 48px!important;
  gap:5px!important;
  align-items:center!important;
}
#dashboardView .bw-set-meter{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:2px!important;
  width:100%!important;
}
#dashboardView .bw-set-meter i{
  display:block!important;height:8px!important;border-radius:2px!important;
  border:1px solid rgba(137,149,151,.22)!important;background:#1a2226!important;
}
#dashboardView .bw-set-meter i.owned{background:#2fc7b8!important;border-color:#42d3c5!important}
#dashboardView .bw-set-meter i.partial{background:linear-gradient(90deg,#2fc7b8 50%,#1a2226 50%)!important}
#dashboardView .bw-set-percent{
  font-size:10px!important;color:#2fc7b8!important;text-align:right!important;
}
#dashboardView .bw-set-count{
  font-size:9px!important;color:#a7adae!important;text-align:right!important;white-space:nowrap!important;
}
#dashboardView .bw-set-arrow{
  font-size:22px!important;color:#e6a943!important;line-height:1!important;
}

/* Missing shelf — horizontal, image-first. */
#dashboardView .bw-missing-module{
  border-color:rgba(181,138,118,.38)!important;
}
#dashboardView .bw-chase-shelf{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}
#dashboardView .bw-chase-shelf>*{
  min-width:0!important;
  min-height:74px!important;
  padding:5px!important;
  border:1px solid rgba(183,194,195,.11)!important;
  border-radius:5px!important;
  background:#0c1519!important;
}
#dashboardView .bw-chase-shelf img{
  width:44px!important;height:62px!important;object-fit:contain!important;
  border-radius:2px!important;
}

/* Traders / Challenges — two compact equal panels. */
#dashboardView .bw-home-tools{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  margin:0 0 7px!important;
}
#dashboardView .bw-home-tools .bw-tool-row{
  min-height:78px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 12px!important;
  gap:5px!important;
  align-items:start!important;
}
#dashboardView .bw-tool-icon{
  width:28px!important;height:28px!important;border:1px solid rgba(231,170,67,.34)!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;color:#e6aa43!important;
}
#dashboardView .bw-tool-icon svg{width:15px!important;height:15px!important;fill:currentColor!important}
#dashboardView .bw-tool-copy small{
  display:block!important;color:#e1aa52!important;font-size:7px!important;letter-spacing:.1em!important;font-weight:850!important;
}
#dashboardView .bw-tool-copy strong{
  display:block!important;margin-top:1px!important;color:#f0ece4!important;font-size:11px!important;line-height:1.1!important;
}
#dashboardView .bw-tool-copy em{
  display:block!important;margin-top:3px!important;color:#8f999b!important;font-size:8px!important;line-height:1.2!important;font-style:normal!important;
}
#dashboardView .bw-tool-row>b{color:#e7aa43!important;font-size:16px!important}

/* Scan hardware — compact amber plate. */
#dashboardView .bw-scan-hardware{
  width:78%!important;
  min-height:48px!important;
  margin:2px auto 0!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 18px!important;
  gap:7px!important;
  align-items:center!important;
  padding:5px 10px!important;
  border:1px solid #ffd072!important;
  border-radius:10px!important;
  clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%)!important;
  background:linear-gradient(180deg,#ffc657,#e99e29)!important;
  color:#17110a!important;
  box-shadow:0 5px 0 #8d5a18,0 8px 18px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.55)!important;
}
#dashboardView .bw-scan-mark{width:34px!important;height:34px!important;border:1px solid rgba(93,58,15,.42)!important;border-radius:6px!important}
#dashboardView .bw-scan-mark svg{width:24px!important;height:24px!important}
#dashboardView .bw-scan-copy strong{font-size:12px!important;letter-spacing:.04em!important}
#dashboardView .bw-scan-copy small{display:none!important}
#dashboardView .bw-scan-hardware>b{font-size:22px!important}

/* Flat divider tabs tucked behind stacked pages. */
#dashboardView .bw-divider-rail{
  top:58px!important;
  right:-22px!important;
  width:28px!important;
  height:350px!important;
  z-index:1!important;
}
#dashboardView .bw-divider-tab{
  width:28px!important;
  height:51px!important;
  border-radius:0 5px 5px 0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),2px 2px 5px rgba(0,0,0,.24)!important;
}
#dashboardView .bw-divider-tab span{font-size:6px!important;letter-spacing:.05em!important}
#dashboardView .bw-tab-collection{top:0!important;background:#c98d31!important;color:#16110b!important}
#dashboardView .bw-tab-sets{top:61px!important;background:#53a69c!important;color:#071214!important}
#dashboardView .bw-tab-missing{top:122px!important;background:#9c806f!important;color:#15100d!important}
#dashboardView .bw-tab-find{top:183px!important;background:#66aab3!important;color:#071214!important}
#dashboardView .bw-tab-events{top:244px!important;background:#9470a0!important;color:#120d15!important}

/* Concept screen ends with scan action — hide legacy dashboard below on Home. */
#dashboardView>.home-recent-panel,
#dashboardView>.getting-started-panel,
#dashboardView>.home-actions,
#dashboardView>.home-secondary-heading,
#dashboardView>.stats-grid,
#dashboardView>.dashboard-grid,
#dashboardView>.gameboard-grid,
#dashboardView>.quest-panel,
#dashboardView>.challenge-spotlight-grid,
#dashboardView>.collection-history-panel,
#dashboardView>.set-goals-panel,
#dashboardView>.ad-slot{
  display:none!important;
}

/* Bottom dock closer to the concept. */
.mobile-nav{
  max-width:620px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:8px!important;
  min-height:66px!important;
  padding:6px 10px!important;
  border:1px solid rgba(201,147,65,.35)!important;
  border-radius:14px!important;
  background:rgba(6,13,16,.97)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.40)!important;
}
.mobile-nav button,.mobile-nav a{min-height:50px!important}
.mobile-nav .scan-nav,
.mobile-nav [data-go="scan"]{
  min-width:64px!important;
  min-height:64px!important;
}

/* Header: stronger premium hierarchy while preserving existing controls. */
.app-header{
  min-height:88px!important;
  border-bottom:1px solid rgba(231,170,67,.22)!important;
  background:#061014!important;
}
.app-header .brand img,
.app-header .brand-logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))!important}

@media(max-width:520px){
  #dashboardView{padding-left:6px!important;padding-right:6px!important}
  #dashboardView .bw-home-object{
    padding:7px 15px 8px 27px!important;
    border-radius:10px!important;
  }
  #dashboardView .bw-home-object::before{
    left:8px!important;width:12px!important;top:10px!important;bottom:10px!important;
  }
  #dashboardView .bw-concept-title{font-size:18px!important}
  #dashboardView #binderHomeCompletion.bw-completion-status{font-size:12px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    grid-template-rows:repeat(2,19px)!important;
    gap:3px!important;
  }
  #dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-concept-slot{
    height:19px!important;min-height:19px!important;
  }
  #dashboardView .bw-set-strip{
    grid-template-columns:75px minmax(0,1fr) 12px!important;
    min-height:46px!important;
  }
  #dashboardView .bw-set-logo{width:72px!important;height:34px!important}
  #dashboardView .bw-set-logo img{max-width:70px!important;max-height:31px!important}
  #dashboardView .bw-set-progress-line{
    grid-template-columns:minmax(0,1fr) 30px 44px!important;
    gap:3px!important;
  }
  #dashboardView .bw-set-count{font-size:8px!important}
  #dashboardView .bw-module-heading h3{font-size:14px!important}
  #dashboardView .bw-scan-hardware{width:84%!important}
  #dashboardView .bw-divider-rail{right:-19px!important}
  .mobile-nav{width:calc(100% - 24px)!important}
}

@media(max-width:390px){
  #dashboardView .bw-pocket-sheet .binder-slot-grid{
    grid-template-columns:repeat(16,minmax(0,1fr))!important;
    gap:2px!important;
  }
  #dashboardView .bw-set-strip{
    grid-template-columns:66px minmax(0,1fr) 11px!important;
    padding-left:4px!important;padding-right:4px!important;
  }
  #dashboardView .bw-set-logo{width:64px!important}
  #dashboardView .bw-set-logo img{max-width:62px!important}
}

/* =========================================================
   3.23.1 — Concept 1C density / fidelity pass
   Visual-only. Compress the board so Home reads like the reference.
   ========================================================= */
#dashboardView .bw-home-object{
  padding:7px 18px 8px 32px!important;
}
/* Darker, slimmer recessed binder mechanism. */
#dashboardView .bw-home-object::before{
  left:12px!important;width:10px!important;top:12px!important;bottom:12px!important;
  border-color:rgba(175,132,72,.25)!important;
  background:
    radial-gradient(circle at 50% 9%,#aa8352 0 1.5px,#3d2c1d 2px 3px,transparent 3.5px),
    radial-gradient(circle at 50% 29%,#aa8352 0 1.5px,#3d2c1d 2px 3px,transparent 3.5px),
    radial-gradient(circle at 50% 49%,#aa8352 0 1.5px,#3d2c1d 2px 3px,transparent 3.5px),
    radial-gradient(circle at 50% 69%,#aa8352 0 1.5px,#3d2c1d 2px 3px,transparent 3.5px),
    radial-gradient(circle at 50% 89%,#aa8352 0 1.5px,#3d2c1d 2px 3px,transparent 3.5px),
    linear-gradient(90deg,#2d241d,#765735 35%,#241b16 62%,#4f3826)!important;
  box-shadow:inset -1px 0 3px rgba(0,0,0,.62),0 0 5px rgba(0,0,0,.28)!important;
}
#dashboardView .bw-binder-summary,
#dashboardView .bw-page-module,
#dashboardView .bw-home-tools .bw-tool-row{
  border-color:rgba(183,194,195,.17)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.014),0 2px 5px rgba(0,0,0,.20)!important;
}
/* Shallow My Binder panel. */
#dashboardView .bw-binder-summary{margin-bottom:5px!important}
#dashboardView .bw-binder-summary .bw-section-bar{
  min-height:31px!important;padding:5px 9px 2px!important;
}
#dashboardView .bw-concept-title{font-size:17px!important}
#dashboardView #binderHomeCompletion.bw-completion-status{font-size:10px!important}
#dashboardView .bw-pocket-sheet{padding:0 9px 2px!important}
#dashboardView .bw-pocket-sheet .binder-slot-grid{
  grid-template-rows:repeat(2,16px)!important;gap:3px!important;
}
#dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-concept-slot{
  height:16px!important;min-height:16px!important;border-radius:2px!important;
}
#dashboardView .binder-hero-card-meta{padding:2px 9px 5px!important}
#dashboardView .binder-hero-card-meta strong{font-size:11px!important}
#dashboardView .binder-hero-card-meta span{font-size:8px!important}
/* Denser section modules and set rows. */
#dashboardView .bw-page-module{margin-bottom:5px!important;padding:5px 7px 6px!important}
#dashboardView .bw-module-heading{min-height:22px!important;margin-bottom:3px!important}
#dashboardView .bw-module-heading h3{font-size:14px!important;line-height:1.02!important}
#dashboardView .bw-inline-link{font-size:9px!important}
#dashboardView .home-completion-list{gap:2px!important}
#dashboardView .bw-set-strip{
  min-height:39px!important;grid-template-columns:72px minmax(0,1fr) 11px!important;
  gap:5px!important;padding:3px 5px!important;
}
#dashboardView .bw-set-logo{width:68px!important;height:29px!important}
#dashboardView .bw-set-logo img{max-width:67px!important;max-height:27px!important}
#dashboardView .bw-set-body{gap:2px!important}
#dashboardView .bw-set-name{font-size:10px!important}
#dashboardView .bw-set-progress-line{grid-template-columns:minmax(0,1fr) 29px 42px!important;gap:3px!important}
#dashboardView .bw-set-meter{gap:1px!important}
#dashboardView .bw-set-meter i{height:6px!important}
#dashboardView .bw-set-percent{font-size:9px!important}
#dashboardView .bw-set-count{font-size:8px!important}
#dashboardView .bw-set-arrow{font-size:17px!important}
/* Chase cards: shorter shelf while keeping art readable. */
#dashboardView .bw-chase-shelf{gap:4px!important}
#dashboardView .bw-chase-shelf>*{min-height:61px!important;padding:4px!important}
#dashboardView .bw-chase-shelf img{width:36px!important;height:51px!important}
/* Compact the two utility panels and scan plate. */
#dashboardView .bw-home-tools{gap:4px!important;margin-bottom:5px!important}
#dashboardView .bw-home-tools .bw-tool-row{min-height:58px!important;padding:5px!important;grid-template-columns:25px minmax(0,1fr) 10px!important}
#dashboardView .bw-tool-icon{width:24px!important;height:24px!important}
#dashboardView .bw-tool-icon svg{width:13px!important;height:13px!important}
#dashboardView .bw-tool-copy strong{font-size:9px!important}
#dashboardView .bw-tool-copy em{font-size:7px!important;margin-top:2px!important}
#dashboardView .bw-scan-hardware{min-height:43px!important;margin-top:1px!important;width:74%!important;grid-template-columns:31px minmax(0,1fr) 15px!important;padding:4px 9px!important}
#dashboardView .bw-scan-mark{width:28px!important;height:28px!important}
#dashboardView .bw-scan-mark svg{width:20px!important;height:20px!important}
#dashboardView .bw-scan-copy strong{font-size:10px!important}
/* Tabs belong behind the page, not on its face. */
#dashboardView .bw-divider-rail{right:-18px!important;top:46px!important;width:24px!important;height:290px!important;z-index:1!important}
#dashboardView .bw-divider-tab{width:24px!important;height:42px!important;opacity:.86!important;border-radius:0 4px 4px 0!important}
#dashboardView .bw-divider-tab span{font-size:5px!important}
#dashboardView .bw-tab-sets{top:49px!important}
#dashboardView .bw-tab-missing{top:98px!important}
#dashboardView .bw-tab-find{top:147px!important}
#dashboardView .bw-tab-events{top:196px!important}
/* Dock: retain 44px+ touch targets while reducing visual obstruction. */
.mobile-nav{min-height:58px!important;padding:4px 9px!important;border-radius:11px!important}
.mobile-nav button,.mobile-nav a{min-height:46px!important}
.mobile-nav .scan-nav,.mobile-nav [data-go="scan"]{min-width:58px!important;min-height:58px!important}

@media(max-width:520px){
  #dashboardView .bw-home-object{padding:6px 13px 7px 24px!important}
  #dashboardView .bw-home-object::before{left:7px!important;width:8px!important;top:9px!important;bottom:9px!important}
  #dashboardView .bw-concept-title{font-size:16px!important}
  #dashboardView #binderHomeCompletion.bw-completion-status{font-size:9px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid{grid-template-rows:repeat(2,14px)!important;gap:2px!important}
  #dashboardView .bw-pocket-sheet .binder-slot-grid>.bw-concept-slot{height:14px!important;min-height:14px!important}
  #dashboardView .bw-set-strip{grid-template-columns:64px minmax(0,1fr) 10px!important;min-height:37px!important}
  #dashboardView .bw-set-logo{width:61px!important;height:27px!important}
  #dashboardView .bw-set-logo img{max-width:60px!important;max-height:25px!important}
  #dashboardView .bw-module-heading h3{font-size:13px!important}
  #dashboardView .bw-divider-rail{right:-15px!important}
  #dashboardView .bw-scan-hardware{width:78%!important}
  .mobile-nav{width:calc(100% - 22px)!important;bottom:7px!important}
}


/* =====================================================================
   3.24.1 — NEW VISUAL TARGET / VERIFIED SELECTOR REBUILD
   Uses the real 3.23.1 DOM. No guessed class names.
   ===================================================================== */

:root{
  --v24-bg:#0a0e0e;
  --v24-panel:#171c1a;
  --v24-panel2:#1d2320;
  --v24-line:rgba(230,216,187,.13);
  --v24-paper:#eee8dc;
  --v24-muted:#a8aaa3;
  --v24-gold:#d69a47;
  --v24-gold2:#efb45a;
  --v24-teal:#55b9aa;
}

/* Dashboard canvas */
#dashboardView{
  max-width:720px!important;
  margin:0 auto!important;
  padding:14px 14px 112px!important;
  background:
    radial-gradient(circle at 55% -10%,rgba(160,111,50,.08),transparent 28rem),
    #0a0e0e!important;
  overflow-x:hidden!important;
}

/* New reference hero */
#dashboardView .bw24-scan-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) .95fr!important;
  min-height:178px!important;
  margin:0 0 12px!important;
  border:1px solid var(--v24-line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:
    linear-gradient(105deg,#202522 0 52%,rgba(21,26,24,.88) 69%,#111615 100%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
}
#dashboardView .bw24-hero-copy{
  padding:22px 8px 20px 22px!important;
  position:relative!important;
  z-index:2!important;
}
#dashboardView .bw24-hero-copy h2{
  margin:0!important;
  color:var(--v24-paper)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:27px!important;
  line-height:1.04!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}
#dashboardView .bw24-hero-copy p{
  max-width:210px!important;
  margin:10px 0 17px!important;
  color:#bbb9b1!important;
  font-size:13px!important;
  line-height:1.4!important;
}
#dashboardView .bw24-primary-scan{
  min-width:138px!important;
  min-height:48px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,var(--v24-gold2),#d38d36)!important;
  color:#17120b!important;
  font-size:16px!important;
  font-weight:800!important;
  box-shadow:inset 0 1px rgba(255,255,255,.34),0 6px 15px rgba(0,0,0,.22)!important;
}
#dashboardView .bw24-primary-scan span{margin-right:8px!important}
#dashboardView .bw24-hero-cards{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,transparent 0 35%,rgba(215,154,71,.06) 100%)!important;
}
#dashboardView .bw24-hero-cards i{
  position:absolute!important;
  width:70px!important;
  height:98px!important;
  border-radius:7px!important;
  border:2px solid rgba(218,180,117,.22)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),transparent 36%),
    linear-gradient(135deg,#373d39,#181d1c)!important;
  box-shadow:0 12px 20px rgba(0,0,0,.42)!important;
}
#dashboardView .bw24-hero-cards i:nth-child(1){right:57px!important;top:14px!important;transform:rotate(10deg)!important}
#dashboardView .bw24-hero-cards i:nth-child(2){right:4px!important;top:43px!important;transform:rotate(-7deg)!important}
#dashboardView .bw24-hero-cards i:nth-child(3){right:61px!important;top:103px!important;transform:rotate(4deg)!important}

/* Retire the literal binder shell using VERIFIED DOM selectors. */
#dashboardView .bw-binder-spine,
#dashboardView .bw-divider-rail,
#dashboardView .bw-page-stack{
  display:none!important;
}
#dashboardView .bw-home-object{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#dashboardView .bw-home-object::before,
#dashboardView .bw-home-object::after{content:none!important;display:none!important}
#dashboardView .bw-binder-page{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
#dashboardView .bw-inside-cover{display:none!important}

/* My Binder is now a supporting summary card. */
#dashboardView .bw-binder-summary{
  margin:0 0 12px!important;
  padding:12px 14px!important;
  min-height:0!important;
  border:1px solid var(--v24-line)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#191e1c,#111615)!important;
  box-shadow:none!important;
}
#dashboardView .bw-binder-summary .bw-section-bar{
  min-height:0!important;
  padding:0 0 8px!important;
  border:0!important;
}
#dashboardView .bw-concept-title{
  color:var(--v24-paper)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:20px!important;
  font-weight:600!important;
}
#dashboardView #binderHomeCompletion{
  color:var(--v24-teal)!important;
  font-size:13px!important;
  font-weight:800!important;
}
#dashboardView .bw-pocket-sheet{
  display:none!important;
}
#dashboardView .binder-home-metrics{display:none!important}
#dashboardView .binder-hero-card-meta{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
}
#dashboardView .binder-hero-card-meta strong{
  color:#f0ece3!important;
  font-size:14px!important;
}
#dashboardView .binder-hero-card-meta span{
  color:#929893!important;
  font-size:11px!important;
}

/* Shared modern modules */
#dashboardView .bw-page-module{
  margin:0 0 12px!important;
  padding:13px!important;
  border:1px solid var(--v24-line)!important;
  border-left:1px solid var(--v24-line)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#181d1b,#111615)!important;
  box-shadow:none!important;
}
#dashboardView .bw-module-heading{
  min-height:0!important;
  margin:0 0 9px!important;
  padding:0!important;
}
#dashboardView .bw-module-heading h3{
  color:var(--v24-paper)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:20px!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
#dashboardView .bw-inline-link{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#d5bd91!important;
  font-size:10px!important;
}
#dashboardView #homeCompletionSummary{display:none!important}

/* Sets: 3 compact visual cards across, matching the new target. */
#dashboardView .home-completion-list.bw-set-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
#dashboardView .home-completion-row.bw-set-strip{
  min-height:146px!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
  gap:5px!important;
  padding:8px!important;
  border:1px solid rgba(230,216,187,.10)!important;
  border-radius:12px!important;
  background:#1b211f!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#dashboardView .home-completion-logo.bw-set-logo{
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  padding:4px!important;
  display:grid!important;
  place-items:center!important;
  background:#202622!important;
  border:0!important;
  border-radius:9px!important;
}
#dashboardView .home-completion-logo.bw-set-logo img{
  width:100%!important;
  max-width:100%!important;
  height:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
}
#dashboardView .home-completion-copy.bw-set-body{
  display:grid!important;
  gap:6px!important;
}
#dashboardView .home-completion-title .bw-set-name{
  color:#f0ece3!important;
  font-size:11px!important;
  font-weight:750!important;
}
#dashboardView .bw-set-progress-line{
  grid-template-columns:minmax(0,1fr) 30px!important;
  gap:5px!important;
}
#dashboardView .home-set-slot-meter.bw-set-meter{
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:2px!important;
}
#dashboardView .home-set-slot-meter.bw-set-meter i{
  height:5px!important;
  border:0!important;
  border-radius:999px!important;
  background:#343a37!important;
}
#dashboardView .home-set-slot-meter.bw-set-meter i.owned{background:var(--v24-teal)!important}
#dashboardView .home-set-slot-meter.bw-set-meter i.partial{background:linear-gradient(90deg,var(--v24-teal) 50%,#343a37 50%)!important}
#dashboardView .bw-set-percent{
  color:#d9ddd8!important;
  font-size:10px!important;
  text-align:right!important;
}
#dashboardView .bw-set-count,
#dashboardView .home-completion-open.bw-set-arrow{display:none!important}

/* Chase cards — artwork-first, premium card shelf. */
#dashboardView .wanted-spotlight-list.bw-chase-shelf{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
#dashboardView .wanted-spotlight-card.bw-chase-pocket{
  min-width:0!important;
  padding:7px!important;
  border:1px solid rgba(230,216,187,.10)!important;
  border-radius:12px!important;
  background:#1b211f!important;
  box-shadow:none!important;
}
#dashboardView .wanted-spotlight-card .bw-card-sleeve{
  width:100%!important;
  aspect-ratio:.72!important;
  margin:0 0 6px!important;
  border:0!important;
  border-radius:9px!important;
  background:#101413!important;
  display:grid!important;
  place-items:center!important;
}
#dashboardView .wanted-spotlight-card .bw-card-sleeve img{
  width:auto!important;
  height:118px!important;
  max-width:100%!important;
  object-fit:contain!important;
}
#dashboardView .wanted-spotlight-card.bw-chase-pocket strong{
  color:#f0ece3!important;
  font-size:11px!important;
  line-height:1.15!important;
}
#dashboardView .wanted-spotlight-card.bw-chase-pocket small{
  color:#949891!important;
  font-size:8px!important;
  line-height:1.2!important;
}
#dashboardView .wanted-spotlight-card.bw-chase-pocket>b{display:none!important}

/* Feature pair */
#dashboardView .home-1c-utility-grid.bw-home-tools{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 12px!important;
}
#dashboardView .home-1c-mini-panel.bw-tool-row{
  min-height:102px!important;
  grid-template-columns:34px minmax(0,1fr) 16px!important;
  gap:7px!important;
  padding:12px!important;
  border:1px solid var(--v24-line)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#1b211f,#151918)!important;
  box-shadow:none!important;
}
#dashboardView .bw-tool-row .bw-tool-icon{
  width:32px!important;height:32px!important;
  border:1px solid rgba(216,154,71,.34)!important;
  border-radius:50%!important;
  color:var(--v24-gold2)!important;
}
#dashboardView .bw-tool-row .bw-tool-copy small{
  color:#d7a456!important;
  font-size:8px!important;
}
#dashboardView .bw-tool-row .bw-tool-copy strong{
  color:#f0ece3!important;
  font-size:12px!important;
  line-height:1.12!important;
}
#dashboardView .bw-tool-row .bw-tool-copy em{
  color:#989d98!important;
  font-size:9px!important;
  line-height:1.25!important;
}
#dashboardView .bw-tool-row>b{
  color:#d6a04d!important;
  font-size:18px!important;
}

/* Refined scan CTA */
#dashboardView .home-1c-scan-cta.bw-scan-hardware{
  width:100%!important;
  min-height:60px!important;
  margin:0 0 12px!important;
  padding:8px 14px!important;
  clip-path:none!important;
  border:1px solid #f2bd66!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#edb052,#d58d35)!important;
  color:#17120c!important;
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 7px 18px rgba(0,0,0,.20)!important;
}
#dashboardView .home-1c-scan-cta .bw-scan-copy strong{
  font-size:15px!important;
  letter-spacing:.03em!important;
}
#dashboardView .home-1c-scan-cta .bw-scan-copy small{
  display:block!important;
  color:#694719!important;
  font-size:9px!important;
}

/* Re-enable and restyle Recently added as the new target's "Recently scanned" strip. */
#dashboardView>.home-recent-panel.home-legacy-dashboard-panel{
  display:block!important;
  margin:0!important;
  padding:13px!important;
  border:1px solid var(--v24-line)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#171c1a,#111615)!important;
  box-shadow:none!important;
}
#dashboardView>.home-recent-panel .panel-heading{
  margin:0 0 9px!important;
}
#dashboardView>.home-recent-panel .panel-heading .eyebrow{display:none!important}
#dashboardView>.home-recent-panel .panel-heading h3{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:20px!important;
  color:var(--v24-paper)!important;
  font-weight:600!important;
}
#dashboardView #recentCollection.dashboard-achievement-scroll{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  scroll-snap-type:x proximity!important;
  padding:0 0 2px!important;
}
#dashboardView #recentCollection .recent-row{
  flex:0 0 96px!important;
  min-width:96px!important;
  display:block!important;
  padding:6px!important;
  border:1px solid rgba(230,216,187,.10)!important;
  border-radius:11px!important;
  background:#1b211f!important;
  scroll-snap-align:start!important;
}
#dashboardView #recentCollection .recent-row img{
  width:84px!important;
  height:116px!important;
  object-fit:contain!important;
  border-radius:6px!important;
  display:block!important;
  margin:0 auto 5px!important;
}
#dashboardView #recentCollection .recent-row>span:first-of-type strong{
  display:block!important;
  color:#f0ece3!important;
  font-size:9px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#dashboardView #recentCollection .recent-row>span:first-of-type small,
#dashboardView #recentCollection .recent-value{display:none!important}

/* Keep all other legacy Home dashboard panels hidden. */
#dashboardView>.getting-started-panel,
#dashboardView>.home-actions,
#dashboardView>.home-secondary-heading,
#dashboardView>.stats-grid,
#dashboardView>.dashboard-grid,
#dashboardView>.gameboard-grid,
#dashboardView>.quest-panel,
#dashboardView>.challenge-spotlight-grid,
#dashboardView>.collection-history-panel,
#dashboardView>.set-goals-panel,
#dashboardView>.ad-slot{
  display:none!important;
}

/* Hide estimate banner on Home to match approved target; retain elsewhere. */
body:has(#dashboardView.active) .global-estimate-banner{
  display:none!important;
}

/* Compact branded header */
body:has(#dashboardView.active) .topbar{
  min-height:78px!important;
  height:78px!important;
  padding:10px 16px!important;
  background:#080d0e!important;
  border-bottom:1px solid rgba(216,154,71,.18)!important;
}
body:has(#dashboardView.active) .mobile-menu{
  width:50px!important;height:50px!important;
  border-radius:14px!important;
  border:1px solid rgba(216,154,71,.24)!important;
  background:#171c1d!important;
}
body:has(#dashboardView.active) .topbar-brand-logo{
  width:min(230px,52vw)!important;
  max-height:44px!important;
}

/* Actual mobile nav selector */
body:has(#dashboardView.active) .mobile-bottom-nav{
  width:calc(100% - 28px)!important;
  max-width:620px!important;
  min-height:76px!important;
  padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(216,154,71,.20)!important;
  border-radius:20px!important;
  background:rgba(11,15,15,.98)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.44)!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{
  min-height:54px!important;
  color:#9a9e9a!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab.active{
  color:#e8b258!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  transform:translateY(-7px) scale(.88)!important;
  min-width:66px!important;
  min-height:66px!important;
}

@media(max-width:520px){
  #dashboardView{padding:12px 10px 106px!important}
  #dashboardView .bw24-scan-hero{min-height:170px!important}
  #dashboardView .bw24-hero-copy{padding:19px 5px 17px 18px!important}
  #dashboardView .bw24-hero-copy h2{font-size:25px!important}
  #dashboardView .bw24-hero-copy p{font-size:12px!important;max-width:176px!important}
  #dashboardView .bw24-primary-scan{min-width:122px!important;min-height:45px!important;font-size:15px!important}

  #dashboardView .home-completion-row.bw-set-strip{min-height:136px!important;padding:7px!important}
  #dashboardView .home-completion-logo.bw-set-logo{height:64px!important;min-height:64px!important}
  #dashboardView .home-completion-logo.bw-set-logo img{height:55px!important;max-height:55px!important}

  #dashboardView .wanted-spotlight-card .bw-card-sleeve img{height:108px!important}
  #dashboardView .home-1c-mini-panel.bw-tool-row{min-height:92px!important;padding:10px!important}
}

@media(max-width:390px){
  #dashboardView .bw24-scan-hero{grid-template-columns:60% 40%!important}
  #dashboardView .home-completion-list.bw-set-list{gap:5px!important}
  #dashboardView .home-completion-row.bw-set-strip{min-height:128px!important;padding:6px!important}
  #dashboardView .home-completion-logo.bw-set-logo{height:58px!important;min-height:58px!important}
  #dashboardView .home-completion-logo.bw-set-logo img{height:50px!important;max-height:50px!important}
}


/* =====================================================================
   3.24.2 — Target Fidelity Pass
   Real hero artwork, compact header, collapsed binder summary,
   richer utility cards, no duplicate Scan CTA, fixed recent strip.
   ===================================================================== */

/* Header: move toward the approved reference without losing menu access. */
body:has(#dashboardView.active) .topbar{
  min-height:64px!important;
  height:64px!important;
  padding:7px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
}
body:has(#dashboardView.active) .mobile-menu{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:10px!important;
  font-size:20px!important;
}
body:has(#dashboardView.active) .topbar-title{
  justify-content:flex-start!important;
}
body:has(#dashboardView.active) .topbar-brand-logo{
  width:min(170px,45vw)!important;
  max-height:36px!important;
  object-position:left center!important;
}
body:has(#dashboardView.active) .topbar-actions{
  display:flex!important;
  width:auto!important;
  min-width:0!important;
  gap:7px!important;
  align-items:center!important;
}
body:has(#dashboardView.active) .topbar-actions>*{
  display:none!important;
}
body:has(#dashboardView.active) .topbar-actions .bw24-header-icon,
body:has(#dashboardView.active) .topbar-actions .bw24-account-avatar{
  display:grid!important;
}
.bw24-header-icon,
.bw24-account-avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(224,200,151,.15)!important;
  border-radius:50%!important;
  background:#171c1a!important;
  color:#d8d3c8!important;
  box-shadow:none!important;
}
.bw24-header-icon{
  font-size:17px!important;
  color:#d4a65e!important;
}
.bw24-account-avatar{
  background:
    radial-gradient(circle at 50% 35%,rgba(240,180,90,.24),transparent 32%),
    #25231e!important;
  border-color:rgba(221,164,78,.36)!important;
}
.bw24-account-avatar span{
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  color:#f1e5d0!important;
}

/* Hero: use actual collection cards rather than blank placeholders. */
#dashboardView .bw24-hero-cards{
  perspective:520px!important;
}
#dashboardView .bw24-hero-card{
  position:absolute!important;
  width:74px!important;
  height:103px!important;
  border-radius:7px!important;
  padding:3px!important;
  overflow:hidden!important;
  border:1px solid rgba(214,176,108,.28)!important;
  background:linear-gradient(145deg,#353a36,#171c1b)!important;
  box-shadow:0 11px 20px rgba(0,0,0,.46)!important;
}
#dashboardView .bw24-hero-card img{
  display:none!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:4px!important;
}
#dashboardView .bw24-hero-card img.has-art{
  display:block!important;
}
#dashboardView .bw24-hero-card-1{
  right:61px!important;top:10px!important;
  transform:rotate(9deg) translateZ(8px)!important;
}
#dashboardView .bw24-hero-card-2{
  right:2px!important;top:42px!important;
  transform:rotate(-7deg) translateZ(12px)!important;
}
#dashboardView .bw24-hero-card-3{
  right:66px!important;top:101px!important;
  transform:rotate(4deg)!important;
}
#dashboardView .bw24-hero-cards>i{display:none!important}

/* My Binder now behaves like a slim collection-status strip. */
#dashboardView .bw-binder-summary{
  min-height:88px!important;
  padding:11px 14px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  align-items:center!important;
}
#dashboardView .bw-binder-summary .bw-section-bar{
  display:contents!important;
}
#dashboardView .bw-concept-title{
  font-size:18px!important;
  line-height:1!important;
}
#dashboardView #binderHomeCompletion{
  justify-self:end!important;
  font-size:11px!important;
  line-height:1!important;
}
#dashboardView .binder-hero-card-meta{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:8px!important;
  align-items:end!important;
  padding-top:8px!important;
  margin-top:6px!important;
  border-top:1px solid rgba(230,216,187,.08)!important;
}
#dashboardView .binder-hero-card-meta strong{
  font-size:13px!important;
}
#dashboardView .binder-hero-card-meta span{
  font-size:10px!important;
  text-align:right!important;
}

/* Set cards: more image, less dead space. */
#dashboardView .home-completion-row.bw-set-strip{
  min-height:128px!important;
  justify-content:flex-start!important;
}
#dashboardView .home-completion-logo.bw-set-logo{
  height:62px!important;
  min-height:62px!important;
  margin-bottom:2px!important;
}
#dashboardView .home-completion-logo.bw-set-logo img{
  height:55px!important;
  max-height:55px!important;
}
#dashboardView .home-completion-copy.bw-set-body{
  margin-top:auto!important;
}

/* Utility cards: richer, denser and visually distinct. */
#dashboardView .home-1c-mini-panel.bw-tool-row{
  position:relative!important;
  min-height:112px!important;
  overflow:hidden!important;
}
#dashboardView .home-1c-mini-panel.bw-tool-row::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:14px!important;
  bottom:12px!important;
  width:54px!important;
  height:26px!important;
  opacity:.85!important;
  pointer-events:none!important;
}
#dashboardView .home-1c-trader-panel::after{
  background:
    radial-gradient(circle at 7px 13px,#d7a56b 0 6px,#3b2f25 6.5px 8px,transparent 8.5px),
    radial-gradient(circle at 20px 13px,#b78663 0 6px,#3b2f25 6.5px 8px,transparent 8.5px),
    radial-gradient(circle at 33px 13px,#d9b18d 0 6px,#3b2f25 6.5px 8px,transparent 8.5px),
    radial-gradient(circle at 46px 13px,#92715d 0 6px,#3b2f25 6.5px 8px,transparent 8.5px)!important;
}
#dashboardView .home-1c-challenge-panel::after{
  width:42px!important;
  height:42px!important;
  right:14px!important;
  bottom:10px!important;
  border:2px solid rgba(214,154,71,.55)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,#d49b49 0 4px,transparent 4.5px),
    conic-gradient(from 0deg,rgba(214,154,71,.45),rgba(214,154,71,.08),rgba(214,154,71,.45))!important;
  box-shadow:inset 0 0 0 5px rgba(214,154,71,.07)!important;
}
#dashboardView .home-1c-mini-panel .bw-tool-copy{
  padding-right:36px!important;
}
#dashboardView .home-1c-mini-panel .bw-tool-copy strong{
  font-size:13px!important;
}
#dashboardView .home-1c-mini-panel .bw-tool-copy em{
  max-width:145px!important;
  font-size:9px!important;
}

/* The hero already owns Scan. Remove the duplicate lower CTA. */
#dashboardView .home-1c-scan-cta.bw-scan-hardware{
  display:none!important;
}

/* Recently scanned: fix the left-edge clipping and strengthen the strip. */
#dashboardView>.home-recent-panel.home-legacy-dashboard-panel{
  padding:13px 10px 14px!important;
}
#dashboardView>.home-recent-panel .panel-heading{
  padding:0 4px!important;
}
#dashboardView #recentCollection.dashboard-achievement-scroll{
  padding:0 5px 3px!important;
  scroll-padding-left:5px!important;
  margin:0!important;
}
#dashboardView #recentCollection .recent-row:first-child{
  margin-left:0!important;
}
#dashboardView #recentCollection .recent-row:last-child{
  margin-right:5px!important;
}
#dashboardView #recentCollection .recent-row{
  flex-basis:101px!important;
  min-width:101px!important;
}
#dashboardView #recentCollection .recent-row img{
  width:89px!important;
  height:123px!important;
}

/* Slightly less outer whitespace so the dashboard feels like the reference. */
#dashboardView{
  padding-top:10px!important;
}
#dashboardView .bw24-scan-hero{
  margin-bottom:10px!important;
}
#dashboardView .bw-binder-summary,
#dashboardView .bw-page-module,
#dashboardView .home-1c-utility-grid.bw-home-tools{
  margin-bottom:10px!important;
}

@media(max-width:390px){
  body:has(#dashboardView.active) .topbar{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:6px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  body:has(#dashboardView.active) .mobile-menu{
    width:36px!important;height:36px!important;min-width:36px!important;
  }
  body:has(#dashboardView.active) .topbar-brand-logo{
    width:min(145px,42vw)!important;
  }
  .bw24-header-icon,.bw24-account-avatar{
    width:31px!important;height:31px!important;min-width:31px!important;
  }
  #dashboardView .bw24-hero-card{
    width:66px!important;height:92px!important;
  }
  #dashboardView .bw24-hero-card-1{right:52px!important}
  #dashboardView .bw24-hero-card-2{right:-4px!important}
  #dashboardView .bw24-hero-card-3{right:56px!important;top:96px!important}
  #dashboardView .home-1c-mini-panel.bw-tool-row{
    min-height:108px!important;
  }
}


/* =====================================================================
   3.24.3 — Mobile Proportion + Header Fidelity Pass
   ===================================================================== */

/* Reference header: menu, restrained wordmark, profile bubble at far right. */
body:has(#dashboardView.active) .topbar{
  min-height:60px!important;
  height:60px!important;
  grid-template-columns:40px minmax(0,1fr) 38px!important;
  padding:6px 12px!important;
  gap:9px!important;
}
body:has(#dashboardView.active) .mobile-menu{
  width:38px!important;height:38px!important;min-width:38px!important;
  border-radius:10px!important;font-size:19px!important;
}
body:has(#dashboardView.active) .topbar-title{min-width:0!important;overflow:hidden!important}
body:has(#dashboardView.active) .topbar-brand-logo{
  width:min(184px,50vw)!important;
  max-height:34px!important;
}
body:has(#dashboardView.active) .topbar-actions{
  width:38px!important;min-width:38px!important;justify-content:flex-end!important;
}
body:has(#dashboardView.active) .topbar-actions>*{display:none!important}
body:has(#dashboardView.active) .topbar-actions .bw24-account-avatar{
  display:grid!important;
  width:36px!important;height:36px!important;min-width:36px!important;
  border:1px solid rgba(218,165,82,.42)!important;
  background:radial-gradient(circle at 50% 32%,rgba(238,183,96,.25),transparent 34%),#24231f!important;
  box-shadow:0 2px 9px rgba(0,0,0,.28)!important;
}
body:has(#dashboardView.active) .bw24-account-avatar span{
  font-size:10px!important;color:#f3e7d3!important;
}

/* Shorter hero: preserve the real-card focal point but regain vertical space. */
#dashboardView .bw24-scan-hero{
  min-height:154px!important;
  grid-template-columns:58% 42%!important;
}
#dashboardView .bw24-hero-copy{padding:15px 4px 14px 17px!important}
#dashboardView .bw24-hero-copy h2{font-size:23px!important;line-height:.96!important;margin-bottom:10px!important}
#dashboardView .bw24-hero-copy p{font-size:11px!important;line-height:1.35!important;margin-bottom:12px!important;max-width:174px!important}
#dashboardView .bw24-primary-scan{min-width:112px!important;min-height:42px!important;font-size:14px!important}
#dashboardView .bw24-hero-card{width:58px!important;height:81px!important}
#dashboardView .bw24-hero-card-1{right:49px!important;top:8px!important}
#dashboardView .bw24-hero-card-2{right:0!important;top:34px!important}
#dashboardView .bw24-hero-card-3{right:52px!important;top:76px!important}

/* My Binder: a status strip, not another large content card. */
#dashboardView .bw-binder-summary{
  min-height:72px!important;
  padding:9px 13px!important;
  margin-bottom:9px!important;
}
#dashboardView .bw-concept-title{font-size:17px!important}
#dashboardView #binderHomeCompletion{font-size:10px!important}
#dashboardView .binder-hero-card-meta{padding-top:6px!important;margin-top:4px!important}
#dashboardView .binder-hero-card-meta strong{font-size:12px!important}
#dashboardView .binder-hero-card-meta span{font-size:9px!important}

/* Utility pair: repair the 3.24.2 clipping and keep readable copy. */
#dashboardView .home-1c-utility-grid.bw-home-tools{gap:7px!important;margin-bottom:9px!important}
#dashboardView .home-1c-mini-panel.bw-tool-row{
  min-width:0!important;
  min-height:88px!important;
  padding:9px!important;
  grid-template-columns:31px minmax(0,1fr) 14px!important;
  gap:6px!important;
  overflow:hidden!important;
}
#dashboardView .home-1c-mini-panel .bw-tool-copy{
  min-width:0!important;
  padding-right:0!important;
  overflow:visible!important;
}
#dashboardView .bw-tool-row .bw-tool-copy small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7px!important;
}
#dashboardView .bw-tool-row .bw-tool-copy strong{
  display:block!important;
  max-width:100%!important;
  font-size:10px!important;
  line-height:1.08!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
}
#dashboardView .bw-tool-row .bw-tool-copy em{display:none!important}
#dashboardView .home-1c-mini-panel.bw-tool-row::after{
  right:9px!important;bottom:8px!important;transform:scale(.76)!important;transform-origin:right bottom!important;
}
#dashboardView .bw-tool-row>b{font-size:15px!important;align-self:start!important;margin-top:5px!important}

/* Bottom dock: closer to the target phone UI and much less intrusive. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  width:calc(100% - 32px)!important;
  min-height:62px!important;
  padding:3px 8px calc(3px + env(safe-area-inset-bottom))!important;
  border-radius:17px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{
  min-height:46px!important;
  font-size:.62rem!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab>span{font-size:18px!important}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab small{font-size:8px!important;margin-top:2px!important}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  transform:translateY(-4px) scale(.76)!important;
  min-width:58px!important;min-height:58px!important;
}
#dashboardView{padding-bottom:88px!important}

@media(max-width:390px){
  body:has(#dashboardView.active) .topbar{grid-template-columns:36px minmax(0,1fr) 34px!important;padding:5px 9px!important}
  body:has(#dashboardView.active) .mobile-menu{width:34px!important;height:34px!important;min-width:34px!important}
  body:has(#dashboardView.active) .topbar-actions{width:34px!important;min-width:34px!important}
  body:has(#dashboardView.active) .topbar-actions .bw24-account-avatar{width:33px!important;height:33px!important;min-width:33px!important}
  body:has(#dashboardView.active) .topbar-brand-logo{width:min(158px,47vw)!important}
  #dashboardView .home-1c-mini-panel.bw-tool-row{padding:8px!important;grid-template-columns:29px minmax(0,1fr) 12px!important;gap:5px!important}
  #dashboardView .bw-tool-row .bw-tool-copy strong{font-size:9px!important}
}

/* =====================================================================
   3.24.4 — Home Sign-off Controls Pass
   Header controls, Challenge medallion and central Scan dock treatment.
   ===================================================================== */

/* Header: simple menu at left, brand in the centre lane, profile anchored right. */
body:has(#dashboardView.active) .topbar{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
}
body:has(#dashboardView.active) .mobile-menu{
  grid-column:1!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  font-size:0!important;
}
.bw24-menu-lines{display:grid;width:19px;height:15px;align-content:space-between}
.bw24-menu-lines i{display:block;width:19px;height:2px;border-radius:2px;background:#ded4c3;box-shadow:0 0 5px rgba(226,171,81,.12)}
body:has(#dashboardView.active) .topbar-title{
  grid-column:2!important;
  width:100%!important;
  justify-content:center!important;
  padding:0!important;
}
body:has(#dashboardView.active) .topbar-brand-logo{object-position:center center!important}
body:has(#dashboardView.active) .topbar-actions{
  grid-column:3!important;
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  width:38px!important;
  min-width:38px!important;
  justify-content:center!important;
  z-index:4!important;
}
body:has(#dashboardView.active) .topbar-actions .bw24-account-avatar{
  display:grid!important;
  width:36px!important;height:36px!important;min-width:36px!important;
  border-radius:50%!important;
}

/* Challenge Mode: proper achievement medallion rather than an abstract oval. */
#dashboardView .home-1c-challenge-panel::after{
  content:"★"!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;height:42px!important;
  right:11px!important;bottom:9px!important;
  border:1px solid rgba(239,183,87,.78)!important;
  border-radius:50%!important;
  color:#e9ad4e!important;
  font-size:18px!important;
  line-height:1!important;
  text-shadow:0 1px 5px rgba(233,173,78,.28)!important;
  background:radial-gradient(circle at 50% 42%,#4b3923 0 31%,#211d17 33% 51%,#b47a2d 53% 56%,#171817 58% 100%)!important;
  box-shadow:0 2px 9px rgba(0,0,0,.32),inset 0 0 0 2px rgba(232,172,77,.10)!important;
  opacity:1!important;
  transform:none!important;
}

/* Bottom Scan: the concept's raised gold clipped plate, with a scanner glyph. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  width:68px!important;min-width:68px!important;
  height:68px!important;min-height:68px!important;
  transform:translateY(-8px)!important;
  border:1px solid #f1bd5d!important;
  border-radius:0!important;
  clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%)!important;
  background:linear-gradient(180deg,#f5bd53 0%,#e5a235 100%)!important;
  color:#2a2116!important;
  box-shadow:none!important;
  padding:8px 5px 6px!important;
  gap:2px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{
  color:#2d2418!important;font-size:8px!important;font-weight:800!important;margin-top:1px!important;
}
.bw24-nav-scan-icon{position:relative!important;display:block!important;width:21px!important;height:18px!important;margin:0 auto!important;font-size:0!important}
.bw24-nav-scan-icon::before{
  content:"";position:absolute;inset:2px 3px;border:1.8px solid #3a2c1b;border-radius:2px;
}
.bw24-nav-scan-icon::after{
  content:"";position:absolute;left:8px;top:6px;width:5px;height:5px;border:1.6px solid #3a2c1b;border-radius:50%;
}
.bw24-nav-scan-icon i::before,.bw24-nav-scan-icon i::after{content:"";position:absolute;width:5px;height:5px;border-color:#3a2c1b;border-style:solid}
.bw24-nav-scan-icon i::before{left:0;top:0;border-width:2px 0 0 2px}
.bw24-nav-scan-icon i::after{right:0;bottom:0;border-width:0 2px 2px 0}

@media(max-width:390px){
  body:has(#dashboardView.active) .topbar{grid-template-columns:38px minmax(0,1fr) 38px!important}
  body:has(#dashboardView.active) .topbar-actions{width:34px!important;min-width:34px!important}
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important}
}

/* === 3.24.5 compact premium dock === */
/* Centre the brand independently of the left/right controls. */
body:has(#dashboardView.active) .topbar{position:relative!important}
body:has(#dashboardView.active) .topbar .topbar-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;max-width:58vw!important;margin:0!important}
body:has(#dashboardView.active) .topbar-brand-logo{margin:0 auto!important}

/* Smaller shell, larger useful content: the dock runs through the vertical centre of Scan. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  width:calc(100% - 34px)!important;
  min-height:54px!important;
  padding:2px 7px calc(2px + env(safe-area-inset-bottom))!important;
  border-radius:15px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{
  min-height:42px!important;
  padding:2px 3px!important;
  gap:1px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab>span{font-size:20px!important}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab small{font-size:9px!important;font-weight:700!important;margin-top:1px!important}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  width:60px!important;min-width:60px!important;
  height:60px!important;min-height:60px!important;
  transform:none!important;
  margin:-3px 0!important;
  padding:6px 4px 4px!important;
  gap:1px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{font-size:9px!important;margin-top:0!important}

/* Premium scanner/camera glyph retained from the approved visual. */
.bw24-nav-scan-icon{width:27px!important;height:23px!important}
.bw24-nav-scan-icon::before{
  inset:5px 4px 2px!important;
  border:2px solid #332617!important;
  border-radius:3px!important;
}
.bw24-nav-scan-icon::after{
  left:10px!important;top:9px!important;width:7px!important;height:7px!important;
  border:2px solid #332617!important;
  background:radial-gradient(circle,#e5a235 0 27%,transparent 30%)!important;
}
.bw24-nav-scan-icon i::before,.bw24-nav-scan-icon i::after{width:6px!important;height:6px!important;border-color:#332617!important}
.bw24-nav-scan-icon i::before{border-width:2px 0 0 2px!important}
.bw24-nav-scan-icon i::after{border-width:0 2px 2px 0!important}
/* small camera prism on top */
.bw24-nav-scan-icon i{position:absolute!important;left:9px!important;top:2px!important;width:9px!important;height:5px!important;border:2px solid #332617!important;border-bottom:0!important;border-radius:2px 2px 0 0!important}

#dashboardView{padding-bottom:78px!important}
@media(max-width:390px){
  body:has(#dashboardView.active) .mobile-bottom-nav{width:calc(100% - 24px)!important}
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important}
}

/* === 3.24.6 target sign-off chrome === */
/* Keep the account control comfortably inside the viewport. */
body:has(#dashboardView.active) .topbar-actions{
  right:8px!important;
  width:34px!important;
  min-width:34px!important;
}
body:has(#dashboardView.active) .topbar-actions .bw24-account-avatar{
  width:34px!important;height:34px!important;min-width:34px!important;
}
/* Brand stays optically centred in the viewport, independent of controls. */
body:has(#dashboardView.active) .topbar .topbar-brand{
  left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;
  max-width:55vw!important;
}
/* Target dock: shallow rail through the centre of the raised Scan plate. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  width:calc(100% - 40px)!important;
  min-height:48px!important;
  padding:0 6px calc(env(safe-area-inset-bottom))!important;
  border-radius:14px!important;
  align-items:center!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{
  min-height:40px!important;
  padding:1px 2px!important;
  gap:0!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab>span{font-size:21px!important;line-height:1!important}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab small{font-size:9.5px!important;line-height:1.05!important;margin-top:2px!important}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  width:56px!important;min-width:56px!important;
  height:56px!important;min-height:56px!important;
  margin:-4px 0!important;
  padding:5px 3px 3px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{font-size:9.5px!important;margin-top:1px!important}
/* Approved premium camera-in-focus-frame glyph: clean camera body, lens and four focus corners. */
.bw24-nav-scan-icon{width:29px!important;height:25px!important}
.bw24-nav-scan-icon::before{
  inset:6px 5px 2px!important;
  border:2.2px solid #332617!important;
  border-radius:3px!important;
}
.bw24-nav-scan-icon::after{
  left:10px!important;top:10px!important;width:7px!important;height:7px!important;
  border:2.2px solid #332617!important;background:transparent!important;
}
.bw24-nav-scan-icon i{
  left:10px!important;top:3px!important;width:9px!important;height:5px!important;
  border:2.2px solid #332617!important;border-bottom:0!important;border-radius:2px 2px 0 0!important;
}
.bw24-nav-scan-icon i::before,.bw24-nav-scan-icon i::after{
  width:7px!important;height:7px!important;border-color:#332617!important;
}
.bw24-nav-scan-icon i::before{left:-10px!important;top:-3px!important;border-width:2.2px 0 0 2.2px!important}
.bw24-nav-scan-icon i::after{right:-10px!important;bottom:-16px!important;border-width:0 2.2px 2.2px 0!important}
#dashboardView{padding-bottom:72px!important}
@media(max-width:390px){
  body:has(#dashboardView.active) .topbar-actions{right:6px!important}
  body:has(#dashboardView.active) .mobile-bottom-nav{width:calc(100% - 30px)!important}
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{width:54px!important;min-width:54px!important;height:54px!important;min-height:54px!important}
}

/* === 3.24.7 home sign-off graphics + bottom-gap close === */
/* Clean premium hamburger: one SVG, three balanced strokes. */
.bw24-menu-lines{display:grid!important;place-items:center!important;width:24px!important;height:24px!important}
.bw24-menu-lines i{display:none!important}
.bw24-menu-lines svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:#ded4c3!important;stroke-width:2.2!important;stroke-linecap:round!important}

/* Challenge Mode: single achievement medal, no overlapping orbit/ring effect. */
#dashboardView .home-1c-challenge-panel::after{
  content:"★"!important;width:40px!important;height:40px!important;right:12px!important;bottom:10px!important;
  border:1.5px solid #d89a47!important;border-radius:50%!important;color:#efb757!important;font-size:16px!important;
  background:radial-gradient(circle at 50% 42%,rgba(216,154,71,.20) 0 42%,rgba(13,17,17,.98) 44% 100%)!important;
  box-shadow:inset 0 0 0 3px rgba(216,154,71,.08),0 3px 10px rgba(0,0,0,.28)!important;
  text-shadow:none!important;transform:none!important;opacity:1!important;
}

/* Approved premium scan mark: single camera inside four focus corners. */
.bw24-nav-scan-icon{display:grid!important;place-items:center!important;width:31px!important;height:28px!important;margin:0 auto!important}
.bw24-nav-scan-icon::before,.bw24-nav-scan-icon::after,.bw24-nav-scan-icon i{display:none!important;content:none!important}
.bw24-nav-scan-icon svg{display:block!important;width:31px!important;height:28px!important;fill:none!important;stroke:#332617!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.bw24-nav-scan-icon svg .camera{stroke-width:2.05!important}
.bw24-nav-scan-icon svg circle{stroke-width:2.05!important}

/* Sit the dock against the app viewport instead of leaving a dark strip beneath it. */
body:has(#dashboardView.active) .mobile-bottom-nav{bottom:0!important}
#dashboardView{padding-bottom:64px!important}
@media(max-width:390px){#dashboardView{padding-bottom:62px!important}}


/* =====================================================================
   3.24.8 — Final scan centering / balance pass
   Scope: header logo optical centering + bottom Scan hex/icon/text balance.
   ===================================================================== */

/* True optical centering of BinderWorth lockup between screen edges,
   independent of hamburger/profile widths. */
body:has(#dashboardView.active) .topbar{
  position:relative!important;
}
body:has(#dashboardView.active) .topbar-title{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  max-width:52vw!important;
  margin:0!important;
  padding:0!important;
  justify-content:center!important;
  pointer-events:none!important;
  z-index:1!important;
}
body:has(#dashboardView.active) .topbar-brand-logo{
  display:block!important;
  width:auto!important;
  max-width:min(190px,52vw)!important;
  max-height:38px!important;
  margin:0 auto!important;
  object-position:center center!important;
}
body:has(#dashboardView.active) .mobile-menu,
body:has(#dashboardView.active) .topbar-actions{
  position:relative!important;
  z-index:2!important;
}

/* Bottom nav: final compact proportions. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  height:66px!important;
  min-height:66px!important;
  padding:2px 8px 2px!important;
  align-items:center!important;
}

/* Outer four tabs: reduce dead space without shrinking useful content. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]){
  min-height:54px!important;
  padding:2px 3px!important;
  gap:2px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) .mobile-tab-icon{
  font-size:22px!important;
  line-height:1!important;
  transform:scale(1.04)!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) span:last-child{
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
}

/* Scan hex: keep modest footprint but make icon/text fill it properly. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  width:82px!important;
  min-width:82px!important;
  height:82px!important;
  min-height:82px!important;
  padding:7px 6px 6px!important;
  transform:translateY(-8px)!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  place-items:center!important;
  gap:1px!important;
  overflow:visible!important;
}

/* Center the scan symbol as a single visual unit in the hex. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] .mobile-tab-icon{
  position:relative!important;
  width:44px!important;
  height:40px!important;
  margin:0!important;
  display:block!important;
  font-size:0!important;
  line-height:0!important;
  transform:none!important;
}

/* Premium focus corners. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] .mobile-tab-icon::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(#3a2a17,#3a2a17) left top/12px 3px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) left top/3px 12px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) right top/12px 3px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) right top/3px 12px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) left bottom/12px 3px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) left bottom/3px 12px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) right bottom/12px 3px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) right bottom/3px 12px no-repeat!important;
  border-radius:3px!important;
}

/* Camera body/lens, precisely centred within focus frame. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] .mobile-tab-icon::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:24px!important;
  height:18px!important;
  transform:translate(-50%,-46%)!important;
  border:3px solid #3a2a17!important;
  border-radius:4px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 50% 52%, transparent 0 4px, #3a2a17 4.5px 6.5px, transparent 7px)!important;
  box-shadow:0 -6px 0 -3px #3a2a17!important;
}

/* Make Scan label more intentional / premium. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] span:last-child{
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  color:#17110a!important;
  margin-top:1px!important;
}

/* Close the visual gap beneath dock. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  bottom:2px!important;
}

@media(max-width:390px){
  body:has(#dashboardView.active) .topbar-title{
    max-width:48vw!important;
  }
  body:has(#dashboardView.active) .topbar-brand-logo{
    max-width:min(170px,48vw)!important;
    max-height:34px!important;
  }
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
    width:78px!important;
    min-width:78px!important;
    height:78px!important;
    min-height:78px!important;
  }
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] .mobile-tab-icon{
    width:42px!important;
    height:38px!important;
  }
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] span:last-child{
    font-size:14px!important;
  }
}


/* =====================================================================
   3.24.9 — Header + Dock Sign-off Pass
   Goal: restore centred wordmark, shrink dock + hex, cut padding,
   keep enlarged premium Scan icon/text.
   ===================================================================== */

/* HEADER -------------------------------------------------------------- */

/* Keep the physical controls at the edges, but centre the brand to viewport. */
body:has(#dashboardView.active) .topbar{
  position:relative!important;
  min-height:62px!important;
  height:62px!important;
  padding:6px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

/* Force the actual brand element back into view and centre it independently. */
body:has(#dashboardView.active) .topbar-title{
  display:flex!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  z-index:1!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}

body:has(#dashboardView.active) .topbar-title > *{
  visibility:visible!important;
  opacity:1!important;
}

body:has(#dashboardView.active) .topbar-brand-logo{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:190px!important;
  max-width:46vw!important;
  height:auto!important;
  max-height:38px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
}

body:has(#dashboardView.active) .mobile-menu{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  z-index:2!important;
}

body:has(#dashboardView.active) .topbar-actions{
  margin-left:auto!important;
  width:auto!important;
  min-width:42px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  z-index:2!important;
}

body:has(#dashboardView.active) .bw24-account-avatar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
}

/* DOCK ---------------------------------------------------------------- */

/* Make the rail genuinely slim. The hex should overlap it, not live inside it. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  width:calc(100% - 34px)!important;
  max-width:610px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 8px!important;
  bottom:0!important;
  border-radius:17px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:center!important;
  overflow:visible!important;
}

/* Outer four items: almost no dead space. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]){
  min-height:48px!important;
  height:48px!important;
  padding:1px 2px!important;
  margin:0!important;
  gap:1px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) .mobile-tab-icon{
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
  transform:none!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) span:last-child{
  font-size:11px!important;
  line-height:1!important;
  margin:2px 0 0!important;
  font-weight:700!important;
}

/* Slightly smaller hex, but keep icon + Scan label visually strong. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  width:72px!important;
  min-width:72px!important;
  height:72px!important;
  min-height:72px!important;
  padding:5px 4px 5px!important;
  margin:0 auto!important;
  transform:translateY(-9px)!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  place-items:center!important;
  gap:0!important;
  overflow:visible!important;
}

/* Larger premium scan icon within smaller hex. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] .mobile-tab-icon{
  position:relative!important;
  width:42px!important;
  height:37px!important;
  margin:0!important;
  display:block!important;
  font-size:0!important;
  line-height:0!important;
}

/* Focus frame */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] .mobile-tab-icon::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(#3a2a17,#3a2a17) left top/11px 3px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) left top/3px 11px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) right top/11px 3px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) right top/3px 11px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) left bottom/11px 3px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) left bottom/3px 11px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) right bottom/11px 3px no-repeat,
    linear-gradient(#3a2a17,#3a2a17) right bottom/3px 11px no-repeat!important;
}

/* Camera body centred exactly within focus corners */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] .mobile-tab-icon::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:25px!important;
  height:18px!important;
  transform:translate(-50%,-48%)!important;
  border:3px solid #3a2a17!important;
  border-radius:4px!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 50% 52%, transparent 0 4px, #3a2a17 4.5px 6.5px, transparent 7px)!important;
  box-shadow:0 -6px 0 -3px #3a2a17!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] span:last-child{
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  color:#17110a!important;
  margin:0!important;
}

/* Pull page content closer to the dock so there is no visual void. */
body:has(#dashboardView.active) #dashboardView{
  padding-bottom:70px!important;
}

@media(max-width:390px){
  body:has(#dashboardView.active) .topbar-brand-logo{
    width:170px!important;
    max-width:44vw!important;
    max-height:34px!important;
  }

  body:has(#dashboardView.active) .mobile-bottom-nav{
    width:calc(100% - 24px)!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 6px!important;
  }

  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
    width:68px!important;
    min-width:68px!important;
    height:68px!important;
    min-height:68px!important;
    transform:translateY(-8px)!important;
  }

  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] .mobile-tab-icon{
    width:40px!important;
    height:35px!important;
  }

  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] span:last-child{
    font-size:14px!important;
  }
}


/* =====================================================================
   3.24.10 — Control Polish / Sign-off Fix
   Fixes only: profile circle geometry, Challenge medallion,
   bottom-nav label centering.
   ===================================================================== */

/* PROFILE: lock it back to a true circle and stop flex/grid distortion. */
body:has(#dashboardView.active) .topbar-actions{
  min-width:38px!important;
  width:38px!important;
  flex:0 0 38px!important;
  overflow:visible!important;
}

body:has(#dashboardView.active) .bw24-account-avatar{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  flex:0 0 38px!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  transform:none!important;
  overflow:hidden!important;
  line-height:1!important;
}

body:has(#dashboardView.active) .bw24-account-avatar span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
}

/* CHALLENGE: remove all legacy pseudo-art and use the real SVG medal. */
#dashboardView .home-1c-challenge-panel::after{
  content:none!important;
  display:none!important;
}

#dashboardView .home-1c-challenge-panel{
  position:relative!important;
}

#dashboardView .bw24-challenge-medal{
  position:absolute!important;
  right:13px!important;
  bottom:10px!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
  opacity:1!important;
  transform:none!important;
}

#dashboardView .bw24-challenge-medal svg{
  display:block!important;
  width:42px!important;
  height:42px!important;
  overflow:visible!important;
}

#dashboardView .bw24-challenge-medal .medal-ring{
  fill:rgba(216,154,71,.08)!important;
  stroke:#d89a47!important;
  stroke-width:1.8!important;
}

#dashboardView .bw24-challenge-medal .medal-laurel{
  fill:none!important;
  stroke:#d89a47!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

#dashboardView .bw24-challenge-medal .medal-star{
  fill:#efb757!important;
  stroke:#efb757!important;
  stroke-width:.6!important;
}

/* BOTTOM NAV: the labels are <small>, so centre those explicitly. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{
  text-align:center!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:2px 0 0!important;
  padding:0!important;
  text-align:center!important;
  justify-self:center!important;
  align-self:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  transform:none!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) small{
  font-size:11px!important;
  font-weight:700!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{
  font-size:15px!important;
  font-weight:900!important;
  color:#17110a!important;
  margin-top:1px!important;
}

/* Centre icon and label as a single vertical unit in all five tabs. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]){
  display:grid!important;
  grid-template-rows:auto auto!important;
  place-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  row-gap:2px!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  justify-items:center!important;
  align-items:center!important;
}

@media(max-width:390px){
  body:has(#dashboardView.active) .topbar-actions{
    min-width:36px!important;
    width:36px!important;
    flex-basis:36px!important;
  }
  body:has(#dashboardView.active) .bw24-account-avatar{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    flex-basis:36px!important;
  }
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{
    font-size:14px!important;
  }
}


/* =====================================================================
   3.24.14 — Authoritative Mobile Chrome Cleanup
   Replaces accumulated 3.24.11–3.24.13 overrides for:
   hamburger, collector-tool pair, hero Scan icon, and bottom navigation.
   ===================================================================== */

/* ---------- HERO SCAN: canonical camera/focus icon ---------- */
#dashboardView .bw24-primary-scan{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
#dashboardView .bw24-top-scan-icon{
  width:28px!important;
  height:25px!important;
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
}
#dashboardView .bw24-top-scan-icon svg{
  width:28px!important;
  height:25px!important;
  display:block!important;
  fill:none!important;
  stroke:#332617!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#dashboardView .bw24-top-scan-label{
  display:block!important;
  line-height:1!important;
}

/* ---------- COLLECTOR TOOLS: matched premium pair ---------- */
#dashboardView .bw-home-tools{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

#dashboardView .bw-home-tools .bw-tool-row{
  position:relative!important;
  min-width:0!important;
  min-height:100px!important;
  padding:13px 14px 14px!important;
  display:block!important;
  overflow:hidden!important;
  text-align:left!important;
}

#dashboardView .bw-home-tools .bw-tool-icon{
  display:none!important;
}

#dashboardView .bw-home-tools .bw-tool-copy{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  padding:0 34px 0 0!important;
  margin:0!important;
}

#dashboardView .bw-home-tools .bw-tool-copy small{
  display:block!important;
  width:100%!important;
  margin:0 0 5px!important;
  color:#d7a55b!important;
  font-size:8.5px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

#dashboardView .bw-home-tools .bw-tool-copy strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.08!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

#dashboardView .bw-home-tools .bw-tool-copy em{
  display:none!important;
}

#dashboardView .bw-home-tools .bw-tool-row>b{
  position:absolute!important;
  top:14px!important;
  right:12px!important;
  margin:0!important;
  color:#e5aa4e!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:700!important;
}

/* Nearby Traders gets a quiet 3-collector cluster only. */
#dashboardView .home-1c-trader-panel::before{
  content:none!important;
  display:none!important;
}
#dashboardView .home-1c-trader-panel::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:15px!important;
  bottom:13px!important;
  width:48px!important;
  height:22px!important;
  border:0!important;
  box-shadow:none!important;
  opacity:.88!important;
  background:
    radial-gradient(circle at 8px 11px,#d9a35e 0 6px,#68513b 6.5px 8px,transparent 8.5px),
    radial-gradient(circle at 24px 11px,#c79a74 0 6px,#68513b 6.5px 8px,transparent 8.5px),
    radial-gradient(circle at 40px 11px,#b7a18f 0 6px,#68513b 6.5px 8px,transparent 8.5px)!important;
}

/* Challenge uses only the real medal. No pseudo artwork, no flag. */
#dashboardView .home-1c-challenge-panel::before,
#dashboardView .home-1c-challenge-panel::after,
#dashboardView .home-1c-challenge-panel.bw-tool-row::before,
#dashboardView .home-1c-challenge-panel.bw-tool-row::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

#dashboardView .bw24-challenge-medal{
  position:absolute!important;
  right:13px!important;
  bottom:10px!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  opacity:.96!important;
  transform:none!important;
  pointer-events:none!important;
}

#dashboardView .bw24-challenge-medal svg{
  display:block!important;
  width:46px!important;
  height:46px!important;
}


/* =====================================================================
   3.24.19 — HOME SHELL SIGN-OFF
   Locked target: generated Collector Premium reference.
   Scope: sidebar brand, hamburger, bottom navigation only.
   ===================================================================== */

/* SIDEBAR BRAND ------------------------------------------------------- */
.sidebar .bw24-sidebar-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px 16px 18px!important;
  min-height:104px!important;
}
.sidebar .bw24-sidebar-brand img{
  display:block!important;
  width:min(190px,88%)!important;
  max-width:190px!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
}

/* HAMBURGER ----------------------------------------------------------- */
body:has(#dashboardView.active) .mobile-menu{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  z-index:3!important;
}
body:has(#dashboardView.active) .bw24-menu-lines{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
body:has(#dashboardView.active) .bw24-menu-lines::before,
body:has(#dashboardView.active) .bw24-menu-lines::after{
  content:none!important;
  display:none!important;
}
body:has(#dashboardView.active) .bw24-menu-lines svg{
  display:block!important;
  width:28px!important;
  height:24px!important;
  margin:0!important;
  overflow:visible!important;
  transform:none!important;
}
body:has(#dashboardView.active) .bw24-menu-lines path{
  fill:none!important;
  stroke:#eadbc0!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}

/* BOTTOM NAV ---------------------------------------------------------- */
/* Five permanent columns. Scan always owns column 3. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  position:fixed!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:10px!important;
  width:calc(100% - 28px)!important;
  max-width:610px!important;
  height:64px!important;
  min-height:64px!important;
  padding:0 8px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  border-radius:20px!important;
  overflow:visible!important;
}

/* Every tab stays in normal grid flow. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  margin:0!important;
  padding:0 2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
  transform:none!important;
  overflow:visible!important;
}

/* Outer four icons */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"])>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:25px!important;
  height:25px!important;
  margin:0!important;
  padding:0!important;
  font-size:22px!important;
  line-height:25px!important;
  transform:none!important;
}

/* All labels use a real, visible baseline inside the rail. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:none!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) small{
  font-size:11.5px!important;
  line-height:14px!important;
  font-weight:750!important;
}

/* Scan remains column 3, but visually rises above the rail. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  grid-column:3!important;
  width:82px!important;
  min-width:82px!important;
  height:82px!important;
  min-height:82px!important;
  justify-self:center!important;
  margin:0!important;
  padding:7px 5px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  transform:translateY(-9px)!important;
  z-index:3!important;
}

/* Premium camera mark */
body:has(#dashboardView.active) .mobile-bottom-nav .bw24-nav-scan-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:43px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .bw24-nav-scan-icon svg{
  display:block!important;
  width:43px!important;
  height:38px!important;
  margin:0!important;
  fill:none!important;
  stroke:#332617!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Scan text has enough room and is never clipped. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{
  font-size:14px!important;
  line-height:16px!important;
  font-weight:900!important;
  color:#17110a!important;
}

/* Fixed dock reserve */
#dashboardView{
  padding-bottom:92px!important;
}

@media(max-width:390px){
  body:has(#dashboardView.active) .mobile-menu{
    left:12px!important;
  }
  #dashboardView .bw-home-tools{
    gap:8px!important;
  }
  #dashboardView .bw-home-tools .bw-tool-row{
    padding:12px 12px 13px!important;
    min-height:96px!important;
  }
  #dashboardView .bw-home-tools .bw-tool-copy small{
    font-size:8px!important;
  }
  #dashboardView .bw-home-tools .bw-tool-copy strong{
    font-size:13px!important;
  }
  body:has(#dashboardView.active) .mobile-bottom-nav{
    width:calc(100% - 20px)!important;
    padding:0 5px!important;
  }
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
    width:78px!important;
    min-width:78px!important;
    height:78px!important;
    min-height:78px!important;
  }
}

/* =====================================================================
   3.24.20 — FINAL MOCKUP FIDELITY OVERRIDES
   Scope: hamburger, sidebar top spacing/artifact, bottom navigation only.
   ===================================================================== */

/* Kill every legacy hamburger layer: the SVG is the only visible mark. */
body:has(#dashboardView.active) .mobile-menu::before,
body:has(#dashboardView.active) .mobile-menu::after{
  content:none!important;
  display:none!important;
  box-shadow:none!important;
  background:none!important;
}
body:has(#dashboardView.active) .mobile-menu{
  overflow:hidden!important;
}
body:has(#dashboardView.active) .mobile-menu > :not(.bw24-menu-lines){display:none!important}

/* Remove the old decorative sidebar pin/dot and lift the brand/menu. */
.sidebar::before,.sidebar::after{content:none!important;display:none!important}
.sidebar .bw24-sidebar-brand{
  min-height:82px!important;
  padding:10px 16px 12px!important;
  margin:0!important;
}
.sidebar .bw24-sidebar-brand img{
  width:min(205px,90%)!important;
  max-width:205px!important;
  max-height:62px!important;
}
.sidebar .nav-list{margin-top:0!important;padding-top:0!important}

/* Mock-up dock: slim rail, five equal centres, modest scan overhang. */
body:has(#dashboardView.active) .mobile-bottom-nav{
  bottom:8px!important;
  width:calc(100% - 28px)!important;
  max-width:610px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 7px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  border-radius:19px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  padding:0!important;
  gap:1px!important;
  justify-content:center!important;
  transform:none!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"])>span{
  width:24px!important;height:24px!important;font-size:21px!important;line-height:24px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) small{
  font-size:11px!important;line-height:13px!important;font-weight:750!important;margin:0!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  grid-column:3!important;
  width:72px!important;min-width:72px!important;
  height:72px!important;min-height:72px!important;
  padding:5px 4px 4px!important;
  gap:1px!important;
  transform:translateY(-7px)!important;
  justify-self:center!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .bw24-nav-scan-icon{
  width:38px!important;height:34px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .bw24-nav-scan-icon svg{
  width:38px!important;height:34px!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{
  font-size:12.5px!important;line-height:14px!important;font-weight:900!important;margin:0!important;
}
#dashboardView{padding-bottom:82px!important}

@media(max-width:390px){
  body:has(#dashboardView.active) .mobile-bottom-nav{width:calc(100% - 20px)!important;padding:0 5px!important}
  body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
    width:68px!important;min-width:68px!important;height:68px!important;min-height:68px!important;
  }
  body:has(#dashboardView.active) .mobile-bottom-nav .bw24-nav-scan-icon,
  body:has(#dashboardView.active) .mobile-bottom-nav .bw24-nav-scan-icon svg{width:36px!important;height:32px!important}
}


/* =====================================================================
   3.24.21 — Sidebar + Bottom Label Polish
   Scope is deliberately narrow:
   - hamburger is LOCKED and untouched
   - sidebar vertical density
   - bottom-nav label baseline only
   ===================================================================== */

.sidebar{
  padding-top:0!important;
}

.sidebar .bw24-sidebar-brand{
  min-height:70px!important;
  padding:8px 16px 8px!important;
  margin:0!important;
}

.sidebar .bw24-sidebar-brand img{
  width:min(190px,88%)!important;
  max-width:190px!important;
  max-height:54px!important;
}

.sidebar .nav-list{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  margin:0!important;
  padding:4px 12px 0!important;
}

.sidebar .nav-list .nav-item,
.sidebar > .nav-item{
  min-height:46px!important;
  padding:7px 14px!important;
  margin:0!important;
  line-height:1.05!important;
}

.sidebar .nav-list .nav-item > span[aria-hidden="true"],
.sidebar > .nav-item > span[aria-hidden="true"]{
  margin-right:10px!important;
}

.sidebar .nav-list .nav-item.active{
  min-height:48px!important;
}

.sidebar .sidebar-spacer{
  display:none!important;
  height:0!important;
  min-height:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
}

.sidebar > .account-menu-item{
  margin-top:6px!important;
}

.sidebar .account-menu-copy{
  line-height:1.05!important;
}

.sidebar .account-menu-copy small{
  margin-top:2px!important;
}

.sidebar .privacy-note{
  margin:6px 12px 8px!important;
  padding:8px 10px!important;
  font-size:10px!important;
  line-height:1.25!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) small{
  position:relative!important;
  transform:translateY(-2px)!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{
  position:relative!important;
  transform:translateY(-2px)!important;
}

@media(max-width:390px){
  .sidebar .bw24-sidebar-brand{
    min-height:66px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  .sidebar .nav-list .nav-item,
  .sidebar > .nav-item{
    min-height:44px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}

/* =====================================================================
   3.24.24 — Bottom Dock Black-Padding Reduction
   ONLY tightens the black rail around the existing controls.
   Scan hex/icon/text geometry is intentionally untouched.
   Hamburger/header/sidebar/home content are intentionally untouched.
   ===================================================================== */
body:has(#dashboardView.active) .mobile-bottom-nav{
  height:46px!important;
  min-height:46px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]){
  height:44px!important;
  min-height:44px!important;
}


/* =====================================================================
   3.24.25 — Bottom Nav Inner Alignment
   Keep current rail + Scan hex geometry.
   Move only the four outer icon/label groups upward as one unit.
   ===================================================================== */

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]){
  transform:translateY(-4px)!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"])>span{
  margin-bottom:0!important;
}

body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) small{
  margin-top:0!important;
  transform:none!important;
}

/* Scan stays exactly as in 3.24.24. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"]{
  transform:translateY(-7px)!important;
}


/* =====================================================================
   3.24.26 — Bottom Nav Label Baseline
   TEXT ONLY. No icon, dock, hex, hamburger, header or sidebar changes.
   ===================================================================== */

/* Lift only the four outer labels; their icons stay exactly where 3.24.25 put them. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab:not([data-view="scan"]) small{
  transform:translateY(-4px)!important;
}

/* Lift only the Scan label slightly inside the existing hex. */
body:has(#dashboardView.active) .mobile-bottom-nav .mobile-tab[data-view="scan"] small{
  transform:translateY(-4px)!important;
}


/* =====================================================================
   3.24.27 — LOCKED GLOBAL MOBILE BOTTOM NAV
   Approved 3.24.26 Home geometry, now enforced on every page/view that
   renders .mobile-bottom-nav. Do not alter without an explicit redesign.
   ===================================================================== */

.mobile-bottom-nav{
  height:46px!important;
  min-height:46px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.mobile-bottom-nav .mobile-tab:not([data-view="scan"]){
  transform:translateY(-4px)!important;
}

.mobile-bottom-nav .mobile-tab:not([data-view="scan"])>span{
  margin-bottom:0!important;
}

.mobile-bottom-nav .mobile-tab:not([data-view="scan"]) small{
  margin-top:0!important;
  transform:translateY(-4px)!important;
}

.mobile-bottom-nav .mobile-tab[data-view="scan"]{
  transform:translateY(-7px)!important;
}

.mobile-bottom-nav .mobile-tab[data-view="scan"] small{
  position:relative!important;
  transform:translateY(-4px)!important;
}

/* ================================================================
   BinderWorth 3.25.0 — Missing & Sets / Completion Workspace
   Collector Premium product pass. Bottom nav + hamburger untouched.
   ================================================================ */
#setsView{max-width:1180px;margin:0 auto;padding-bottom:120px}
#setsView .sets-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;padding:28px 30px!important;border:1px solid rgba(209,160,73,.34)!important;border-left:3px solid #d9a13f!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(31,38,34,.98),rgba(14,20,18,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.18)!important}
#setsView .sets-hero:after{content:"";position:absolute;right:-65px;top:-90px;width:260px;height:260px;border:1px solid rgba(216,162,65,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(216,162,65,.025),0 0 0 58px rgba(79,190,180,.018);pointer-events:none}
#setsView .sets-hero .eyebrow{color:#dca94f!important;letter-spacing:.15em;font-size:11px;font-weight:800;margin:0 0 8px}
#setsView .sets-hero h2{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(32px,5vw,48px)!important;line-height:.98!important;color:#f1eee5!important;margin:0 0 10px!important;max-width:620px}
#setsView .sets-hero p:not(.eyebrow){max-width:650px;color:#aeb3af!important;font-size:15px!important;line-height:1.55!important;margin:0!important}
#setsView .sets-hero-actions{display:flex;gap:10px;position:relative;z-index:1;flex-wrap:wrap;justify-content:flex-end}
#setsView .sets-hero-actions .button{min-height:46px;border-radius:14px!important;font-weight:800!important}
#setsView .sets-hero-actions .primary{background:linear-gradient(180deg,#f7bd55,#e99b34)!important;color:#17130d!important;border-color:#f3b64e!important}
#setsView .workspace-tabs{display:flex!important;width:max-content;max-width:100%;gap:4px!important;margin:16px 0 18px!important;padding:5px!important;border-radius:15px!important;background:#0d1312!important;border:1px solid rgba(151,158,151,.18)!important;box-shadow:none!important}
#setsView .workspace-tabs button{border:0!important;background:transparent!important;color:#929995!important;padding:10px 16px!important;border-radius:11px!important;font-weight:800!important;min-height:42px}
#setsView .workspace-tabs button.active{background:#202824!important;color:#f4f0e6!important;box-shadow:inset 0 0 0 1px rgba(217,161,63,.28)!important}
#setsView .workspace-tabs button span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;margin-left:5px;padding:0 6px;border-radius:99px;background:#dca33f;color:#16120d;font-size:11px}
#setsView .set-stats-grid,#setsView .wanted-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 16px!important}
#setsView .set-stats-grid article,#setsView .wanted-summary-grid article{min-width:0;padding:16px 17px!important;border-radius:17px!important;background:linear-gradient(180deg,#19201d,#151b19)!important;border:1px solid rgba(142,151,145,.18)!important;box-shadow:none!important}
#setsView .set-stats-grid article span,#setsView .wanted-summary-grid article span{display:block;color:#8e9691!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.08em}
#setsView .set-stats-grid article strong,#setsView .wanted-summary-grid article strong{display:block;color:#f1eee7!important;font-size:24px!important;line-height:1.05;margin:8px 0 5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#setsView .set-stats-grid article small,#setsView .wanted-summary-grid article small{display:block;color:#737c77!important;font-size:11px!important;line-height:1.35}
#setsView .complete-set-focus{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px!important;margin:0 0 14px!important;border-radius:21px!important;border:1px solid rgba(81,189,177,.3)!important;border-left:3px solid #55beb2!important;background:linear-gradient(120deg,rgba(29,43,38,.98),rgba(18,25,23,.98))!important}
#setsView .complete-set-focus.hidden{display:none!important}
#setsView .set-focus-logo{width:82px;height:70px;border-radius:15px;background:#202824;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid rgba(255,255,255,.05)}
#setsView .set-focus-logo img{max-width:100%;max-height:100%;object-fit:contain}
#setsView .complete-set-focus-copy h3{font-family:Georgia,"Times New Roman",serif!important;color:#f0eee6!important;font-size:26px!important;margin:2px 0 4px!important}
#setsView .complete-set-focus-copy>p:not(.eyebrow){color:#919a95!important;margin:0 0 10px!important;font-size:13px!important}
#setsView .complete-set-focus .eyebrow{color:#55beb2!important;font-size:10px!important;letter-spacing:.13em;font-weight:900}
#setsView .set-progress-track{height:7px!important;border-radius:99px!important;background:#2a312e!important;overflow:hidden}
#setsView .set-progress-track i{display:block;height:100%;border-radius:inherit;background:#55beb2!important}
#setsView .complete-set-focus-stats,#setsView .completion-intel-meta{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#89918d;font-size:11px}
#setsView .complete-set-focus-stats strong{color:#55beb2}
#setsView .sets-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:10px!important;padding:10px!important;margin:0 0 10px!important;background:#111715!important;border:1px solid rgba(142,151,145,.16)!important;border-radius:17px!important;box-shadow:none!important}
#setsView .filter-field{min-height:44px!important;border-radius:12px!important;background:#1a211e!important;border:1px solid rgba(255,255,255,.06)!important}
#setsView .filter-field input,#setsView .sets-toolbar select{min-height:44px!important;background:#1a211e!important;color:#e9e6de!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important}
#setsView .set-list{display:grid!important;gap:8px!important}
#setsView .set-row{position:relative;display:grid!important;grid-template-columns:34px 88px minmax(0,1fr) auto;gap:13px!important;align-items:center;padding:12px 13px!important;border-radius:18px!important;background:linear-gradient(180deg,#19201d,#151b19)!important;border:1px solid rgba(143,151,145,.18)!important;box-shadow:none!important;min-width:0}
#setsView .set-row:hover{border-color:rgba(217,161,63,.38)!important}
#setsView .set-row.pinned{border-left:3px solid #d9a13f!important}
#setsView .set-row.complete{border-left:3px solid #55beb2!important}
#setsView .set-pin-icon{width:34px;height:34px;border-radius:10px!important;border:0!important;background:transparent!important;color:#68716c!important;font-size:20px!important;padding:0!important}
#setsView .set-pin-icon.active{color:#e5ad4b!important}
#setsView .set-row-logo{width:88px;height:64px;border-radius:13px!important;background:#202824!important;display:flex!important;align-items:center;justify-content:center;padding:9px!important;overflow:hidden;border:1px solid rgba(255,255,255,.04)}
#setsView .set-row-logo img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
#setsView .set-row-main{min-width:0!important}
#setsView .set-row-title{display:flex!important;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:7px}
#setsView .set-row-title>div{min-width:0}
#setsView .set-row-title strong{display:block;color:#f0ede6!important;font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#setsView .set-row-title small{display:block;color:#77807b!important;font-size:10px!important;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#setsView .set-row-title>b{color:#f0ede6!important;font-size:15px!important;white-space:nowrap}
#setsView .set-row-meta{display:flex!important;justify-content:space-between!important;gap:10px;color:#858d89!important;font-size:11px!important;margin-top:6px}
#setsView .set-row-meta span:last-child{color:#c9a365!important;font-weight:700}
#setsView .set-mode-pill,#setsView .completion-intel-pill{display:inline-flex!important;align-items:center;padding:2px 6px!important;border-radius:99px!important;font-size:8px!important;font-weight:900!important;letter-spacing:.06em;background:#252d29!important;color:#9ca49f!important;border:1px solid rgba(255,255,255,.05)!important}
#setsView .completion-intel-pill{color:#d5a74f!important}
#setsView .set-row-cta{min-height:40px!important;border-radius:12px!important;padding:0 13px!important;color:#e2b158!important;border-color:rgba(217,161,63,.26)!important;background:#1a201d!important;white-space:nowrap;font-weight:800!important}
#setsView .set-list-status{color:#7f8883!important;font-size:12px!important;padding:4px 2px 10px!important}
#setsView .set-counting-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:#101614;color:#747d78;font-size:11px;line-height:1.5;border:1px solid rgba(255,255,255,.04)}
#setsView #wantedWorkspace>.panel{border-radius:20px!important;background:linear-gradient(180deg,#19201d,#151b19)!important;border:1px solid rgba(143,151,145,.18)!important;box-shadow:none!important}
@media(max-width:720px){
 #setsView{padding-left:0!important;padding-right:0!important}
 #setsView .sets-hero{grid-template-columns:1fr;padding:20px!important;border-radius:21px!important;gap:16px}
 #setsView .sets-hero h2{font-size:35px!important;max-width:330px}
 #setsView .sets-hero p:not(.eyebrow){font-size:13px!important;max-width:430px}
 #setsView .sets-hero-actions{justify-content:flex-start}
 #setsView .sets-hero-actions .button{flex:1 1 145px;padding:0 12px!important;font-size:12px!important}
 #setsView .workspace-tabs{width:100%!important}
 #setsView .workspace-tabs button{flex:1;padding:9px 10px!important}
 #setsView .set-stats-grid,#setsView .wanted-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #setsView .set-stats-grid article,#setsView .wanted-summary-grid article{padding:13px!important}
 #setsView .set-stats-grid article strong,#setsView .wanted-summary-grid article strong{font-size:20px!important}
 #setsView .complete-set-focus{grid-template-columns:66px minmax(0,1fr)!important;gap:12px!important;padding:15px!important}
 #setsView .set-focus-logo{width:66px;height:58px}
 #setsView .complete-set-focus-copy h3{font-size:21px!important}
 #setsView .complete-set-focus>.button{grid-column:1/-1;width:100%;min-height:43px}
 #setsView .sets-toolbar{grid-template-columns:1fr!important;padding:8px!important}
 #setsView .set-row{grid-template-columns:26px 70px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}
 #setsView .set-pin-icon{width:26px;height:32px;font-size:18px!important}
 #setsView .set-row-logo{width:70px;height:58px;padding:7px!important}
 #setsView .set-row-title{gap:6px}
 #setsView .set-row-title strong{font-size:14px!important}
 #setsView .set-row-title>b{font-size:12px!important}
 #setsView .set-row-meta{font-size:10px!important}
 #setsView .set-row-cta{grid-column:2/-1!important;width:100%;min-height:38px!important;margin-top:1px}
}


/* =====================================================================
   3.25.1 — Missing & Sets Mobile Polish
   Scope: #setsView only.
   LOCKED GLOBAL BOTTOM NAV IS NOT TOUCHED.
   ===================================================================== */

@media(max-width:720px){

  /* Keep the top idea, but make the page reach useful intelligence faster. */
  #setsView .sets-hero{
    padding:17px!important;
    gap:12px!important;
    margin-bottom:10px!important;
  }
  #setsView .sets-hero h2{
    font-size:31px!important;
    line-height:.98!important;
    max-width:300px!important;
    margin-bottom:10px!important;
  }
  #setsView .sets-hero p:not(.eyebrow){
    font-size:12.5px!important;
    line-height:1.55!important;
  }
  #setsView .sets-hero-actions{
    display:none!important;
  }

  #setsView .workspace-tabs{
    min-height:52px!important;
    margin-bottom:10px!important;
    padding:5px!important;
  }
  #setsView .workspace-tabs button{
    min-height:40px!important;
    padding:7px 10px!important;
  }

  /* Summary: smaller, denser, still readable. */
  #setsView .set-stats-grid,
  #setsView .wanted-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-bottom:11px!important;
  }
  #setsView .set-stats-grid article,
  #setsView .wanted-summary-grid article{
    min-height:92px!important;
    padding:11px 12px!important;
    border-radius:17px!important;
  }
  #setsView .set-stats-grid article span,
  #setsView .wanted-summary-grid article span{
    font-size:8.5px!important;
    line-height:1.1!important;
    letter-spacing:.09em!important;
  }
  #setsView .set-stats-grid article strong,
  #setsView .wanted-summary-grid article strong{
    margin-top:6px!important;
    font-size:19px!important;
    line-height:1.05!important;
  }
  #setsView .set-stats-grid article small,
  #setsView .wanted-summary-grid article small{
    margin-top:5px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }

  /* Best Next Set: logo is a real visual anchor, copy gets the room. */
  #setsView .complete-set-focus{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:13px!important;
    padding:14px!important;
    border-radius:20px!important;
    margin-bottom:11px!important;
  }
  #setsView .set-focus-logo{
    width:82px!important;
    height:70px!important;
    padding:9px!important;
    border-radius:14px!important;
    align-self:start!important;
  }
  #setsView .set-focus-logo img{
    width:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  #setsView .complete-set-focus-copy h3{
    font-size:22px!important;
    line-height:1.03!important;
    margin:2px 0 5px!important;
  }
  #setsView .complete-set-focus-copy>p:not(.eyebrow){
    font-size:11.5px!important;
    line-height:1.35!important;
    margin-bottom:8px!important;
  }
  #setsView .complete-set-focus-stats,
  #setsView .completion-intel-meta{
    gap:8px!important;
    font-size:10px!important;
    flex-wrap:wrap!important;
  }
  #setsView .complete-set-focus>.button{
    grid-column:1/-1!important;
    min-height:42px!important;
    margin-top:0!important;
  }

  /* Search/sort: compact control strip, not a second hero card. */
  #setsView .sets-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:7px!important;
    margin-bottom:7px!important;
    border-radius:15px!important;
  }
  #setsView .filter-field,
  #setsView .filter-field input,
  #setsView .sets-toolbar select{
    min-height:40px!important;
  }
  #setsView .sets-toolbar select{
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  #setsView .set-list-status{
    padding:2px 4px 8px!important;
    font-size:10.5px!important;
  }

  /* Set rows: logo -> full name/progress -> missing/action.
     Pin moves out of the content flow so it never steals mobile width. */
  #setsView .set-list{
    gap:8px!important;
  }
  #setsView .set-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    grid-template-areas:
      "logo main"
      "logo cta"!important;
    column-gap:12px!important;
    row-gap:8px!important;
    align-items:center!important;
    min-width:0!important;
    padding:12px 12px 11px!important;
    border-radius:18px!important;
  }
  #setsView .set-pin-icon{
    position:absolute!important;
    top:9px!important;
    right:9px!important;
    width:30px!important;
    height:30px!important;
    z-index:2!important;
    font-size:18px!important;
  }
  #setsView .set-row-logo{
    grid-area:logo!important;
    width:88px!important;
    height:72px!important;
    padding:8px!important;
    border-radius:13px!important;
    align-self:start!important;
  }
  #setsView .set-row-logo img{
    width:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  #setsView .set-row-main{
    grid-area:main!important;
    min-width:0!important;
    padding-right:28px!important;
  }
  #setsView .set-row-title{
    display:block!important;
    margin:0 0 7px!important;
  }
  #setsView .set-row-title>div{
    min-width:0!important;
  }
  #setsView .set-row-title strong{
    display:block!important;
    padding-right:0!important;
    font-size:15px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #setsView .set-row-title small{
    display:flex!important;
    gap:5px!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  #setsView .set-row-title>b{
    display:block!important;
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1!important;
    color:#ece8de!important;
  }
  #setsView .set-progress-track{
    height:6px!important;
  }
  #setsView .set-row-meta{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:5px!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
  #setsView .set-row-meta span:last-child{
    color:#d5a35b!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  /* CTA becomes a compact next-action link instead of a giant outlined button. */
  #setsView .set-row-cta{
    grid-area:cta!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    min-height:30px!important;
    margin:0!important;
    padding:4px 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#d9a13f!important;
    font-size:11px!important;
    font-weight:850!important;
  }

  #setsView .set-counting-note{
    margin-top:10px!important;
    padding:10px 12px!important;
    font-size:10px!important;
  }
}

@media(max-width:390px){
  #setsView .set-row{
    grid-template-columns:78px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:11px 10px!important;
  }
  #setsView .set-row-logo{
    width:78px!important;
    height:66px!important;
    padding:7px!important;
  }
  #setsView .set-row-title strong{
    font-size:14px!important;
  }
  #setsView .set-row-main{
    padding-right:26px!important;
  }
  #setsView .complete-set-focus{
    grid-template-columns:74px minmax(0,1fr)!important;
    padding:13px!important;
  }
  #setsView .set-focus-logo{
    width:74px!important;
    height:64px!important;
  }
}


/* =====================================================================
   3.27.0 — Missing Page Dead Space Fix
   Scope: #setsView/footer spacing only.
   Locked bottom nav and all set-card geometry remain untouched.
   ===================================================================== */

#setsView{
  min-height:auto!important;
  padding-bottom:18px!important;
}

#setsView .set-counting-note{
  margin-bottom:10px!important;
}

#setsView + .site-footer,
body:has(#setsView.active) .site-footer{
  margin-top:14px!important;
  padding-top:14px!important;
}

body:has(#setsView.active) main,
body:has(#setsView.active) .main-content{
  min-height:0!important;
}

/* Remove any large view-level spacer/min-height that pushes legal content down. */
body:has(#setsView.active) .view#setsView{
  min-height:0!important;
}

@media(max-width:720px){
  #setsView{
    padding-bottom:10px!important;
  }

  body:has(#setsView.active) .site-footer{
    margin-top:8px!important;
    padding-top:10px!important;
  }
}


/* =====================================================================
   3.27.0 — GLOBAL HOME HEADER LOCK
   The approved Home header is now the canonical header on every app view.
   Bottom navigation and hamburger artwork are untouched.
   ===================================================================== */

.topbar{
  position:relative!important;
  min-height:62px!important;
  height:62px!important;
  padding:6px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.topbar-title{
  display:flex!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  z-index:1!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}

.topbar-title #viewEyebrow,
.topbar-title #viewTitle{
  display:none!important;
}

.topbar-brand-logo{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:190px!important;
  max-width:46vw!important;
  height:auto!important;
  max-height:38px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
}

.topbar .mobile-menu{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  z-index:2!important;
}

/* Same Home profile bubble on every view. */
.topbar-actions{
  margin-left:auto!important;
  width:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  overflow:visible!important;
  z-index:2!important;
}

.topbar-actions > :not(.bw24-account-avatar){
  display:none!important;
}

.topbar .bw24-account-avatar{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  flex:0 0 38px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  transform:none!important;
  overflow:hidden!important;
  line-height:1!important;
}

.topbar .bw24-account-avatar span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
}

@media(max-width:390px){
  .topbar{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .topbar-brand-logo{
    width:min(158px,47vw)!important;
  }
  .topbar .mobile-menu{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
  .topbar-actions{
    width:38px!important;
    min-width:38px!important;
    flex-basis:38px!important;
  }
  .topbar .bw24-account-avatar{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    flex-basis:36px!important;
  }
}


/* =====================================================================
   3.27.0 — Set Detail / Collector Premium
   Visual/product-shell pass only. Existing set logic is retained.
   ===================================================================== */

#setModal{
  background:rgba(2,7,8,.72)!important;
  backdrop-filter:blur(10px)!important;
}

#setModal::backdrop{
  background:rgba(1,5,7,.78)!important;
  backdrop-filter:blur(8px)!important;
}

#setModal .set-modal-frame{
  position:relative!important;
  width:min(980px,calc(100vw - 28px))!important;
  max-width:980px!important;
  max-height:calc(100dvh - 24px)!important;
  margin:12px auto!important;
  padding:0 20px 26px!important;
  overflow:auto!important;
  border:1px solid rgba(209,160,73,.22)!important;
  border-radius:26px!important;
  background:
    linear-gradient(rgba(255,255,255,.012),rgba(255,255,255,.012)),
    #071012!important;
  box-shadow:0 28px 80px rgba(0,0,0,.56)!important;
}

/* Branded top rail */
#setModal .set-modal-brandbar{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  height:62px!important;
  margin:0 -20px 12px!important;
  padding:7px 18px!important;
  display:grid!important;
  grid-template-columns:42px 1fr 42px!important;
  align-items:center!important;
  background:rgba(5,13,14,.96)!important;
  border-bottom:1px solid rgba(209,160,73,.18)!important;
  backdrop-filter:blur(12px)!important;
}
#setModal .set-modal-brandbar img{
  justify-self:center!important;
  width:190px!important;
  max-width:46vw!important;
  max-height:38px!important;
  object-fit:contain!important;
}
#setModal .set-modal-brand-avatar{
  grid-column:3!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  color:#efe8da!important;
  font-size:10px!important;
  font-weight:900!important;
  border:1px solid rgba(218,161,65,.55)!important;
  background:radial-gradient(circle at 50% 35%,#3b3022,#171713 70%)!important;
}

/* Close becomes a quiet back/close control in the left header lane. */
#setModal .modal-close{
  position:sticky!important;
  top:10px!important;
  left:8px!important;
  float:left!important;
  z-index:12!important;
  width:40px!important;
  height:40px!important;
  margin-top:-64px!important;
  margin-left:-10px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#10191a!important;
  color:#ded5c6!important;
  font-size:26px!important;
  line-height:1!important;
  box-shadow:none!important;
}

/* Set identity */
#setModal .set-modal-head{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:center!important;
  padding:24px 4px 22px!important;
  margin:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
#setModal .set-logo-wrap{
  width:150px!important;
  height:112px!important;
  display:grid!important;
  place-items:center!important;
  padding:15px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#182220,#121918)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
#setModal .set-logo-wrap img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}
#setModal #setModalSeries{
  color:#dba449!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  margin:0 0 5px!important;
}
#setModal #setModalName{
  margin:0!important;
  color:#f2eee5!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:38px!important;
  line-height:1!important;
}
#setModal #setModalMeta{
  color:#929b96!important;
  margin:9px 0 14px!important;
  line-height:1.45!important;
}
#setModal .set-goal-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#setModal #pinSetBtn{
  min-height:42px!important;
  border-radius:14px!important;
  border-color:rgba(219,164,73,.48)!important;
  color:#e9c27c!important;
  background:rgba(219,164,73,.05)!important;
}
#setModal .mode-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  min-width:210px!important;
  padding:4px!important;
  border-radius:14px!important;
  background:#0b1216!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
#setModal .mode-switch button{
  min-height:36px!important;
  border:0!important;
  border-radius:10px!important;
  color:#8f9895!important;
  background:transparent!important;
  font-weight:800!important;
}
#setModal .mode-switch button.active{
  color:#281f14!important;
  background:linear-gradient(180deg,#f0bd5a,#dda23c)!important;
}

/* Completion card */
#setModal .set-progress-card{
  margin:18px 0 12px!important;
  padding:18px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#0f1d1e,#0c1617)!important;
  border:1px solid rgba(66,193,180,.36)!important;
  box-shadow:inset 0 0 26px rgba(42,188,177,.035)!important;
}
#setModal .set-progress-card>div:first-child{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:4px 20px!important;
  align-items:end!important;
}
#setModal #setCompletionLabel{
  grid-column:1/-1!important;
  color:#8eb9b4!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
#setModal #setModalCompletion{
  color:#f4f0e8!important;
  font-size:38px!important;
  line-height:1!important;
}
#setModal #setModalMissing{
  color:#58c9bc!important;
  font-size:15px!important;
  font-weight:850!important;
  text-align:right!important;
}
#setModal .set-progress-track.large{
  height:9px!important;
  border-radius:99px!important;
  overflow:hidden!important;
  background:#27312f!important;
}
#setModal .set-progress-track.large i{
  background:linear-gradient(90deg,#1ccbc0,#58c9bc)!important;
  border-radius:inherit!important;
}

/* Chase actions */
#setModal .set-shopping-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0 0 12px!important;
}
#setModal .set-shopping-actions .button{
  min-height:48px!important;
  border-radius:15px!important;
  color:#ddd7cc!important;
  border-color:rgba(255,255,255,.10)!important;
  background:#111a1b!important;
}
#setModal #addAllMissingWantedBtn{
  border-color:rgba(217,161,63,.28)!important;
  color:#e8c178!important;
}

/* Purposeful "next action" panel */
#setModal .set-focus-action{
  width:100%!important;
  margin:0 0 14px!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:12px!important;
  text-align:left!important;
  border-radius:18px!important;
  border:1px solid rgba(217,161,63,.22)!important;
  background:linear-gradient(180deg,#141d1d,#101819)!important;
  color:#eae5db!important;
}
#setModal .set-focus-action-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:1px solid rgba(217,161,63,.55)!important;
  color:#e6ad4f!important;
  font-size:20px!important;
}
#setModal .set-focus-action strong{
  display:block!important;
  font-size:14px!important;
}
#setModal .set-focus-action small{
  display:block!important;
  margin-top:3px!important;
  color:#8f9793!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#setModal .set-focus-action>b{
  color:#e4aa49!important;
  font-size:24px!important;
}

/* Filters and search */
#setModal .set-card-toolbar{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
}
#setModal .segmented{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  padding:4px!important;
  gap:3px!important;
  overflow:visible!important;
  border-radius:16px!important;
  background:#0c1415!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
#setModal .segmented button{
  min-width:0!important;
  min-height:42px!important;
  padding:7px 6px!important;
  border:0!important;
  border-radius:11px!important;
  color:#909995!important;
  background:transparent!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#setModal .segmented button.active{
  color:#2d2215!important;
  background:linear-gradient(180deg,#f0bc58,#dda23d)!important;
}
#setModal .segmented button span{
  display:inline-grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  margin-left:4px!important;
  padding:0 5px!important;
  border-radius:99px!important;
  background:#20292b!important;
  color:#eee8db!important;
  font-size:9px!important;
}
#setModal .filter-field.compact{
  min-height:46px!important;
  border-radius:14px!important;
  background:#081014!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
#setModal .filter-field.compact input{
  min-height:44px!important;
  color:#eeeae2!important;
}
#setModal .set-card-status{
  color:#8f9894!important;
  font-size:11px!important;
  padding:8px 2px 4px!important;
}

/* Buying insight stays secondary */
#setModal .set-buying-insights{
  margin:8px 0 16px!important;
  border-radius:17px!important;
  border:1px solid rgba(121,87,220,.30)!important;
  background:linear-gradient(180deg,rgba(30,26,48,.28),rgba(14,20,21,.88))!important;
  overflow:hidden!important;
}
#setModal .set-buying-insights summary{
  min-height:64px!important;
  padding:12px 14px!important;
}
#setModal .set-buying-insights-copy strong{
  color:#e6e1d8!important;
}
#setModal .set-buying-insights-copy strong b{
  color:#c3b0ff!important;
  border-color:rgba(139,102,224,.38)!important;
  background:rgba(104,72,182,.14)!important;
}

/* Binder-style card grid */
#setModal .set-card-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
  margin-top:10px!important;
}
#setModal .set-card-tile{
  min-width:0!important;
  padding:7px!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#121b1c,#0c1416)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#setModal .set-card-tile.missing{
  border-color:rgba(217,161,63,.30)!important;
}
#setModal .set-card-image{
  position:relative!important;
  width:100%!important;
  aspect-ratio:0.716!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#091012!important;
}
#setModal .set-card-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#setModal .set-card-image>b{
  position:absolute!important;
  top:7px!important;
  left:7px!important;
  padding:4px 7px!important;
  border-radius:99px!important;
  background:rgba(56,57,75,.90)!important;
  color:#fff!important;
  font-size:8px!important;
  letter-spacing:.06em!important;
}
#setModal .set-card-info{
  padding:8px 2px 5px!important;
  min-width:0!important;
}
#setModal .set-card-info strong{
  display:block!important;
  color:#eee9df!important;
  font-size:12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#setModal .set-card-info small{
  display:block!important;
  color:#b69254!important;
  margin-top:3px!important;
  font-size:9px!important;
}
#setModal .set-card-actions{
  display:flex!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  margin-top:auto!important;
}
#setModal .set-card-actions .button{
  flex:1 1 auto!important;
  min-height:30px!important;
  padding:5px 7px!important;
  border-radius:9px!important;
  font-size:9px!important;
}
#setModal .set-affiliate-note{
  margin:20px 0 4px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  color:#6f7875!important;
}

@media(max-width:720px){
  #setModal{
    padding:0!important;
  }
  #setModal .set-modal-frame{
    width:100vw!important;
    max-width:none!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0 16px 110px!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  #setModal .set-modal-brandbar{
    margin:0 -16px 8px!important;
    height:62px!important;
    padding:7px 14px!important;
  }
  #setModal .set-modal-brandbar img{
    width:min(158px,47vw)!important;
  }
  #setModal .modal-close{
    left:7px!important;
    margin-left:-5px!important;
  }
  #setModal .set-modal-head{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:14px!important;
    padding:18px 0 17px!important;
  }
  #setModal .set-logo-wrap{
    width:104px!important;
    height:84px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  #setModal #setModalName{
    font-size:28px!important;
  }
  #setModal #setModalMeta{
    font-size:11px!important;
    margin:6px 0 10px!important;
  }
  #setModal .set-goal-actions{
    gap:7px!important;
  }
  #setModal #pinSetBtn{
    min-height:38px!important;
    font-size:10px!important;
  }
  #setModal .mode-switch{
    min-width:150px!important;
  }
  #setModal .mode-switch button{
    min-height:34px!important;
    font-size:10px!important;
  }
  #setModal .set-progress-card{
    padding:14px!important;
  }
  #setModal #setModalCompletion{
    font-size:30px!important;
  }
  #setModal #setModalMissing{
    font-size:12px!important;
  }
  #setModal .set-shopping-actions .button{
    min-height:44px!important;
    padding:7px 8px!important;
    font-size:10px!important;
  }
  #setModal .segmented{
    overflow-x:auto!important;
    grid-template-columns:repeat(5,minmax(82px,1fr))!important;
    scrollbar-width:none!important;
  }
  #setModal .segmented::-webkit-scrollbar{display:none!important}
  #setModal .set-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #setModal .set-card-tile{
    padding:6px!important;
  }
  #setModal .set-card-info strong{
    font-size:11px!important;
  }
  #setModal .set-card-actions .button{
    font-size:8.5px!important;
  }
}

@media(max-width:390px){
  #setModal .set-modal-head{
    grid-template-columns:88px minmax(0,1fr)!important;
  }
  #setModal .set-logo-wrap{
    width:88px!important;
    height:74px!important;
  }
  #setModal #setModalName{
    font-size:25px!important;
  }
  #setModal .set-shopping-actions{
    grid-template-columns:1fr!important;
  }
}


/* =====================================================================
   3.27.0 — SET DETAIL LAYOUT FIDELITY
   Matches the approved Collector Premium visual composition.
   Also fixes all mobile horizontal overflow in the set-detail view.
   ===================================================================== */

#setModal,
#setModal *{
  box-sizing:border-box!important;
}

#setModal{
  margin:0!important;
  padding:0!important;
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  border:0!important;
  background:rgba(2,6,8,.92)!important;
}

#setModal::backdrop{
  background:rgba(1,5,7,.82)!important;
  backdrop-filter:blur(8px)!important;
}

#setModal .set-modal-frame{
  width:min(100%,860px)!important;
  max-width:100%!important;
  min-width:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0 auto!important;
  padding:0 18px 110px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:0!important;
  border-left:1px solid rgba(209,160,73,.12)!important;
  border-right:1px solid rgba(209,160,73,.12)!important;
  border-radius:0!important;
  background:
    linear-gradient(rgba(255,255,255,.01),rgba(255,255,255,.01)),
    repeating-linear-gradient(0deg,transparent 0 23px,rgba(255,255,255,.008) 24px),
    #061013!important;
  box-shadow:0 0 80px rgba(0,0,0,.48)!important;
  overscroll-behavior:contain!important;
}

/* ---------- branded modal header ---------- */
#setModal .set-detail-topbar{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  height:62px!important;
  margin:0 -18px!important;
  padding:7px 16px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(209,160,73,.18)!important;
  background:rgba(4,12,14,.97)!important;
  backdrop-filter:blur(14px)!important;
}

#setModal .set-detail-topbar>img{
  grid-column:2!important;
  justify-self:center!important;
  width:190px!important;
  max-width:48vw!important;
  max-height:38px!important;
  object-fit:contain!important;
}

#setModal .set-detail-back{
  grid-column:1!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#10191a!important;
  color:#e4dccf!important;
  font-size:25px!important;
  line-height:1!important;
}

#setModal .set-detail-avatar{
  grid-column:3!important;
  justify-self:end!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(218,161,65,.55)!important;
  background:radial-gradient(circle at 50% 34%,#3b3022,#171713 70%)!important;
  color:#efe8da!important;
  font-size:10px!important;
  font-weight:900!important;
}

/* ---------- set hero ---------- */
#setModal .set-detail-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-width:0!important;
  margin:0 -18px 18px!important;
  padding:24px 22px 20px!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  grid-template-areas:
    "logo identity"
    "actions actions"!important;
  gap:16px 22px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:
    radial-gradient(circle at 78% 12%,rgba(76,80,117,.22),transparent 38%),
    radial-gradient(circle at 15% 85%,rgba(17,137,130,.12),transparent 38%),
    linear-gradient(180deg,#0b1517,#071012)!important;
}

#setModal .set-detail-hero-glow{
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  opacity:.34!important;
  background:
    linear-gradient(135deg,transparent 15%,rgba(208,160,73,.08) 40%,transparent 62%),
    radial-gradient(circle at 50% 50%,rgba(81,53,110,.12),transparent 60%)!important;
}

#setModal .set-logo-wrap{
  grid-area:logo!important;
  width:150px!important;
  height:120px!important;
  min-width:0!important;
  display:grid!important;
  place-items:center!important;
  padding:15px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,#182220,#121918)!important;
}

#setModal .set-logo-wrap img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

#setModal .set-detail-identity{
  grid-area:identity!important;
  min-width:0!important;
}

#setModal #setModalSeries{
  margin:0 0 6px!important;
  color:#dda84f!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
}

#setModal #setModalName{
  margin:0!important;
  color:#f3efe6!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:40px!important;
  line-height:1!important;
  overflow-wrap:anywhere!important;
}

#setModal #setModalMeta{
  max-width:100%!important;
  margin:10px 0 0!important;
  color:#98a19d!important;
  font-size:13px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#setModal .set-detail-actions{
  grid-area:actions!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}

#setModal #pinSetBtn{
  width:100%!important;
  min-height:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(218,161,65,.55)!important;
  background:rgba(218,161,65,.045)!important;
  color:#e8c178!important;
}

#setModal .mode-switch{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  padding:4px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#0b1216!important;
}

#setModal .mode-switch button{
  min-width:0!important;
  min-height:36px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#939c98!important;
  font-weight:850!important;
}

#setModal .mode-switch button.active{
  color:#2a2014!important;
  background:linear-gradient(180deg,#f1bd59,#dda23d)!important;
}

/* ---------- completion panel ---------- */
#setModal .set-progress-card{
  width:100%!important;
  min-width:0!important;
  margin:0 0 14px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  grid-template-areas:
    "ring copy"
    "track track"!important;
  gap:14px 18px!important;
  align-items:center!important;
  border-radius:22px!important;
  border:1px solid rgba(55,198,187,.34)!important;
  background:linear-gradient(135deg,#0d1b1d,#0b1517)!important;
  box-shadow:inset 0 0 32px rgba(46,196,184,.035)!important;
}

#setModal .set-progress-ring{
  --set-progress:0deg;
  grid-area:ring!important;
  width:104px!important;
  height:104px!important;
  display:grid!important;
  place-content:center!important;
  place-items:center!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at center,#0d181a 0 56%,transparent 57%),
    conic-gradient(#2ccbbf 0 var(--set-progress),#263335 var(--set-progress) 360deg)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
}

#setModal .set-progress-ring span{
  color:#f4f0e8!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
}

#setModal .set-progress-ring small{
  margin-top:5px!important;
  color:#84908c!important;
  font-size:8px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

#setModal .set-progress-copy{
  grid-area:copy!important;
  min-width:0!important;
}

#setModal #setCompletionLabel{
  display:block!important;
  color:#8eb9b4!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}

#setModal #setModalCompletion{
  display:block!important;
  margin-top:7px!important;
  color:#f4f0e8!important;
  font-size:38px!important;
  line-height:1!important;
}

#setModal #setModalMissing{
  display:block!important;
  margin-top:8px!important;
  color:#8e9894!important;
  font-size:11px!important;
  line-height:1.35!important;
  white-space:normal!important;
}

#setModal .set-progress-stats{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}

#setModal .set-progress-stats span{
  min-width:0!important;
}

#setModal .set-progress-stats b{
  display:block!important;
  color:#d6a253!important;
  font-size:14px!important;
  line-height:1!important;
}

#setModal .set-progress-stats small{
  display:block!important;
  margin-top:3px!important;
  color:#7f8a86!important;
  font-size:8px!important;
  line-height:1.1!important;
  white-space:normal!important;
}

#setModal .set-progress-track.large{
  grid-area:track!important;
  width:100%!important;
  min-width:0!important;
  height:9px!important;
  overflow:hidden!important;
  border-radius:99px!important;
  background:#273233!important;
}

#setModal .set-progress-track.large i{
  display:block!important;
  height:100%!important;
  background:linear-gradient(90deg,#1ccbc0,#58c9bc)!important;
  border-radius:inherit!important;
}

/* ---------- single focus action ---------- */
#setModal .set-focus-action{
  width:100%!important;
  min-width:0!important;
  margin:0 0 10px!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 20px!important;
  gap:12px!important;
  align-items:center!important;
  text-align:left!important;
  border-radius:18px!important;
  border:1px solid rgba(218,161,65,.24)!important;
  background:linear-gradient(180deg,#141e1f,#101819)!important;
  color:#e9e4db!important;
}

#setModal .set-focus-action-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(218,161,65,.58)!important;
  color:#e6ad4f!important;
  font-size:20px!important;
}

#setModal .set-focus-action strong{
  display:block!important;
  font-size:14px!important;
  line-height:1.15!important;
}

#setModal .set-focus-action small{
  display:block!important;
  margin-top:4px!important;
  color:#8e9793!important;
  font-size:10px!important;
  line-height:1.35!important;
}

#setModal .set-focus-action>b{
  color:#e4aa49!important;
  font-size:24px!important;
}

/* Keep old controls available but visually secondary. */
#setModal .set-shopping-actions-secondary{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 14px!important;
}

#setModal .set-shopping-actions-secondary .button{
  min-width:0!important;
  min-height:38px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  border-color:rgba(255,255,255,.08)!important;
  background:#0e1718!important;
  color:#a7b0ac!important;
  font-size:10px!important;
}

/* ---------- tabs/search ---------- */
#setModal .set-card-toolbar{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
}

#setModal .segmented{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  gap:4px!important;
  padding:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#0b1415!important;
}

#setModal .segmented::-webkit-scrollbar{display:none!important}

#setModal .segmented button{
  flex:0 0 auto!important;
  min-width:92px!important;
  min-height:42px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#929b97!important;
  font-size:10px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

#setModal .segmented button.active{
  color:#2b2115!important;
  background:linear-gradient(180deg,#f1bd59,#dda23d)!important;
}

#setModal .segmented button span{
  display:inline-grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  margin-left:4px!important;
  padding:0 5px!important;
  border-radius:99px!important;
  background:#20292b!important;
  color:#f0ebe0!important;
  font-size:8px!important;
}

#setModal .set-search-row{
  width:100%!important;
  min-width:0!important;
}

#setModal .filter-field.compact{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#081014!important;
}

#setModal .filter-field.compact input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:46px!important;
  padding-right:12px!important;
  border:0!important;
  background:transparent!important;
  color:#ede9e1!important;
  font-size:12px!important;
}

#setModal .set-card-status{
  width:100%!important;
  min-width:0!important;
  padding:8px 3px 5px!important;
  color:#8e9793!important;
  font-size:10.5px!important;
}

/* ---------- buying insights ---------- */
#setModal .set-buying-insights{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:8px 0 16px!important;
  overflow:hidden!important;
  border-radius:17px!important;
  border:1px solid rgba(121,87,220,.27)!important;
  background:linear-gradient(180deg,rgba(28,25,45,.30),rgba(13,20,21,.90))!important;
}

#setModal .set-buying-insights summary{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px 14px!important;
}

#setModal .set-buying-insights-copy,
#setModal .set-buying-insights-toggle{
  min-width:0!important;
  max-width:100%!important;
}

#setModal .set-buying-insights-copy small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#setModal .set-buying-insights-toggle{
  white-space:nowrap!important;
}

/* ---------- binder card grid ---------- */
#setModal .set-card-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:8px!important;
}

#setModal .set-card-tile{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:7px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#111b1c,#0b1416)!important;
  box-shadow:none!important;
}

#setModal .set-card-tile.missing{
  border-color:rgba(218,161,65,.29)!important;
}

#setModal .set-card-image{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:.716!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:#091012!important;
}

#setModal .set-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#setModal .set-card-image>b{
  position:absolute!important;
  top:6px!important;
  left:6px!important;
  max-width:calc(100% - 12px)!important;
  padding:4px 7px!important;
  border-radius:99px!important;
  background:rgba(55,58,73,.92)!important;
  color:#fff!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.05em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#setModal .set-card-info{
  min-width:0!important;
  padding:7px 2px 5px!important;
}

#setModal .set-card-info strong{
  display:block!important;
  min-width:0!important;
  color:#eee9df!important;
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#setModal .set-card-info small{
  display:block!important;
  margin-top:3px!important;
  color:#b69254!important;
  font-size:8.5px!important;
  line-height:1.1!important;
}

#setModal .set-card-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  min-width:0!important;
  margin-top:auto!important;
}

#setModal .set-card-actions .button{
  flex:1 1 calc(50% - 3px)!important;
  min-width:0!important;
  min-height:30px!important;
  padding:5px 6px!important;
  border-radius:9px!important;
  font-size:8px!important;
  white-space:normal!important;
}

#setModal .set-affiliate-note{
  width:100%!important;
  max-width:100%!important;
  margin:20px 0 0!important;
  padding:16px 2px 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  color:#707a76!important;
  overflow-wrap:anywhere!important;
}

/* ---------- mobile fidelity ---------- */
@media(max-width:720px){
  #setModal .set-modal-frame{
    width:100vw!important;
    max-width:100vw!important;
    padding:0 14px 100px!important;
    border-left:0!important;
    border-right:0!important;
  }

  #setModal .set-detail-topbar{
    margin:0 -14px!important;
    padding:7px 12px!important;
    grid-template-columns:40px minmax(0,1fr) 40px!important;
  }

  #setModal .set-detail-topbar>img{
    width:min(158px,47vw)!important;
  }

  #setModal .set-detail-back{
    width:38px!important;
    height:38px!important;
  }

  #setModal .set-detail-avatar{
    width:36px!important;
    height:36px!important;
  }

  #setModal .set-detail-hero{
    margin:0 -14px 14px!important;
    padding:20px 16px 17px!important;
    grid-template-columns:98px minmax(0,1fr)!important;
    gap:13px 14px!important;
  }

  #setModal .set-logo-wrap{
    width:98px!important;
    height:82px!important;
    padding:9px!important;
    border-radius:17px!important;
  }

  #setModal #setModalSeries{
    font-size:9.5px!important;
  }

  #setModal #setModalName{
    font-size:29px!important;
  }

  #setModal #setModalMeta{
    margin-top:7px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }

  #setModal .set-detail-actions{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  #setModal #pinSetBtn,
  #setModal .mode-switch{
    min-width:0!important;
  }

  #setModal #pinSetBtn{
    min-height:40px!important;
    font-size:9.5px!important;
  }

  #setModal .mode-switch button{
    min-height:32px!important;
    font-size:9.5px!important;
  }

  #setModal .set-progress-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:19px!important;
  }

  #setModal .set-progress-ring{
    width:78px!important;
    height:78px!important;
  }

  #setModal .set-progress-ring span{
    font-size:18px!important;
  }

  #setModal #setModalCompletion{
    font-size:29px!important;
  }

  #setModal .set-progress-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    margin-top:9px!important;
  }

  #setModal .set-progress-stats b{
    font-size:12px!important;
  }

  #setModal .set-progress-stats small{
    font-size:7px!important;
  }

  #setModal #setModalMissing{
    font-size:9px!important;
    margin-top:6px!important;
  }

  #setModal .set-focus-action{
    grid-template-columns:40px minmax(0,1fr) 16px!important;
    padding:12px 13px!important;
    gap:10px!important;
  }

  #setModal .set-focus-action-icon{
    width:38px!important;
    height:38px!important;
  }

  #setModal .set-focus-action strong{
    font-size:12px!important;
  }

  #setModal .set-focus-action small{
    font-size:9px!important;
  }

  #setModal .set-shopping-actions-secondary{
    grid-template-columns:1fr 1fr!important;
  }

  #setModal .segmented{
    width:100%!important;
    max-width:100%!important;
  }

  #setModal .segmented button{
    min-width:84px!important;
    min-height:39px!important;
    font-size:9px!important;
  }

  #setModal .set-buying-insights summary{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #setModal .set-buying-insights-toggle{
    justify-self:start!important;
    margin-top:2px!important;
  }

  #setModal .set-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  #setModal .set-card-tile{
    padding:6px!important;
  }
}

@media(max-width:390px){
  #setModal .set-detail-hero{
    grid-template-columns:82px minmax(0,1fr)!important;
  }

  #setModal .set-logo-wrap{
    width:82px!important;
    height:70px!important;
  }

  #setModal #setModalName{
    font-size:25px!important;
  }

  #setModal .set-detail-actions{
    grid-template-columns:1fr!important;
  }

  #setModal .set-progress-card{
    grid-template-columns:74px minmax(0,1fr)!important;
    padding:12px!important;
  }

  #setModal .set-progress-ring{
    width:66px!important;
    height:66px!important;
  }

  #setModal .set-progress-ring span{
    font-size:15px!important;
  }

  #setModal .set-shopping-actions-secondary{
    grid-template-columns:1fr!important;
  }

  #setModal .set-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* =====================================================================
   3.27.0 — Set Detail Polish
   Fix completion ring text + reduce vertical bulk.
   No functional changes.
   ===================================================================== */

#setModal .set-progress-ring{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}

#setModal .set-progress-ring span{
  position:static!important;
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:22px!important;
  line-height:1!important;
  color:#f4f0e8!important;
  font-weight:900!important;
}

#setModal .set-progress-ring small{
  position:static!important;
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:5px 0 0!important;
  padding:0!important;
  transform:none!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  color:#84908c!important;
  text-transform:uppercase!important;
}

#setModal .set-detail-hero{
  padding-top:18px!important;
  padding-bottom:15px!important;
  gap:11px 14px!important;
}

#setModal .set-detail-actions{
  gap:7px!important;
}

#setModal #pinSetBtn{
  min-height:38px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}

#setModal .mode-switch{
  padding:3px!important;
}

#setModal .mode-switch button{
  min-height:30px!important;
}

#setModal .set-progress-card{
  margin-bottom:11px!important;
  padding:12px 13px!important;
  gap:10px 12px!important;
}

#setModal .set-progress-ring{
  width:72px!important;
  height:72px!important;
}

#setModal #setModalCompletion{
  font-size:27px!important;
}

#setModal .set-progress-stats{
  margin-top:7px!important;
}

#setModal #setModalMissing{
  margin-top:4px!important;
}

#setModal .set-focus-action{
  margin-bottom:8px!important;
  padding:10px 12px!important;
  min-height:60px!important;
}

#setModal .set-focus-action-icon{
  width:34px!important;
  height:34px!important;
  font-size:17px!important;
}

#setModal .set-focus-action strong{
  font-size:11.5px!important;
}

#setModal .set-focus-action small{
  margin-top:2px!important;
  font-size:8.5px!important;
  line-height:1.28!important;
}

#setModal .set-shopping-actions-secondary{
  gap:6px!important;
  margin-bottom:10px!important;
}

#setModal .set-shopping-actions-secondary .button{
  min-height:32px!important;
  padding:5px 8px!important;
  font-size:9px!important;
}

#setModal .set-card-toolbar{
  gap:7px!important;
}

#setModal .segmented button{
  min-height:36px!important;
}

#setModal .filter-field.compact{
  min-height:42px!important;
}

#setModal .filter-field.compact input{
  min-height:40px!important;
}

@media(max-width:390px){
  #setModal .set-progress-ring{
    width:66px!important;
    height:66px!important;
  }
  #setModal .set-progress-ring span{
    font-size:18px!important;
  }
  #setModal .set-progress-ring small{
    font-size:6.8px!important;
  }
}


/* =====================================================================
   3.27.0 — Completion Ring Bug Fix
   Dedicated inner label wrapper prevents legacy span/small rules from
   pushing the percentage and COMPLETE text out of the donut.
   ===================================================================== */

#setModal .set-progress-ring{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  text-align:center!important;
}

#setModal .set-progress-ring-label{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  pointer-events:none!important;
  overflow:hidden!important;
  text-align:center!important;
}

#setModal .set-progress-ring-label strong{
  position:static!important;
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#f4f0e8!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-align:center!important;
}

#setModal .set-progress-ring-label span{
  position:static!important;
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#87918d!important;
  font-size:6.8px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
  text-align:center!important;
}

@media(min-width:721px){
  #setModal .set-progress-ring-label strong{
    font-size:21px!important;
  }
  #setModal .set-progress-ring-label span{
    font-size:7.5px!important;
  }
}


/* =====================================================================
   3.27.0 — FIND / Collector Premium
   SEARCH → EXACT PRINTING → APPROVED TRADERS → MARKETPLACE FALLBACK
   ===================================================================== */

#searchView{
  padding-bottom:86px!important;
}

#searchView .find-hero{
  position:relative!important;
  overflow:hidden!important;
  margin-bottom:12px!important;
  padding:20px!important;
  border-radius:24px!important;
  border:1px solid rgba(213,163,76,.28)!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(210,157,70,.10),transparent 32%),
    radial-gradient(circle at 10% 95%,rgba(41,187,175,.10),transparent 35%),
    linear-gradient(145deg,#101917,#0a1213)!important;
}

#searchView .find-hero::after{
  content:""!important;
  position:absolute!important;
  width:260px!important;
  height:260px!important;
  right:-100px!important;
  bottom:-150px!important;
  border:1px solid rgba(205,158,74,.10)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 28px rgba(205,158,74,.018),0 0 0 56px rgba(42,188,177,.018)!important;
  pointer-events:none!important;
}

#searchView .find-hero-copy{
  position:relative!important;
  z-index:1!important;
}

#searchView .find-hero .eyebrow{
  color:#dca64d!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
}

#searchView .find-hero h2{
  margin:5px 0 10px!important;
  color:#f4efe5!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:38px!important;
  line-height:.98!important;
}

#searchView .find-hero-copy>p:not(.eyebrow){
  max-width:620px!important;
  margin:0!important;
  color:#a1aaa6!important;
  font-size:13px!important;
  line-height:1.55!important;
}

#searchView .find-path-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:17px!important;
}

#searchView .find-path-card{
  min-width:0!important;
  min-height:82px!important;
  padding:12px 13px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 14px!important;
  align-items:center!important;
  gap:10px!important;
  text-align:left!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(14,23,23,.92)!important;
  color:#ece7dd!important;
}

#searchView .find-path-card.primary-path{
  border-color:rgba(215,163,75,.40)!important;
  background:linear-gradient(180deg,rgba(48,37,21,.40),rgba(15,23,23,.94))!important;
}

#searchView .find-path-icon{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  border:1px solid rgba(216,164,76,.44)!important;
  color:#e0a84e!important;
  font-size:17px!important;
}

#searchView .find-path-card strong{
  display:block!important;
  font-size:12px!important;
  line-height:1.15!important;
}

#searchView .find-path-card small{
  display:block!important;
  margin-top:3px!important;
  color:#87918d!important;
  font-size:9px!important;
  line-height:1.25!important;
}

#searchView .find-path-card b{
  color:#dda64d!important;
  font-size:20px!important;
}

#searchView .find-trader-priority{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:11px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  background:rgba(8,15,16,.72)!important;
  border:1px solid rgba(46,184,174,.18)!important;
}

#searchView .find-trader-medal{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  color:#58c8bc!important;
  border:1px solid rgba(50,192,180,.38)!important;
}

#searchView .find-trader-priority strong{
  display:block!important;
  color:#dfe8e4!important;
  font-size:11px!important;
}

#searchView .find-trader-priority small{
  display:block!important;
  margin-top:2px!important;
  color:#7f8c87!important;
  font-size:8.8px!important;
  line-height:1.3!important;
}

#searchView .find-search-panel{
  padding:11px!important;
  margin-bottom:8px!important;
  border-radius:18px!important;
}

#searchView .search-box{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
  min-height:50px!important;
  padding:4px 5px 4px 11px!important;
  border-radius:14px!important;
  background:#071013!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

#searchView .search-box>span{
  color:#e8e2d7!important;
  font-size:17px!important;
}

#searchView .search-box input{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  border:0!important;
  background:transparent!important;
  color:#f1ede5!important;
  font-size:13px!important;
  outline:none!important;
}

#searchView .search-box .button{
  min-height:40px!important;
  padding:8px 15px!important;
  border-radius:11px!important;
  color:#2b2115!important;
  background:linear-gradient(180deg,#f2bc57,#dfa13c)!important;
  border:0!important;
  font-weight:900!important;
}

#searchView .quick-searches{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:9px!important;
}

#searchView .quick-searches>span{
  color:#78847f!important;
  font-size:9px!important;
}

#searchView .quick-searches button{
  min-height:28px!important;
  padding:4px 9px!important;
  border-radius:99px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:#111a1b!important;
  color:#aab2ae!important;
  font-size:8.5px!important;
}

#searchView .find-scan-row{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:9px!important;
  padding-top:8px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  color:#77837e!important;
  font-size:9px!important;
}

#searchView .find-scan-row .text-button{
  color:#d5a356!important;
  font-size:9px!important;
}

#searchView .search-status{
  padding:4px 4px 9px!important;
  color:#84908b!important;
  font-size:10px!important;
}

#searchView .find-results{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

#searchView .find-result-card{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:7px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#121b1c,#0b1416)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

#searchView .find-result-card .result-image{
  width:100%!important;
  aspect-ratio:.716!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:#081012!important;
}

#searchView .find-result-card .result-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

#searchView .find-result-card .result-body{
  min-width:0!important;
  padding:8px 2px 2px!important;
}

#searchView .find-result-kicker{
  margin:0 0 3px!important;
  color:#bc9553!important;
  font-size:7.5px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#searchView .find-result-card h3{
  margin:0!important;
  color:#efebe2!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#searchView .find-result-meta{
  margin:4px 0 7px!important;
  color:#7f8a85!important;
  font-size:8px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#searchView .find-result-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
}

#searchView .find-result-actions .button{
  width:100%!important;
  min-height:32px!important;
  padding:5px 7px!important;
  border-radius:9px!important;
  font-size:8px!important;
}

#searchView .find-result-actions .button.primary{
  color:#2b2115!important;
  background:linear-gradient(180deg,#efba55,#dc9f3c)!important;
  border:0!important;
}

#searchView .find-ad-slot{
  margin-top:14px!important;
  opacity:.58!important;
}

@media(max-width:720px){
  #searchView .find-hero{
    padding:17px!important;
    border-radius:21px!important;
  }

  #searchView .find-hero h2{
    font-size:31px!important;
  }

  #searchView .find-hero-copy>p:not(.eyebrow){
    font-size:11.5px!important;
  }

  #searchView .find-path-grid{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  #searchView .find-path-card{
    min-height:74px!important;
    grid-template-columns:32px minmax(0,1fr) 11px!important;
    gap:8px!important;
    padding:10px!important;
  }

  #searchView .find-path-icon{
    width:30px!important;
    height:30px!important;
    font-size:14px!important;
  }

  #searchView .find-path-card strong{
    font-size:10px!important;
  }

  #searchView .find-path-card small{
    font-size:7.8px!important;
  }

  #searchView .find-results{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
}

@media(max-width:390px){
  #searchView .find-path-grid{
    grid-template-columns:1fr!important;
  }

  #searchView .find-path-card{
    min-height:62px!important;
  }

  #searchView .search-box{
    grid-template-columns:28px minmax(0,1fr) auto!important;
    padding-left:8px!important;
  }

  #searchView .search-box .button{
    padding-left:11px!important;
    padding-right:11px!important;
  }
}

/* 3.27.5 — Find exact-printing result cards */
#searchView .find-result-heading{display:flex!important;align-items:center!important;gap:8px!important;justify-content:space-between!important;min-width:0!important}
#searchView .find-result-state{flex:0 0 auto!important;padding:4px 7px!important;border-radius:999px!important;font-size:7px!important;line-height:1!important;font-weight:850!important;letter-spacing:.045em!important;text-transform:uppercase!important;border:1px solid rgba(255,255,255,.09)!important;color:#a9b1ad!important;background:#172021!important}
#searchView .find-result-state.owned{color:#69d4c8!important;border-color:rgba(75,201,188,.3)!important;background:rgba(34,112,104,.18)!important}
#searchView .find-result-state.chased{color:#d7bdff!important;border-color:rgba(137,99,220,.32)!important;background:rgba(88,57,151,.2)!important}
#searchView .find-result-state.missing{color:#d9ae68!important;border-color:rgba(215,164,77,.24)!important;background:rgba(113,77,26,.14)!important}
#searchView .find-result-meta strong{color:#d3a75d!important;font-weight:850!important}
#searchView .find-result-meta span{color:#75817c!important}

@media(max-width:720px){
  #searchView .find-results{display:flex!important;flex-direction:column!important;gap:9px!important}
  #searchView .find-result-card{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;min-height:158px!important;padding:9px!important;border-radius:18px!important;gap:11px!important;align-items:stretch!important}
  #searchView .find-result-card .result-image{width:104px!important;height:145px!important;aspect-ratio:auto!important;border-radius:11px!important;align-self:start!important}
  #searchView .find-result-card .result-image img{object-fit:contain!important;background:#071012!important}
  #searchView .find-result-card .result-body{display:flex!important;flex-direction:column!important;padding:3px 2px 1px!important;min-height:145px!important}
  #searchView .find-result-kicker{font-size:8px!important;margin:0!important;max-width:62%!important}
  #searchView .find-result-card h3{font-size:17px!important;line-height:1.1!important;margin:10px 0 0!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #searchView .find-result-meta{font-size:9px!important;margin:6px 0 9px!important}
  #searchView .find-result-actions{margin-top:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  #searchView .find-result-actions .button{min-height:36px!important;font-size:9px!important;border-radius:10px!important}
  #searchView .find-result-actions .button.ghost{min-height:30px!important;background:transparent!important;color:#929c97!important;border-color:rgba(255,255,255,.08)!important}
  #searchView .find-result-card.artwork-unavailable{grid-template-columns:68px minmax(0,1fr)!important;min-height:128px!important}
  #searchView .find-result-card.artwork-unavailable .result-image{width:68px!important;height:94px!important}
  #searchView .find-result-card.artwork-unavailable .result-body{min-height:108px!important}
  #searchView .find-result-card.artwork-unavailable .artwork-placeholder{padding:5px!important;gap:3px!important}
  #searchView .find-result-card.artwork-unavailable .artwork-placeholder span{font-size:18px!important}
  #searchView .find-result-card.artwork-unavailable .artwork-placeholder strong{font-size:7px!important;line-height:1.15!important}
}


/* =====================================================================
   3.27.5 — Find Results Polish
   Collector-facing set names, lighter actions, safer mobile bottom space.
   ===================================================================== */

/* Never let fixed navigation cover the last result. */
#searchView{
  padding-bottom:150px!important;
}

#searchView .find-results{
  padding-bottom:16px!important;
}

/* Make exact set identity obvious and readable. */
#searchView .find-result-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:2px!important;
  margin:5px 0 8px!important;
  color:#8d9792!important;
  font-size:9px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

#searchView .find-result-meta strong{
  color:#d8c9ad!important;
  font-weight:850!important;
}

#searchView .find-result-meta span{
  color:#7f8985!important;
}

/* Results should not become a wall of solid amber buttons. */
#searchView .find-result-actions .button.primary{
  min-height:38px!important;
  background:rgba(218,161,63,.045)!important;
  border:1px solid rgba(222,166,72,.62)!important;
  color:#e7b45d!important;
  box-shadow:none!important;
}

#searchView .find-result-actions .button.primary:active,
#searchView .find-result-actions .button.primary:focus-visible{
  background:rgba(222,166,72,.14)!important;
}

/* View card is deliberately quieter. */
#searchView .find-result-actions .button.ghost{
  min-height:32px!important;
  border-color:rgba(255,255,255,.06)!important;
  background:transparent!important;
  color:#7f8985!important;
}

/* Missing artwork should not consume card-art height. */
#searchView .find-result-card.artwork-unavailable{
  min-height:0!important;
}

#searchView .find-result-card.artwork-unavailable .result-image{
  aspect-ratio:auto!important;
  min-height:84px!important;
  height:84px!important;
}

#searchView .find-result-card.artwork-unavailable .artwork-placeholder{
  min-height:84px!important;
  height:84px!important;
  padding:8px!important;
}

#searchView .find-result-card.artwork-unavailable .artwork-placeholder strong{
  font-size:9px!important;
}

@media(max-width:720px){
  #searchView{
    padding-bottom:165px!important;
  }

  #searchView .find-result-actions .button.primary{
    min-height:36px!important;
    font-size:9px!important;
  }

  #searchView .find-result-meta{
    font-size:8.8px!important;
  }
}


/* 3.27.5 — Find set-name resolution fix */
#searchView .find-result-meta strong{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}


/* 3.27.5 — Find artwork placeholder polish
   Compact, centred empty state for search results without artwork. */
#searchView .find-result-art-fallback,
#searchView .find-art-fallback,
#searchView .card-art-placeholder,
#searchView [class*="artwork-placeholder"]{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
  padding:14px 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  line-height:1.15!important;
}

#searchView .find-result-art-fallback svg,
#searchView .find-result-art-fallback .icon,
#searchView .find-art-fallback svg,
#searchView .find-art-fallback .icon,
#searchView .card-art-placeholder svg,
#searchView .card-art-placeholder .icon,
#searchView [class*="artwork-placeholder"] svg{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  margin:0!important;
  opacity:.72!important;
}

#searchView .find-result-art-fallback strong,
#searchView .find-result-art-fallback span,
#searchView .find-art-fallback strong,
#searchView .find-art-fallback span,
#searchView .card-art-placeholder strong,
#searchView .card-art-placeholder span,
#searchView [class*="artwork-placeholder"] strong,
#searchView [class*="artwork-placeholder"] span{
  display:block!important;
  width:100%!important;
  max-width:112px!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.2!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}


/* =====================================================================
   3.27.5 — Find artwork fallback: icon-only silhouette
   No text inside narrow artwork slots.
   ===================================================================== */

#searchView .find-result-card.artwork-unavailable .result-image,
#searchView .result-image.artwork-missing{
  display:grid!important;
  place-items:center!important;
  min-height:96px!important;
  height:96px!important;
  aspect-ratio:auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:
    linear-gradient(180deg,#0b1417,#071012)!important;
}

#searchView .artwork-placeholder{
  width:66%!important;
  max-width:92px!important;
  height:78%!important;
  min-height:72px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:12px!important;
  border:1px dashed rgba(151,164,181,.30)!important;
  background:
    linear-gradient(180deg,rgba(37,49,61,.72),rgba(18,28,35,.82))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}

#searchView .artwork-placeholder-icon{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  color:#8d9aaa!important;
  font-size:24px!important;
  line-height:1!important;
  opacity:.82!important;
  transform:none!important;
}

/* Ensure old fallback copy cannot render if stale markup survives cache. */
#searchView .artwork-placeholder strong,
#searchView .artwork-placeholder small{
  display:none!important;
}

@media(max-width:720px){
  #searchView .find-result-card.artwork-unavailable .result-image,
  #searchView .result-image.artwork-missing{
    min-height:92px!important;
    height:92px!important;
  }

  #searchView .artwork-placeholder{
    width:64%!important;
    height:76%!important;
    min-height:68px!important;
  }

  #searchView .artwork-placeholder-icon{
    width:28px!important;
    height:28px!important;
    font-size:22px!important;
  }
}

/* 3.30.0 — Collector Premium add-to-binder modal */
#cardModal .modal-frame{background:linear-gradient(180deg,#0b1718 0%,#081216 100%);border:1px solid rgba(233,170,61,.28);}
#cardModal .modal-card-preview{padding-bottom:22px;border-bottom:1px solid rgba(229,224,213,.12);}
#cardModal .modal-image-wrap{background:#071014;border:1px solid rgba(233,170,61,.18);border-radius:18px;overflow:hidden;}
#cardModal .eyebrow{color:var(--bw-amber);letter-spacing:.16em;}
#cardModal h2{font-family:Georgia,'Times New Roman',serif;color:var(--bw-paper);}
#cardModal .bw-add-card-core{margin-top:20px;padding:18px;border:1px solid rgba(87,199,187,.28);border-radius:22px;background:rgba(16,36,34,.45);}
#cardModal .bw-add-card-kicker{margin:0 0 14px;color:#79c9c1;font-weight:800;font-size:.78rem;letter-spacing:.15em;}
#cardModal .bw-add-card-fields{margin:0;}
#cardModal .bw-add-card-more{margin-top:14px;border:1px solid rgba(229,224,213,.14);border-radius:18px;background:rgba(255,255,255,.015);overflow:hidden;}
#cardModal .bw-add-card-more summary{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;cursor:pointer;color:var(--bw-paper);font-weight:750;list-style:none;}
#cardModal .bw-add-card-more summary::-webkit-details-marker{display:none;}
#cardModal .bw-add-card-more[open] summary{border-bottom:1px solid rgba(229,224,213,.1);}
#cardModal .bw-add-card-more .form-grid{padding:18px;margin:0;}
#cardModal .field>span{color:var(--bw-paper);}
#cardModal select,#cardModal input,#cardModal textarea{background:#0b1417;border-color:rgba(229,224,213,.2);}
#cardModal .estimate-strip{border-color:rgba(87,199,187,.25);background:rgba(21,61,56,.25);}
#cardModal .modal-actions{background:rgba(7,16,20,.96);border-top:1px solid rgba(233,170,61,.16);}
#cardModal #saveCardBtn{background:linear-gradient(180deg,#f4bd50,#e7a62f);color:#20180c;border-color:#f1c366;font-weight:850;}
@media(max-width:640px){
 #cardModal .modal-frame{padding:22px 18px 108px;}
 #cardModal .modal-card-preview{grid-template-columns:138px 1fr;gap:18px;align-items:center;}
 #cardModal .bw-add-card-core{padding:16px 14px;}
 #cardModal .bw-add-card-fields{grid-template-columns:1fr 1fr;}
 #cardModal .bw-add-card-fields .full{grid-column:1/-1;}
 #cardModal .modal-actions{position:sticky;bottom:0;margin:20px -18px -108px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));z-index:5;}
}


/* =====================================================================
   3.30.0 — Add to Binder Collector Premium polish
   Locked graphite / warm paper / amber / teal-positive-only system.
   ===================================================================== */

#cardModal{
  background:rgba(2,7,8,.90)!important;
}

#cardModal::backdrop{
  background:rgba(0,4,5,.80)!important;
  backdrop-filter:blur(7px)!important;
}

#cardModal .modal-frame{
  width:min(100%,760px)!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:22px 22px calc(34px + env(safe-area-inset-bottom))!important;
  border:1px solid rgba(214,164,76,.20)!important;
  border-radius:26px 26px 0 0!important;
  background:
    radial-gradient(circle at 16% 6%,rgba(217,164,73,.055),transparent 28%),
    linear-gradient(180deg,#091315,#071012)!important;
  color:#eee8dc!important;
  box-shadow:0 -18px 70px rgba(0,0,0,.42)!important;
}

#cardModal .modal-close{
  border:1px solid rgba(255,255,255,.09)!important;
  background:#101819!important;
  color:#d8d2c6!important;
}

#cardModal .modal-card-preview{
  display:grid!important;
  grid-template-columns:142px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
  padding:10px 0 20px!important;
  border-bottom:1px solid rgba(214,164,76,.18)!important;
}

#cardModal .modal-image-wrap{
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(214,164,76,.28)!important;
  background:#0b1415!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}

#cardModal #modalSet{
  color:#dca64d!important;
  letter-spacing:.14em!important;
}

#cardModal #modalCardName{
  margin:5px 0 9px!important;
  color:#f3eee4!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:40px!important;
  line-height:1!important;
}

#cardModal #modalMeta{
  color:#919b96!important;
  line-height:1.45!important;
}

#cardModal .bw-provider-badge,
#cardModal #modalPriceBadge{
  display:none!important;
}

#cardModal .bw-add-card-core{
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid rgba(214,164,76,.24)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(28,31,24,.42),rgba(12,20,20,.88))!important;
  box-shadow:inset 3px 0 0 rgba(222,164,67,.75)!important;
}

#cardModal .bw-add-card-kicker{
  margin:0 0 14px!important;
  color:#dda84f!important;
  font-size:.76rem!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
}

#cardModal .field>span{
  color:#e8e1d5!important;
}

#cardModal .field small{
  color:#7e8984!important;
}

#cardModal input,
#cardModal select,
#cardModal textarea{
  border:1px solid rgba(255,255,255,.11)!important;
  background:#0c1516!important;
  color:#eee9df!important;
  box-shadow:none!important;
}

#cardModal input:focus,
#cardModal select:focus,
#cardModal textarea:focus{
  border-color:rgba(220,165,73,.62)!important;
  outline:2px solid rgba(220,165,73,.10)!important;
  outline-offset:1px!important;
}

/* Quantity becomes a deliberate - 1 + control. */
#cardModal .bw-quantity-stepper{
  display:grid!important;
  grid-template-columns:46px minmax(56px,1fr) 46px!important;
  min-height:54px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:14px!important;
  background:#0c1516!important;
}

#cardModal .bw-quantity-stepper button{
  border:0!important;
  background:rgba(255,255,255,.025)!important;
  color:#dca64d!important;
  font-size:24px!important;
  font-weight:700!important;
}

#cardModal .bw-quantity-stepper button:first-child{
  border-right:1px solid rgba(255,255,255,.07)!important;
}

#cardModal .bw-quantity-stepper button:last-child{
  border-left:1px solid rgba(255,255,255,.07)!important;
}

#cardModal .bw-quantity-stepper input{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  text-align:center!important;
  font-weight:850!important;
  appearance:textfield!important;
}

#cardModal .bw-quantity-stepper input::-webkit-inner-spin-button,
#cardModal .bw-quantity-stepper input::-webkit-outer-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}

/* Optional data is intentionally secondary. */
#cardModal .bw-add-card-more,
#cardModal .bw-card-value-details{
  margin-top:12px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:17px!important;
  background:#0b1415!important;
}

#cardModal .bw-add-card-more summary,
#cardModal .bw-card-value-details summary{
  min-height:54px!important;
  padding:10px 15px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  list-style:none!important;
  cursor:pointer!important;
  color:#d8d2c7!important;
}

#cardModal .bw-add-card-more summary::-webkit-details-marker,
#cardModal .bw-card-value-details summary::-webkit-details-marker{
  display:none!important;
}

#cardModal .bw-add-card-more summary>span:first-child,
#cardModal .bw-card-value-details summary>span:first-child{
  min-width:0!important;
}

#cardModal .bw-add-card-more summary strong,
#cardModal .bw-card-value-details summary strong{
  display:block!important;
  color:#e7e0d5!important;
  font-size:13px!important;
}

#cardModal .bw-add-card-more summary small,
#cardModal .bw-card-value-details summary small{
  display:block!important;
  margin-top:2px!important;
  color:#747f7a!important;
  font-size:9px!important;
}

#cardModal .bw-add-card-more[open] summary,
#cardModal .bw-card-value-details[open] summary{
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

#cardModal .bw-add-card-more .form-grid,
#cardModal .bw-card-value-details-body{
  padding:15px!important;
}

/* Compact legal acknowledgement before the primary action. */
#cardModal .bw-compact-estimate-ack{
  margin:12px 0 0!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:9px!important;
  align-items:start!important;
  border:1px solid rgba(214,164,76,.14)!important;
  border-radius:14px!important;
  background:rgba(214,164,76,.035)!important;
  color:#a89f91!important;
}

#cardModal .bw-compact-estimate-ack input{
  margin-top:2px!important;
  accent-color:#dca64d!important;
}

#cardModal .bw-compact-estimate-ack strong{
  display:block!important;
  color:#cfc6b8!important;
  font-size:10px!important;
}

#cardModal .bw-compact-estimate-ack small{
  display:block!important;
  margin-top:2px!important;
  color:#7f8984!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}

/* Actions are now in normal document flow: never cover content. */
#cardModal .bw-add-card-actions,
#cardModal .modal-actions{
  position:static!important;
  inset:auto!important;
  margin:12px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:auto 1fr 1.15fr!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  z-index:auto!important;
}

#cardModal .bw-add-card-actions .action-spacer{
  display:none!important;
}

#cardModal .bw-add-card-actions .button{
  min-height:50px!important;
  border-radius:14px!important;
}

#cardModal .bw-add-card-actions .button.primary{
  border:1px solid #e1aa4a!important;
  background:linear-gradient(180deg,#efb957,#dda13e)!important;
  color:#2a2115!important;
  box-shadow:none!important;
  font-weight:900!important;
}

#cardModal .bw-add-card-actions .button.ghost{
  border-color:rgba(255,255,255,.10)!important;
  background:#0e1718!important;
  color:#aaa49a!important;
}

/* Value/history is visually demoted and uses amber/graphite, not legacy teal/blue. */
#cardModal .bw-card-value-details{
  margin-bottom:12px!important;
}

#cardModal .estimate-strip,
#cardModal .card-price-history,
#cardModal .modal-estimate-warning,
#cardModal .shop-card-panel{
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:#0d1617!important;
  box-shadow:none!important;
}

#cardModal .estimate-strip{
  border-left:2px solid rgba(218,161,63,.66)!important;
}

#cardModal .estimate-strip strong{
  color:#e8c07b!important;
}

#cardModal .card-price-history>div:first-child strong{
  color:#e5ded3!important;
}

#cardModal .modal-estimate-warning{
  border-color:rgba(218,161,63,.18)!important;
  background:rgba(218,161,63,.035)!important;
}

#cardModal .shop-card-panel{
  border-color:rgba(255,255,255,.075)!important;
}

#cardModal .shop-card-panel .eyebrow{
  color:#b58d4c!important;
}

#cardModal .affiliate-button{
  border-color:rgba(218,161,63,.40)!important;
  background:transparent!important;
  color:#d9a955!important;
}

/* Teal is reserved for positive states only. */
#cardModal .success,
#cardModal [data-positive="true"]{
  color:#59c7bc!important;
}

@media(max-width:720px){
  #cardModal .modal-frame{
    width:100vw!important;
    max-width:100vw!important;
    padding:16px 18px calc(28px + env(safe-area-inset-bottom))!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:22px 22px 0 0!important;
  }

  #cardModal .modal-card-preview{
    grid-template-columns:128px minmax(0,1fr)!important;
    gap:17px!important;
    padding-top:5px!important;
  }

  #cardModal #modalCardName{
    font-size:34px!important;
  }

  #cardModal .bw-add-card-core{
    padding:15px!important;
  }

  #cardModal .bw-add-card-fields{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }

  #cardModal .bw-add-card-fields .full{
    grid-column:1/-1!important;
  }

  #cardModal .bw-add-card-actions,
  #cardModal .modal-actions{
    grid-template-columns:1fr 1.25fr!important;
  }

  #cardModal .bw-add-card-actions #deleteCardBtn:not(.hidden){
    grid-column:1/-1!important;
  }

  #cardModal .bw-quantity-stepper{
    grid-template-columns:40px minmax(46px,1fr) 40px!important;
  }
}

@media(max-width:390px){
  #cardModal .modal-card-preview{
    grid-template-columns:104px minmax(0,1fr)!important;
  }

  #cardModal #modalCardName{
    font-size:29px!important;
  }

  #cardModal .bw-add-card-fields{
    grid-template-columns:1fr!important;
  }

  #cardModal .bw-add-card-fields .full{
    grid-column:auto!important;
  }

  #cardModal .bw-add-card-actions,
  #cardModal .modal-actions{
    grid-template-columns:1fr 1.2fr!important;
  }
}


/* =====================================================================
   3.30.0 — Add to Binder Compactness Polish
   Final spacing pass. No workflow or data changes.
   ===================================================================== */

/* Recover vertical space in the card identity area. */
#cardModal .modal-frame{
  padding-top:12px!important;
}

#cardModal .modal-card-preview{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  padding:2px 0 14px!important;
}

#cardModal .modal-image-wrap{
  border-radius:14px!important;
}

#cardModal #modalCardName{
  margin:3px 0 6px!important;
  font-size:34px!important;
}

#cardModal #modalMeta{
  margin:0!important;
  font-size:12px!important;
  line-height:1.35!important;
}

#cardModal #modalSet{
  margin:0!important;
  font-size:10px!important;
}

/* Reduce framing: thin premium edge rather than a heavy gold block. */
#cardModal .bw-add-card-core{
  margin-top:12px!important;
  padding:14px!important;
  border:1px solid rgba(214,164,76,.20)!important;
  border-left-color:rgba(214,164,76,.48)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,rgba(24,28,23,.30),rgba(10,17,18,.82))!important;
}

#cardModal .bw-add-card-kicker{
  margin-bottom:10px!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
}

/* Compact but still easy to tap. */
#cardModal .bw-add-card-fields{
  gap:10px!important;
}

#cardModal .field{
  gap:6px!important;
}

#cardModal .field>span{
  font-size:11px!important;
}

#cardModal select,
#cardModal input:not([type="checkbox"]),
#cardModal textarea{
  min-height:48px!important;
  padding-top:9px!important;
  padding-bottom:9px!important;
  border-radius:12px!important;
}

#cardModal .field small{
  margin-top:0!important;
  font-size:8.5px!important;
  line-height:1.25!important;
}

/* Quantity stays visually strong, but shorter. */
#cardModal .bw-quantity-stepper{
  min-height:48px!important;
  border-radius:12px!important;
}

#cardModal .bw-quantity-stepper button{
  font-size:21px!important;
}

#cardModal .bw-quantity-stepper input{
  min-height:46px!important;
  font-size:16px!important;
}

/* Optional disclosure becomes a slim utility row. */
#cardModal .bw-add-card-more{
  margin-top:10px!important;
  border-radius:14px!important;
}

#cardModal .bw-add-card-more summary{
  min-height:44px!important;
  padding:8px 12px!important;
}

#cardModal .bw-add-card-more summary strong{
  font-size:11px!important;
}

#cardModal .bw-add-card-more summary small{
  font-size:8px!important;
}

/* Legal acknowledgement stays visible but discreet. */
#cardModal .bw-compact-estimate-ack{
  margin-top:9px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
}

#cardModal .bw-compact-estimate-ack strong{
  font-size:9px!important;
}

#cardModal .bw-compact-estimate-ack small{
  font-size:7.8px!important;
}

/* Bring the action into view sooner. */
#cardModal .bw-add-card-actions,
#cardModal .modal-actions{
  margin-top:9px!important;
  gap:7px!important;
}

#cardModal .bw-add-card-actions .button{
  min-height:46px!important;
  border-radius:12px!important;
}

/* Secondary value/history remains below the add flow and visually quiet. */
#cardModal .bw-card-value-details{
  margin-top:10px!important;
}

#cardModal .bw-card-value-details summary{
  min-height:44px!important;
  padding:8px 12px!important;
}

#cardModal .bw-card-value-details summary strong{
  font-size:11px!important;
}

#cardModal .bw-card-value-details summary small{
  font-size:8px!important;
}

@media(max-width:720px){
  #cardModal .modal-frame{
    padding:10px 14px calc(22px + env(safe-area-inset-bottom))!important;
  }

  #cardModal .modal-card-preview{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:14px!important;
    padding-bottom:12px!important;
  }

  #cardModal #modalCardName{
    font-size:31px!important;
  }

  #cardModal .bw-add-card-core{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:16px!important;
  }

  #cardModal .bw-add-card-kicker{
    margin-bottom:8px!important;
  }

  #cardModal .bw-add-card-fields{
    gap:8px!important;
  }

  #cardModal .bw-quantity-stepper{
    grid-template-columns:38px minmax(44px,1fr) 38px!important;
  }
}

@media(max-width:390px){
  #cardModal .modal-card-preview{
    grid-template-columns:94px minmax(0,1fr)!important;
  }

  #cardModal #modalCardName{
    font-size:28px!important;
  }

  #cardModal #modalMeta{
    font-size:10.5px!important;
  }

  #cardModal .bw-add-card-core{
    padding:11px!important;
  }
}


/* =====================================================================
   3.30.0 — Add to Binder responsive-width fix
   Prevents any horizontal scrolling/clipping on mobile.
   No visual redesign.
   ===================================================================== */

#cardModal,
#cardModal *{
  box-sizing:border-box!important;
}

#cardModal{
  width:100vw!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}

#cardModal .modal-frame{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

#cardModal .modal-card-preview,
#cardModal .modal-card-preview>div,
#cardModal .bw-add-card-core,
#cardModal .bw-add-card-fields,
#cardModal .field,
#cardModal .bw-add-card-more,
#cardModal .bw-card-value-details,
#cardModal .bw-compact-estimate-ack,
#cardModal .bw-add-card-actions,
#cardModal .modal-actions{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#cardModal .modal-card-preview{
  overflow:hidden!important;
}

#cardModal .modal-card-preview>div:last-child{
  min-width:0!important;
  overflow:hidden!important;
}

#cardModal #modalCardName,
#cardModal #modalMeta,
#cardModal #modalSet{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

#cardModal #modalMeta{
  overflow:visible!important;
  text-overflow:clip!important;
}

#cardModal .modal-image-wrap,
#cardModal .modal-image-wrap img{
  max-width:100%!important;
  min-width:0!important;
}

#cardModal select,
#cardModal input,
#cardModal textarea,
#cardModal button,
#cardModal .bw-quantity-stepper{
  max-width:100%!important;
  min-width:0!important;
}

#cardModal select{
  width:100%!important;
}

#cardModal .bw-quantity-stepper{
  width:100%!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
}

#cardModal .bw-add-card-actions .button,
#cardModal .modal-actions .button{
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
}

#cardModal .bw-add-card-more summary,
#cardModal .bw-card-value-details summary{
  min-width:0!important;
  overflow:hidden!important;
}

#cardModal .bw-add-card-more summary>span:first-child,
#cardModal .bw-card-value-details summary>span:first-child{
  min-width:0!important;
  overflow:hidden!important;
}

#cardModal .bw-add-card-more summary strong,
#cardModal .bw-add-card-more summary small,
#cardModal .bw-card-value-details summary strong,
#cardModal .bw-card-value-details summary small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:720px){
  #cardModal .modal-frame{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  #cardModal .modal-card-preview{
    grid-template-columns:minmax(86px,98px) minmax(0,1fr)!important;
    gap:12px!important;
  }

  #cardModal .modal-image-wrap{
    width:100%!important;
  }

  #cardModal #modalCardName{
    font-size:clamp(26px,8vw,31px)!important;
  }

  #cardModal .bw-add-card-core{
    padding:11px!important;
  }

  #cardModal .bw-add-card-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #cardModal .bw-add-card-fields .full{
    grid-column:auto!important;
  }

  #cardModal .bw-add-card-actions,
  #cardModal .modal-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;
  }
}

@media(max-width:390px){
  #cardModal .modal-card-preview{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:10px!important;
  }

  #cardModal #modalMeta{
    font-size:10px!important;
    line-height:1.3!important;
  }

  #cardModal .bw-add-card-actions,
  #cardModal .modal-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;
  }
}


/* =====================================================================
   3.30.0 — Find Trader Matches / Collector Premium
   Exact printing → nearby approved stock → other approved stock → fallback
   ===================================================================== */

#findCardModal{
  width:100vw!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
  background:rgba(2,7,8,.90)!important;
}

#findCardModal::backdrop{
  background:rgba(0,4,5,.82)!important;
  backdrop-filter:blur(7px)!important;
}

#findCardModal .find-card-frame{
  width:min(100%,720px)!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:18px 18px calc(110px + env(safe-area-inset-bottom))!important;
  overflow-x:hidden!important;
  border:1px solid rgba(214,164,76,.22)!important;
  border-radius:26px 26px 0 0!important;
  background:
    radial-gradient(circle at 16% 8%,rgba(214,164,76,.055),transparent 28%),
    linear-gradient(180deg,#091315,#071012)!important;
  color:#eee8dd!important;
}

#findCardModal *{
  box-sizing:border-box!important;
  min-width:0;
}

#findCardModal .modal-close{
  top:16px!important;
  right:16px!important;
  z-index:4!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#101819!important;
  color:#d8d2c6!important;
}

#findCardModal .find-card-identity{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  padding:3px 50px 16px 0!important;
  border-bottom:1px solid rgba(214,164,76,.16)!important;
}

#findCardModal .find-card-art{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:112px!important;
  min-height:156px!important;
  overflow:hidden!important;
  border-radius:15px!important;
  border:1px solid rgba(214,164,76,.26)!important;
  background:#071012!important;
}

#findCardModal .find-card-art img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}

#findCardModal .find-card-art-fallback{
  position:absolute!important;
  inset:10px!important;
  display:grid!important;
  place-items:center!important;
  border:1px dashed rgba(147,160,173,.28)!important;
  border-radius:11px!important;
  background:#101820!important;
  color:#82909d!important;
  font-size:26px!important;
}

#findCardModal .find-card-art-fallback.hidden{
  display:none!important;
}

#findCardModal .find-card-identity .eyebrow{
  margin:0 0 4px!important;
  color:#dba54b!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
}

#findCardModal #findCardTitle{
  margin:0 0 7px!important;
  max-width:100%!important;
  color:#f2ede3!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:35px!important;
  line-height:1!important;
  overflow-wrap:anywhere!important;
}

#findCardModal #findCardMeta{
  margin:0 0 10px!important;
  color:#909b96!important;
  font-size:11px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#findCardModal .find-card-collection-state{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:27px!important;
  padding:4px 10px!important;
  border-radius:99px!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

#findCardModal .find-card-collection-state.missing{
  border:1px solid rgba(214,164,76,.38)!important;
  background:rgba(214,164,76,.055)!important;
  color:#d8aa5d!important;
}

#findCardModal .find-card-collection-state.chased{
  border:1px solid rgba(150,115,227,.38)!important;
  background:rgba(118,82,205,.08)!important;
  color:#c4aef4!important;
}

#findCardModal .find-card-collection-state.owned{
  border:1px solid rgba(63,190,178,.36)!important;
  background:rgba(41,173,163,.07)!important;
  color:#61c7bc!important;
}

#findCardModal .find-card-location-strip{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin:13px 0 8px!important;
  padding:10px 12px!important;
  border:1px solid rgba(63,190,178,.18)!important;
  border-radius:15px!important;
  background:rgba(12,23,23,.78)!important;
}

#findCardModal .find-card-location-strip>div{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

#findCardModal .find-card-location-icon{
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:1px solid rgba(62,188,177,.32)!important;
  color:#58c6ba!important;
}

#findCardModal .find-card-location-strip strong{
  display:block!important;
  color:#ddd8ce!important;
  font-size:10px!important;
}

#findCardModal .find-card-location-strip small{
  display:block!important;
  margin-top:2px!important;
  color:#7d8984!important;
  font-size:8px!important;
  line-height:1.28!important;
}

#findCardModal .find-card-location-strip .text-button{
  flex:0 0 auto!important;
  color:#d5a452!important;
  font-size:8px!important;
}

#findCardModal .find-card-status{
  margin:8px 2px 12px!important;
  color:#8b9691!important;
  font-size:9px!important;
  line-height:1.35!important;
}

#findCardModal .find-card-match-section{
  margin-top:12px!important;
}

#findCardModal .find-card-section-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:end!important;
  gap:12px!important;
  margin:0 2px 7px!important;
}

#findCardModal .find-card-section-head span{
  display:block!important;
  color:#d4a253!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}

#findCardModal .find-card-section-head strong{
  display:block!important;
  margin-top:2px!important;
  color:#e6e0d5!important;
  font-size:14px!important;
}

#findCardModal .find-card-section-head>small{
  color:#77827d!important;
  font-size:8px!important;
  text-align:right!important;
}

#findCardModal .find-card-offers{
  display:grid!important;
  gap:8px!important;
}

#findCardModal .find-card-offer{
  padding:13px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#111a1a,#0a1314)!important;
}

#findCardModal .find-card-offer.recommended{
  border-color:rgba(214,164,76,.42)!important;
  background:
    radial-gradient(circle at 95% 0%,rgba(218,163,69,.08),transparent 34%),
    linear-gradient(180deg,#161c18,#0a1314)!important;
  box-shadow:inset 3px 0 0 rgba(222,165,69,.72)!important;
}

#findCardModal .find-card-offer-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:start!important;
  gap:12px!important;
}

#findCardModal .find-card-offer-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}

#findCardModal .find-card-offer-badges span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:3px 7px!important;
  border-radius:99px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#121b1c!important;
  color:#98a19d!important;
  font-size:6.8px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
}

#findCardModal .find-card-offer-badges span.best{
  border-color:rgba(214,164,76,.38)!important;
  background:rgba(214,164,76,.06)!important;
  color:#dca84f!important;
}

#findCardModal .find-card-offer-badges span.stock{
  border-color:rgba(61,187,176,.28)!important;
  background:rgba(50,177,166,.06)!important;
  color:#5bc6bb!important;
}

#findCardModal .find-card-offer-price{
  flex:0 0 auto!important;
  text-align:right!important;
}

#findCardModal .find-card-offer-price strong{
  display:block!important;
  color:#f0ebe2!important;
  font-size:18px!important;
  line-height:1!important;
}

#findCardModal .find-card-offer-price small{
  display:block!important;
  max-width:112px!important;
  margin-top:3px!important;
  color:#76817c!important;
  font-size:6.8px!important;
  line-height:1.2!important;
}

#findCardModal .find-card-offer-main{
  margin-top:10px!important;
}

#findCardModal .find-card-trader-name{
  display:block!important;
  color:#eee8de!important;
  font-size:15px!important;
}

#findCardModal .find-card-trader-location{
  display:block!important;
  margin-top:2px!important;
  color:#929b97!important;
  font-size:9px!important;
}

#findCardModal .find-card-stock-meta,
#findCardModal .find-card-service-meta{
  display:block!important;
  margin-top:5px!important;
  color:#a49d90!important;
  font-size:8px!important;
}

#findCardModal .find-card-service-meta{
  color:#77847f!important;
}

#findCardModal .find-card-basket-context,
#findCardModal .trader-event-context{
  display:block!important;
  margin-top:5px!important;
  color:#b99a66!important;
  font-size:7.5px!important;
  font-style:normal!important;
}

#findCardModal .find-card-offer-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;
  gap:7px!important;
  margin-top:11px!important;
}

#findCardModal .find-card-offer-actions .button{
  width:100%!important;
  min-height:39px!important;
  padding:7px 10px!important;
  border-radius:11px!important;
  font-size:8px!important;
}

#findCardModal .find-card-offer-actions .button.primary{
  border:1px solid rgba(218,163,70,.55)!important;
  background:rgba(218,163,70,.055)!important;
  color:#dfa94f!important;
}

#findCardModal .find-card-offer-actions .button.ghost{
  border-color:rgba(255,255,255,.08)!important;
  background:transparent!important;
  color:#8c9691!important;
}

#findCardModal .find-card-location-needed,
#findCardModal .find-card-empty-action{
  padding:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:16px!important;
  background:#0c1516!important;
}

#findCardModal .find-card-location-needed strong,
#findCardModal .find-card-empty-action strong{
  display:block!important;
  color:#ded8ce!important;
  font-size:11px!important;
}

#findCardModal .find-card-location-needed span,
#findCardModal .find-card-empty-action small{
  display:block!important;
  margin-top:4px!important;
  color:#7c8782!important;
  font-size:8.5px!important;
  line-height:1.35!important;
}

#findCardModal .find-card-location-needed .button{
  margin-top:10px!important;
}

#findCardModal .find-card-empty-action{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:13px!important;
  border-color:rgba(214,164,76,.16)!important;
}

#findCardModal .find-card-empty-icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:1px solid rgba(214,164,76,.30)!important;
  color:#d5a452!important;
}

#findCardModal .find-card-fallback{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  margin-top:14px!important;
  padding:13px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:16px!important;
  background:#0a1213!important;
}

#findCardModal .find-card-fallback span{
  display:block!important;
  color:#967849!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

#findCardModal .find-card-fallback strong{
  display:block!important;
  margin-top:2px!important;
  color:#d9d3c8!important;
  font-size:11px!important;
}

#findCardModal .find-card-fallback small{
  display:block!important;
  margin-top:3px!important;
  max-width:330px!important;
  color:#737e79!important;
  font-size:8px!important;
  line-height:1.3!important;
}

#findCardModal .find-card-fallback .button{
  min-height:38px!important;
  padding:7px 11px!important;
  border:1px solid rgba(214,164,76,.34)!important;
  background:transparent!important;
  color:#d6a552!important;
  font-size:8px!important;
}

#findCardModal .find-card-loading{
  padding:16px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#0c1516!important;
  color:#7f8a85!important;
  font-size:9px!important;
}

@media(max-width:720px){
  #findCardModal .find-card-frame{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:14px 14px calc(118px + env(safe-area-inset-bottom))!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:22px 22px 0 0!important;
  }

  #findCardModal .find-card-identity{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:13px!important;
    padding-right:44px!important;
  }

  #findCardModal .find-card-art{
    width:92px!important;
    min-height:128px!important;
  }

  #findCardModal #findCardTitle{
    font-size:29px!important;
  }

  #findCardModal .find-card-fallback{
    grid-template-columns:1fr!important;
  }

  #findCardModal .find-card-fallback .button{
    width:100%!important;
  }
}

@media(max-width:390px){
  #findCardModal .find-card-identity{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:10px!important;
  }

  #findCardModal .find-card-art{
    width:82px!important;
    min-height:114px!important;
  }

  #findCardModal #findCardTitle{
    font-size:26px!important;
  }

  #findCardModal .find-card-offer-top{
    gap:8px!important;
  }

  #findCardModal .find-card-offer-actions{
    grid-template-columns:1fr 1fr!important;
  }
}


/* =====================================================================
   3.30.0 — Trader Match Readability Polish
   Larger collector-facing type, stronger actions, no contradictory empty state.
   ===================================================================== */

#findCardModal .find-card-status{
  font-size:13px!important;
  line-height:1.4!important;
  color:#9aa39f!important;
  margin:11px 4px 14px!important;
}

#findCardModal .find-card-section-head{
  margin-bottom:10px!important;
}

#findCardModal .find-card-section-head span{
  font-size:10px!important;
  letter-spacing:.14em!important;
}

#findCardModal .find-card-section-head strong{
  margin-top:3px!important;
  font-size:22px!important;
  line-height:1.08!important;
}

#findCardModal .find-card-section-head>small{
  font-size:11px!important;
  line-height:1.2!important;
}

#findCardModal .find-card-offers{
  gap:12px!important;
}

#findCardModal .find-card-offer{
  padding:16px!important;
  border-radius:20px!important;
}

#findCardModal .find-card-offer.recommended{
  box-shadow:inset 4px 0 0 rgba(222,165,69,.80)!important;
}

#findCardModal .find-card-offer-badges{
  gap:7px!important;
}

#findCardModal .find-card-offer-badges span{
  min-height:28px!important;
  padding:5px 10px!important;
  font-size:9px!important;
  letter-spacing:.055em!important;
}

#findCardModal .find-card-offer-price strong{
  font-size:30px!important;
  line-height:.98!important;
}

#findCardModal .find-card-offer-price small{
  max-width:150px!important;
  margin-top:5px!important;
  font-size:9px!important;
  line-height:1.25!important;
}

#findCardModal .find-card-offer-main{
  margin-top:13px!important;
}

#findCardModal .find-card-trader-name{
  font-size:21px!important;
  line-height:1.15!important;
}

#findCardModal .find-card-trader-location{
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1.3!important;
}

#findCardModal .find-card-stock-meta,
#findCardModal .find-card-service-meta{
  margin-top:6px!important;
  font-size:12px!important;
  line-height:1.35!important;
}

#findCardModal .find-card-basket-context,
#findCardModal .trader-event-context{
  margin-top:6px!important;
  font-size:11px!important;
  line-height:1.35!important;
}

#findCardModal .find-card-basket-context{
  color:#d5a452!important;
}

#findCardModal .trader-event-context{
  color:#bf96f3!important;
}

#findCardModal .find-card-offer-actions{
  gap:10px!important;
  margin-top:14px!important;
}

#findCardModal .find-card-offer-actions .button{
  min-height:48px!important;
  padding:10px 14px!important;
  border-radius:13px!important;
  font-size:12px!important;
  font-weight:850!important;
}

#findCardModal .find-card-offer.recommended .find-card-offer-actions .button.primary{
  border-color:#e1aa4a!important;
  background:linear-gradient(180deg,#efb957,#dda13e)!important;
  color:#2a2115!important;
}

#findCardModal .find-card-location-strip{
  padding:13px 14px!important;
  border-radius:18px!important;
}

#findCardModal .find-card-location-icon{
  flex-basis:42px!important;
  width:42px!important;
  height:42px!important;
  font-size:18px!important;
}

#findCardModal .find-card-location-strip strong{
  font-size:14px!important;
}

#findCardModal .find-card-location-strip small{
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.35!important;
}

#findCardModal .find-card-location-strip .text-button{
  font-size:11px!important;
  font-weight:800!important;
}

#findCardModal .find-card-empty-action{
  padding:16px!important;
  border-radius:18px!important;
}

#findCardModal .find-card-empty-action strong{
  font-size:14px!important;
  line-height:1.3!important;
}

#findCardModal .find-card-empty-action small{
  font-size:11px!important;
  line-height:1.45!important;
}

#findCardModal .find-card-fallback{
  padding:16px!important;
  border-radius:18px!important;
}

#findCardModal .find-card-fallback span{
  font-size:9px!important;
}

#findCardModal .find-card-fallback strong{
  margin-top:4px!important;
  font-size:16px!important;
}

#findCardModal .find-card-fallback small{
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.4!important;
}

#findCardModal .find-card-fallback .button{
  min-height:46px!important;
  padding:10px 14px!important;
  font-size:11px!important;
  font-weight:800!important;
}

@media(max-width:720px){
  #findCardModal .find-card-section-head strong{
    font-size:20px!important;
  }

  #findCardModal .find-card-offer{
    padding:15px!important;
  }

  #findCardModal .find-card-offer-price strong{
    font-size:28px!important;
  }

  #findCardModal .find-card-trader-name{
    font-size:19px!important;
  }

  #findCardModal .find-card-offer-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
}

@media(max-width:390px){
  #findCardModal .find-card-offer-top{
    flex-wrap:wrap!important;
  }

  #findCardModal .find-card-offer-price{
    width:100%!important;
    text-align:left!important;
    display:flex!important;
    align-items:baseline!important;
    gap:8px!important;
  }

  #findCardModal .find-card-offer-price small{
    margin:0!important;
  }

  #findCardModal .find-card-trader-name{
    font-size:18px!important;
  }

  #findCardModal .find-card-offer-actions .button{
    font-size:11px!important;
  }
}


/* =====================================================================
   3.30.0 — Trader Match Mobile Readability + definitive empty-state fix
   ===================================================================== */

/* IMPORTANT: ensure the no-match card is genuinely hidden when matches exist. */
#findCardModal .find-card-empty-action.hidden{
  display:none!important;
}

/* Larger mobile-first typography inside trader/location/fallback boxes. */
#findCardModal .find-card-location-strip{
  padding:15px 16px!important;
  gap:14px!important;
}

#findCardModal .find-card-location-icon{
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  font-size:20px!important;
}

#findCardModal .find-card-location-strip strong{
  font-size:17px!important;
  line-height:1.2!important;
}

#findCardModal .find-card-location-strip small{
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1.4!important;
}

#findCardModal .find-card-location-strip .text-button{
  font-size:13px!important;
  font-weight:900!important;
}

#findCardModal .find-card-status{
  font-size:15px!important;
  line-height:1.45!important;
}

#findCardModal .find-card-section-head span{
  font-size:11px!important;
}

#findCardModal .find-card-section-head strong{
  font-size:24px!important;
  line-height:1.1!important;
}

#findCardModal .find-card-section-head>small{
  font-size:13px!important;
}

#findCardModal .find-card-offer{
  padding:18px!important;
  border-radius:21px!important;
}

#findCardModal .find-card-offer-badges span{
  min-height:30px!important;
  padding:6px 11px!important;
  font-size:10.5px!important;
  line-height:1!important;
}

#findCardModal .find-card-offer-price strong{
  font-size:34px!important;
  line-height:1!important;
}

#findCardModal .find-card-offer-price small{
  max-width:160px!important;
  font-size:11px!important;
  line-height:1.3!important;
}

#findCardModal .find-card-trader-name{
  font-size:24px!important;
  line-height:1.16!important;
}

#findCardModal .find-card-trader-location{
  margin-top:6px!important;
  font-size:15px!important;
  line-height:1.35!important;
}

#findCardModal .find-card-stock-meta,
#findCardModal .find-card-service-meta{
  margin-top:7px!important;
  font-size:14px!important;
  line-height:1.4!important;
}

#findCardModal .find-card-basket-context,
#findCardModal .trader-event-context{
  margin-top:7px!important;
  font-size:13px!important;
  line-height:1.4!important;
}

#findCardModal .find-card-offer-actions{
  gap:11px!important;
  margin-top:16px!important;
}

#findCardModal .find-card-offer-actions .button{
  min-height:52px!important;
  padding:11px 15px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

#findCardModal .find-card-empty-action{
  padding:18px!important;
}

#findCardModal .find-card-empty-action strong{
  font-size:17px!important;
  line-height:1.3!important;
}

#findCardModal .find-card-empty-action small{
  margin-top:5px!important;
  font-size:13px!important;
  line-height:1.45!important;
}

#findCardModal .find-card-fallback{
  padding:18px!important;
}

#findCardModal .find-card-fallback span{
  font-size:10px!important;
}

#findCardModal .find-card-fallback strong{
  font-size:19px!important;
}

#findCardModal .find-card-fallback small{
  font-size:13px!important;
  line-height:1.45!important;
}

#findCardModal .find-card-fallback .button{
  min-height:50px!important;
  font-size:13px!important;
  font-weight:900!important;
}

@media(max-width:720px){
  #findCardModal .find-card-frame{
    padding-left:13px!important;
    padding-right:13px!important;
  }

  #findCardModal .find-card-section-head strong{
    font-size:23px!important;
  }

  #findCardModal .find-card-offer{
    padding:17px!important;
  }

  #findCardModal .find-card-trader-name{
    font-size:22px!important;
  }

  #findCardModal .find-card-offer-price strong{
    font-size:32px!important;
  }
}

@media(max-width:390px){
  #findCardModal .find-card-location-strip{
    padding:13px!important;
  }

  #findCardModal .find-card-location-strip strong{
    font-size:15px!important;
  }

  #findCardModal .find-card-location-strip small{
    font-size:12px!important;
  }

  #findCardModal .find-card-offer{
    padding:15px!important;
  }

  #findCardModal .find-card-trader-name{
    font-size:20px!important;
  }

  #findCardModal .find-card-trader-location,
  #findCardModal .find-card-stock-meta,
  #findCardModal .find-card-service-meta{
    font-size:13px!important;
  }

  #findCardModal .find-card-basket-context,
  #findCardModal .trader-event-context{
    font-size:12px!important;
  }

  #findCardModal .find-card-offer-actions .button{
    font-size:13px!important;
  }
}


/* =====================================================================
   3.30.0 — Trader action contrast polish
   Makes View trader / Directions / marketplace fallback read as buttons,
   not faint links inside boxes.
   ===================================================================== */

/* Shared action label treatment */
#findCardModal .find-card-offer-actions .button,
#findCardModal .find-card-fallback .button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  text-decoration:none!important;
  text-underline-offset:0!important;
  font-weight:900!important;
  letter-spacing:0!important;
  line-height:1.1!important;
}

/* Primary trader action */
#findCardModal .find-card-offer-actions .button.primary{
  border:1px solid #e3ad4b!important;
  background:linear-gradient(180deg,#f2bd58,#dfa13d)!important;
  color:#241d14!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  text-decoration:none!important;
}

#findCardModal .find-card-offer-actions .button.primary:hover,
#findCardModal .find-card-offer-actions .button.primary:focus-visible{
  color:#17120d!important;
  border-color:#f0be61!important;
  filter:brightness(1.04)!important;
}

/* Directions — secondary, but high contrast */
#findCardModal .find-card-offer-actions .button.ghost{
  border:1px solid rgba(232,228,218,.30)!important;
  background:#0b1415!important;
  color:#eee8dd!important;
  text-decoration:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

#findCardModal .find-card-offer-actions .button.ghost:hover,
#findCardModal .find-card-offer-actions .button.ghost:focus-visible{
  border-color:rgba(232,228,218,.48)!important;
  color:#fffaf0!important;
  background:#101a1b!important;
}

/* Marketplace fallback remains secondary to approved traders,
   but is no longer washed out. */
#findCardModal .find-card-fallback .button{
  border:1px solid rgba(223,168,75,.58)!important;
  background:#0b1415!important;
  color:#f0e8da!important;
  text-decoration:none!important;
}

#findCardModal .find-card-fallback .button:hover,
#findCardModal .find-card-fallback .button:focus-visible{
  border-color:#dfa84b!important;
  color:#fff8ec!important;
  background:#11191a!important;
}

/* Slightly larger labels on real mobile screens */
@media(max-width:720px){
  #findCardModal .find-card-offer-actions .button{
    min-height:54px!important;
    font-size:15px!important;
    padding:12px 16px!important;
  }

  #findCardModal .find-card-fallback .button{
    min-height:52px!important;
    font-size:14px!important;
    padding:11px 15px!important;
  }
}

@media(max-width:390px){
  #findCardModal .find-card-offer-actions .button{
    font-size:14px!important;
  }

  #findCardModal .find-card-fallback .button{
    font-size:13.5px!important;
  }
}


/* =====================================================================
   3.32.0 — Collection COMPLETE workflow polish
   ===================================================================== */

#collectionView .collection-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:12px!important;
}
#collectionView .collection-toolbar .filter-field{
  grid-column:1 / -1!important;
}
#collectionView #collectionSort{
  grid-column:1!important;
  min-width:0!important;
  width:100%!important;
}
#collectionView #exportCsvBtn{
  grid-column:2!important;
  min-width:112px!important;
}
#collectionView .collection-summary{
  margin-top:10px!important;
}

.collection-set-divider span small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.collection-open-page-head{
  align-items:center!important;
  gap:12px!important;
}
.collection-open-progress-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:5px!important;
  text-align:right!important;
}
.collection-open-progress-actions>b{
  color:var(--v24-teal,#54c8bc)!important;
  font-size:13px!important;
  line-height:1.15!important;
}
.collection-view-missing{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--v24-amber,#e3aa49)!important;
  font:inherit!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.collection-open-missing-card em{
  display:block!important;
  margin-top:7px!important;
  color:rgba(225,170,74,.72)!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

.collection-open-page-foot span small{
  max-width:230px!important;
  line-height:1.25!important;
}

@media(max-width:720px){
  #collectionView .collection-toolbar{
    grid-template-columns:minmax(0,1fr) 118px!important;
  }
  #collectionView #exportCsvBtn{
    min-width:0!important;
  }
  .collection-open-progress-actions>b{
    font-size:12px!important;
  }
  .collection-view-missing{
    font-size:9.5px!important;
  }
}

@media(max-width:390px){
  .collection-open-page-head{
    align-items:flex-start!important;
  }
  .collection-open-progress-actions{
    max-width:135px!important;
  }
  .collection-open-progress-actions>b{
    font-size:11px!important;
  }
}


/* =====================================================================
   3.32.0 — Collection mobile layout polish
   Fix truncation and spacing without changing collection logic.
   ===================================================================== */

#collectionView .collection-toolbar{
  grid-template-columns:minmax(0,1fr) 102px!important;
}
#collectionView #collectionSort{
  min-width:0!important;
  width:100%!important;
  padding-right:34px!important;
  font-size:14px!important;
}
#collectionView #exportCsvBtn{
  min-width:102px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  font-size:12px!important;
}

/* Divider tabs: set name + completion percentage only. */
.collection-set-divider{
  min-width:0!important;
}
.collection-set-divider span{
  min-width:0!important;
}
.collection-set-divider span strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.collection-set-divider span small{
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

/* Open binder header: protect the full set name from needless truncation. */
.collection-open-page-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
}
.collection-open-set-id{
  min-width:0!important;
}
.collection-open-set-id>span:last-child{
  min-width:0!important;
}
.collection-open-set-id strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.08!important;
}

/* Completion block keeps a tighter footprint on the right. */
.collection-open-progress-actions{
  max-width:126px!important;
  min-width:112px!important;
}
.collection-open-progress-actions>b{
  white-space:normal!important;
  text-align:right!important;
}
.collection-view-missing{
  white-space:nowrap!important;
}

/* Keep mobile footer readable above the fixed nav. */
.collection-open-page-foot span{
  min-width:0!important;
}
.collection-open-page-foot span small{
  display:block!important;
  white-space:normal!important;
}

@media(max-width:720px){
  #collectionView .collection-toolbar{
    grid-template-columns:minmax(0,1fr) 96px!important;
  }
  #collectionView #collectionSort{
    font-size:13.5px!important;
  }
  #collectionView #exportCsvBtn{
    min-width:96px!important;
    font-size:11.5px!important;
  }

  .collection-open-page-head{
    grid-template-columns:minmax(0,1fr) 118px!important;
    gap:8px!important;
  }
  .collection-open-set-id strong{
    font-size:17px!important;
  }
  .collection-open-progress-actions{
    min-width:0!important;
    max-width:118px!important;
  }
}

@media(max-width:390px){
  #collectionView .collection-toolbar{
    grid-template-columns:minmax(0,1fr) 90px!important;
  }
  #collectionView #exportCsvBtn{
    min-width:90px!important;
    font-size:11px!important;
  }
  .collection-open-page-head{
    grid-template-columns:minmax(0,1fr) 108px!important;
  }
  .collection-open-progress-actions{
    max-width:108px!important;
  }
}


/* =====================================================================
   3.32.0 — Missing → Chase workflow
   Action-led completion flow. No scanner / Challenge / trader logic changes.
   ===================================================================== */
#setsView .bw-missing-action-intro{
  margin:0 0 12px!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  border:1px solid rgba(72,203,190,.24)!important;
  border-left:4px solid #43c9bd!important;
  border-radius:18px!important;
  background:
    linear-gradient(115deg,rgba(62,196,184,.075),transparent 42%),
    linear-gradient(180deg,#111c1f,#0c1619)!important;
}
#setsView .bw-missing-action-intro h3{
  margin:2px 0 5px!important;
  font-size:22px!important;
  line-height:1.08!important;
  color:#f0ede5!important;
}
#setsView .bw-missing-action-intro p:not(.eyebrow){
  margin:0!important;
  max-width:650px!important;
  color:#929c9d!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#setsView .bw-missing-action-intro .button{
  min-height:44px!important;
  white-space:nowrap!important;
}

/* Missing cards: Chase is the primary completion action, Find stays available. */
#setsView .set-card-tile.missing .set-card-actions [data-toggle-wanted],
#setsView .set-card-tile.missing .set-card-actions [data-want-card-missing]{
  border-color:rgba(217,161,63,.55)!important;
  color:#efb44c!important;
  background:rgba(217,161,63,.075)!important;
  font-weight:850!important;
}
#setsView .set-card-tile.missing .set-card-actions .wanted-active{
  border-color:rgba(68,205,191,.55)!important;
  color:#55d2c5!important;
  background:rgba(68,205,191,.075)!important;
}

/* Chase rows should read as wanted-card decisions, not generic list records. */
#setsView .wanted-row.chase-row{
  border-left:3px solid rgba(217,161,63,.55)!important;
  background:
    linear-gradient(105deg,rgba(217,161,63,.045),transparent 34%),
    #0d171a!important;
}
#setsView .wanted-row.chase-row .wanted-row-actions [data-find-card]{
  box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
}
#setsView .wanted-list-status{
  line-height:1.45!important;
}

@media(max-width:720px){
  #setsView .bw-missing-action-intro{
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:14px!important;
  }
  #setsView .bw-missing-action-intro h3{font-size:20px!important}
  #setsView .bw-missing-action-intro .button{width:100%!important}
  #setsView .set-card-actions{
    gap:6px!important;
  }
  #setsView .set-card-actions [data-toggle-wanted],
  #setsView .set-card-actions [data-want-card-missing],
  #setsView .set-card-actions [data-find-card]{
    min-height:44px!important;
  }
}

/* =====================================================================
   3.32.1 — Missing page sign-off polish
   Collector-facing set codes, tighter mobile hierarchy and tappable rows.
   ===================================================================== */
#setsView .set-row[data-set-row-open]{cursor:pointer}
#setsView .set-row[data-set-row-open]:focus-visible{
  outline:2px solid rgba(239,180,76,.85)!important;
  outline-offset:2px!important;
}
#setsView .set-pin-icon.active{
  color:#efb44c!important;
  border-color:rgba(239,180,76,.48)!important;
  background:rgba(239,180,76,.09)!important;
}

@media(max-width:720px){
  /* One compact Chase summary instead of a second hero. */
  #setsView .bw-missing-action-intro{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:10px 12px!important;
    margin-bottom:9px!important;
    border-radius:15px!important;
  }
  #setsView .bw-missing-action-intro .eyebrow{display:none!important}
  #setsView .bw-missing-action-intro h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.15!important;
  }
  #setsView .bw-missing-action-intro p:not(.eyebrow){
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  #setsView .bw-missing-action-intro .button{
    width:auto!important;
    min-height:40px!important;
    padding:0 11px!important;
    font-size:10.5px!important;
  }

  /* Summary boxes remain useful without dominating the route to Best Next Set. */
  #setsView .set-stats-grid{
    gap:6px!important;
    margin-bottom:9px!important;
  }
  #setsView .set-stats-grid article{
    min-height:72px!important;
    padding:9px 10px!important;
  }
  #setsView .set-stats-grid article strong{
    margin:4px 0 2px!important;
    font-size:18px!important;
  }
  #setsView .set-stats-grid article small{
    font-size:9px!important;
    line-height:1.2!important;
  }

  /* Search + sort share a row; search gets the useful width. */
  #setsView .sets-toolbar{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)!important;
    gap:6px!important;
  }
  #setsView .sets-toolbar select{
    min-width:0!important;
    width:100%!important;
    padding-left:10px!important;
    padding-right:28px!important;
    font-size:10.5px!important;
  }
  #setsView .filter-field input{
    min-width:0!important;
    font-size:12px!important;
  }

  /* Denser set rows; missing count is already visible, so CTA just says Open set. */
  #setsView .set-row{
    row-gap:4px!important;
    padding-top:10px!important;
    padding-bottom:9px!important;
  }
  #setsView .set-row-cta{
    min-height:26px!important;
    padding:2px 0!important;
  }

  /* Fixed dock must never cover the last set. */
  #setsView{padding-bottom:150px!important}
}

/* 3.32.1 Chase List hierarchy polish — Smart Find first */
#setsView #wantedWorkspace .chase-smart-find-panel{
  margin:0 0 16px!important;
  padding:20px!important;
  border:1px solid rgba(239,173,54,.56)!important;
  border-left:4px solid #efad36!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(239,173,54,.11),transparent 34%),
    linear-gradient(145deg,rgba(17,31,28,.98),rgba(9,22,21,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(57,199,187,.05),0 14px 32px rgba(0,0,0,.16)!important;
}
#setsView #wantedWorkspace .chase-smart-find-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
#setsView #wantedWorkspace .chase-smart-find-head .eyebrow{color:#e8ad4a!important;margin:0 0 6px!important}
#setsView #wantedWorkspace .chase-smart-find-head h3{margin:0!important;color:#f3f0e9!important;font-size:24px!important;line-height:1.08!important}
#setsView #wantedWorkspace .chase-smart-find-head p:not(.eyebrow){margin:8px 0 0!important;color:#9ba49f!important;font-size:13px!important;line-height:1.45!important}
#setsView #wantedWorkspace .chase-trader-summary-strip{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}
#setsView #wantedWorkspace .chase-smart-card{display:grid!important;grid-template-columns:46px minmax(0,1fr) 38px!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:13px 12px!important;border-radius:18px!important;border:1px solid rgba(65,211,193,.22)!important;background:linear-gradient(180deg,rgba(12,37,33,.93),rgba(9,28,26,.93))!important}
#setsView #wantedWorkspace .chase-smart-card.best-overall{border-color:rgba(239,173,54,.40)!important;background:linear-gradient(180deg,rgba(51,44,20,.47),rgba(18,34,29,.96))!important}
#setsView #wantedWorkspace .chase-smart-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(239,173,54,.45);color:#efad36;font-size:18px;background:rgba(239,173,54,.07)}
#setsView #wantedWorkspace .chase-smart-card:not(.best-overall) .chase-smart-card-icon{border-color:rgba(63,201,187,.35);color:#58d0c1;background:rgba(63,201,187,.07)}
#setsView #wantedWorkspace .chase-smart-card-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
#setsView #wantedWorkspace .chase-smart-card-copy>span{color:#e8ad4a!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important}
#setsView #wantedWorkspace .chase-smart-card:not(.best-overall) .chase-smart-card-copy>span{color:#62d1c2!important}
#setsView #wantedWorkspace .chase-smart-card-copy>strong{color:#f3f0e9!important;font-size:16px!important;line-height:1.18!important;white-space:normal!important}
#setsView #wantedWorkspace .chase-smart-card-copy>small{color:#a3aaa6!important;font-size:12px!important;line-height:1.3!important}
#setsView #wantedWorkspace .chase-smart-card-copy>em{color:#cbb66a!important;font-style:normal!important;font-size:11px!important;line-height:1.3!important;margin-top:2px!important}
#setsView #wantedWorkspace .chase-smart-card-go{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;text-decoration:none!important;background:#efad36!important;color:#111b18!important;font-size:25px!important;font-weight:800!important}
#setsView #wantedWorkspace .chase-smart-find-empty{padding:14px 12px;border-radius:15px;background:rgba(255,255,255,.025);color:#8e9792;font-size:12px;line-height:1.45}
#setsView #wantedWorkspace .chase-smart-find-all{width:100%!important;margin-top:12px!important;justify-content:center!important}
#setsView #wantedWorkspace .chase-list-toolbar{margin-top:4px!important}
#setsView #wantedWorkspace .wanted-list{margin-bottom:18px!important}
#setsView #wantedWorkspace .chase-budget-panel{margin-top:12px!important}
#setsView #wantedWorkspace .chase-trader-baskets-panel{margin-top:16px!important;scroll-margin-top:110px!important}
#setsView #wantedWorkspace .chase-trader-baskets-head .eyebrow{color:#d7a147!important}
#setsView #wantedWorkspace .chase-trader-baskets-head h3{font-size:22px!important}
#setsView #wantedWorkspace .chase-row-tags>span:first-child{background:rgba(121,82,203,.18)!important;border-color:rgba(154,112,236,.28)!important;color:#c5a8f6!important}

@media(max-width:680px){
  #setsView #wantedWorkspace .chase-smart-find-panel{padding:16px!important;border-radius:21px!important}
  #setsView #wantedWorkspace .chase-smart-find-head h3{font-size:21px!important}
  #setsView #wantedWorkspace .chase-smart-card{grid-template-columns:40px minmax(0,1fr) 34px!important;gap:10px!important;padding:12px 10px!important}
  #setsView #wantedWorkspace .chase-smart-card-icon{width:38px;height:38px}
  #setsView #wantedWorkspace .chase-smart-card-copy>strong{font-size:15px!important}
  #setsView #wantedWorkspace .chase-smart-card-copy>small{font-size:11px!important}
  #setsView #wantedWorkspace .chase-smart-card-go{width:32px!important;height:32px!important;font-size:22px!important}
  #setsView #wantedWorkspace .wanted-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  #setsView #wantedWorkspace .wanted-toolbar .filter-field,#setsView #wantedWorkspace .wanted-toolbar select{width:100%!important;max-width:none!important}
  #setsView #wantedWorkspace .wanted-toolbar #buildWantedFromMissingBtn,#setsView #wantedWorkspace .wanted-toolbar #clearWantedBtn{display:none!important}
}


/* v3.32.1 Chase List mobile sign-off polish */
#setsView #wantedWorkspace .chase-smart-find-panel{padding:18px!important}
#setsView #wantedWorkspace .chase-smart-find-head{margin-bottom:10px!important}
#setsView #wantedWorkspace .chase-smart-find-head p:not(.eyebrow){margin-top:6px!important;line-height:1.38!important}
#setsView #wantedWorkspace .chase-trader-summary-strip{gap:8px!important}
#setsView #wantedWorkspace .chase-smart-card{padding:10px 11px!important;min-height:0!important}
#setsView #wantedWorkspace .chase-smart-card-copy{gap:2px!important}
#setsView #wantedWorkspace .chase-smart-card-copy>em{margin-top:1px!important}
#setsView #wantedWorkspace .chase-smart-find-all{margin-top:9px!important}
#setsView #wantedWorkspace .chase-list-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(11,25,23,.82)!important}
#setsView #wantedWorkspace .chase-list-toolbar .filter-field{margin:0!important;width:100%!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
#setsView #wantedWorkspace .chase-list-toolbar select{width:100%!important;margin:0!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important}
#setsView #wantedWorkspace .wanted-row.chase-row .wanted-row-actions .icon-button[data-remove-wanted]{width:42px!important;min-width:42px!important;height:42px!important;border-radius:13px!important;font-size:20px!important;opacity:.72!important}
#setsView #wantedWorkspace .wanted-row.chase-row .wanted-row-actions [data-find-card]{font-weight:850!important}
@media(max-width:600px){
 #setsView #wantedWorkspace .chase-smart-find-panel{padding:14px!important}
 #setsView #wantedWorkspace .chase-smart-find-head h3{font-size:20px!important}
 #setsView #wantedWorkspace .chase-smart-card{grid-template-columns:36px minmax(0,1fr) 32px!important;gap:9px!important;padding:9px 9px!important}
 #setsView #wantedWorkspace .chase-smart-card-icon{width:34px!important;height:34px!important;font-size:16px!important}
 #setsView #wantedWorkspace .chase-smart-card-copy>strong{font-size:14.5px!important}
 #setsView #wantedWorkspace .chase-smart-card-copy>small,#setsView #wantedWorkspace .chase-smart-card-copy>em{font-size:10.5px!important}
}


/* v3.32.2 Chase List final sign-off — spacing + toolbar shell */
#setsView #wantedWorkspace .chase-smart-find-all{
  margin-top:14px!important;
  position:relative!important;
  z-index:1!important;
}
#setsView #wantedWorkspace .chase-smart-card:last-child{
  margin-bottom:2px!important;
}
#setsView #wantedWorkspace .chase-list-toolbar{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
  gap:10px!important;
}
#setsView #wantedWorkspace .chase-list-toolbar .filter-field,
#setsView #wantedWorkspace .chase-list-toolbar select{
  background:rgba(11,25,23,.82)!important;
}
@media(max-width:600px){
  #setsView #wantedWorkspace .chase-smart-find-all{margin-top:16px!important}
}

/* v3.32.3 Chase List sign-off — Smart Find footer link */
#setsView #wantedWorkspace .chase-smart-find-all{
  width:auto!important;
  min-width:0!important;
  display:inline-flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin:16px 0 2px 0!important;
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#e9c16a!important;
  text-decoration:none!important;
  font-weight:800!important;
}
#setsView #wantedWorkspace .chase-smart-find-all:hover,
#setsView #wantedWorkspace .chase-smart-find-all:focus{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f4cf79!important;
  text-decoration:underline!important;
}


/* v3.33.0 Set Completion Intelligence */
#setModal .set-completion-intel{
  margin:18px 24px 16px;
  padding:22px;
  border:1px solid rgba(236,175,55,.82);
  border-left:5px solid #f0b33d;
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 0%,rgba(238,180,61,.09),transparent 33%),
    radial-gradient(circle at 100% 100%,rgba(42,205,190,.08),transparent 38%),
    rgba(8,26,23,.93);
  box-shadow:inset 0 0 0 1px rgba(45,205,190,.05),0 12px 32px rgba(0,0,0,.18);
}
#setModal .set-completion-intel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
#setModal .set-completion-intel-head .eyebrow{margin:0 0 7px;color:#eeb74f;letter-spacing:.16em;font-weight:900}
#setModal .set-completion-intel-head h3{margin:0 0 7px;font-family:Georgia,serif;font-size:28px;line-height:1.04;color:#f5f2ea}
#setModal .set-completion-intel-head p:not(.eyebrow){margin:0;color:#9ba9a5;line-height:1.45;max-width:620px}
#setModal .set-completion-intel-help{border:0;background:transparent;color:#68d2c6;font-weight:750;white-space:nowrap;padding:4px 0;cursor:pointer}
#setModal .set-completion-intel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#setModal .set-completion-intel-grid article{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(9,24,22,.78);display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}
#setModal .set-completion-intel-grid article>span{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.045);font-size:16px}
#setModal .set-completion-intel-grid article>strong{font-size:25px;line-height:1;color:#f5f2ea}
#setModal .set-completion-intel-grid article>b{grid-column:2;font-size:12px;color:#e8ece9;line-height:1.2}
#setModal .set-completion-intel-grid article>small{grid-column:1/-1;margin-top:7px;color:#869590;font-size:10px;line-height:1.3}
#setModal .set-completion-intel-grid .available{border-color:rgba(24,180,128,.38)}
#setModal .set-completion-intel-grid .available>span{color:#4edbb8}
#setModal .set-completion-intel-grid .nearby{border-color:rgba(38,190,196,.36)}
#setModal .set-completion-intel-grid .nearby>span{color:#5ed9d1}
#setModal .set-completion-intel-grid .unavailable{border-color:rgba(226,165,50,.34)}
#setModal .set-completion-intel-grid .unavailable>span{color:#eeb74f}
#setModal .set-completion-intel-grid .value{border-color:rgba(147,112,236,.34)}
#setModal .set-completion-intel-grid .value>span{color:#b698ff}
#setModal .set-completion-intel-finish{width:100%;margin-top:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035);display:flex;align-items:center;text-align:left;gap:11px;color:#edf1ee}
#setModal .set-completion-intel-finish>span:first-child{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#eeb74f}
#setModal .set-completion-intel-finish>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
#setModal .set-completion-intel-finish strong{font-size:13px}
#setModal .set-completion-intel-finish small{color:#8f9c98;font-size:10px}
#setModal .set-completion-intel-cta{width:100%;margin-top:14px;padding:14px 18px;border:1px solid #efb340;border-radius:16px;background:linear-gradient(180deg,#f7c255,#efa92e);color:#171915;font-weight:900;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.32)}
#setModal .set-completion-intel-cta:disabled{opacity:.55}
@media(max-width:700px){
  #setModal .set-completion-intel{margin:14px 24px 14px;padding:16px;border-radius:24px}
  #setModal .set-completion-intel-head{display:block;margin-bottom:14px}
  #setModal .set-completion-intel-head h3{font-size:24px}
  #setModal .set-completion-intel-head p:not(.eyebrow){font-size:13px}
  #setModal .set-completion-intel-help{margin-top:9px;font-size:11px}
  #setModal .set-completion-intel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #setModal .set-completion-intel-grid article{padding:11px;border-radius:15px}
  #setModal .set-completion-intel-grid article>strong{font-size:22px}
  #setModal .set-completion-intel-cta{font-size:13px;padding:13px 11px}
}

/* v3.33.1 — Completion Intelligence visual match pass
   Visual-only. Keep all v3.33.0 calculations and actions intact. */
#setModal .set-completion-intel{
  box-sizing:border-box!important;
  width:calc(100% - 48px)!important;
  max-width:none!important;
  align-self:stretch!important;
  margin:16px 24px 14px!important;
  padding:18px 18px 17px!important;
  border:1px solid rgba(238,179,61,.9)!important;
  border-left:5px solid #f0b33d!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(238,180,61,.10),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(42,205,190,.09),transparent 42%),
    linear-gradient(135deg,rgba(15,37,31,.98),rgba(6,25,23,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(45,205,190,.035),0 10px 28px rgba(0,0,0,.16)!important;
}
#setModal .set-completion-intel-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px 12px!important;
  align-items:start!important;
  margin-bottom:15px!important;
}
#setModal .set-completion-intel-head>div{min-width:0!important}
#setModal .set-completion-intel-head .eyebrow{
  margin:0 0 6px!important;
  color:#edb44a!important;
  font-size:11px!important;
  letter-spacing:.17em!important;
  font-weight:900!important;
}
#setModal .set-completion-intel-head h3{
  margin:0 0 5px!important;
  font-family:inherit!important;
  font-size:27px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  font-weight:850!important;
  color:#f4f3ed!important;
}
#setModal .set-completion-intel-head p:not(.eyebrow){
  margin:0!important;
  max-width:520px!important;
  color:#9aa7a3!important;
  font-size:12px!important;
  line-height:1.43!important;
}
#setModal .set-completion-intel-help{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  margin:0!important;
  padding:1px 0!important;
  color:#62d1c5!important;
  font-size:10px!important;
  line-height:1.2!important;
}
#setModal .set-completion-intel-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
#setModal .set-completion-intel-grid article{
  min-height:108px!important;
  padding:12px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-rows:auto auto 1fr!important;
  column-gap:9px!important;
  row-gap:2px!important;
  align-items:center!important;
  background:rgba(8,27,24,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
#setModal .set-completion-intel-grid article>span{
  grid-column:1!important;
  grid-row:1/3!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:800!important;
  background:rgba(255,255,255,.04)!important;
}
#setModal .set-completion-intel-grid article>strong{
  grid-column:2!important;
  grid-row:1!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:850!important;
  color:#f4f3ed!important;
  white-space:nowrap!important;
}
#setModal .set-completion-intel-grid article>b{
  grid-column:2!important;
  grid-row:2!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#e7ebe8!important;
}
#setModal .set-completion-intel-grid article>small{
  grid-column:1/-1!important;
  grid-row:3!important;
  align-self:end!important;
  margin-top:6px!important;
  color:#899792!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
#setModal .set-completion-intel-grid .available{border-color:rgba(28,189,136,.48)!important;background:linear-gradient(145deg,rgba(10,48,39,.8),rgba(8,28,25,.75))!important}
#setModal .set-completion-intel-grid .nearby{border-color:rgba(43,191,199,.45)!important;background:linear-gradient(145deg,rgba(7,43,45,.8),rgba(8,28,25,.75))!important}
#setModal .set-completion-intel-grid .unavailable{border-color:rgba(224,165,52,.43)!important;background:linear-gradient(145deg,rgba(49,40,16,.58),rgba(8,28,25,.75))!important}
#setModal .set-completion-intel-grid .value{border-color:rgba(146,112,232,.46)!important;background:linear-gradient(145deg,rgba(38,29,63,.55),rgba(8,28,25,.75))!important}
#setModal .set-completion-intel-finish{
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
}
#setModal .set-completion-intel-cta{
  margin-top:12px!important;
  min-height:50px!important;
  padding:11px 14px!important;
  border-radius:15px!important;
  font-size:13px!important;
  line-height:1.2!important;
}

/* Keep the set action beneath Completion Intelligence visually subordinate,
   as in the approved concept. */
#setModal .set-focus-action{
  margin-top:4px!important;
  border-color:rgba(237,179,61,.34)!important;
  background:rgba(18,31,27,.72)!important;
}

@media(max-width:700px){
  #setModal .set-completion-intel{
    width:calc(100% - 48px)!important;
    margin:14px 24px 13px!important;
    padding:16px!important;
  }
  #setModal .set-completion-intel-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    margin-bottom:13px!important;
  }
  #setModal .set-completion-intel-head h3{font-size:24px!important;line-height:1.08!important}
  #setModal .set-completion-intel-head p:not(.eyebrow){font-size:11px!important;line-height:1.4!important}
  #setModal .set-completion-intel-help{margin:0!important;font-size:9.5px!important}
  #setModal .set-completion-intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #setModal .set-completion-intel-grid article{min-height:104px!important;padding:10px!important;grid-template-columns:31px minmax(0,1fr)!important;column-gap:7px!important}
  #setModal .set-completion-intel-grid article>span{width:31px!important;height:31px!important;font-size:14px!important}
  #setModal .set-completion-intel-grid article>strong{font-size:22px!important}
  #setModal .set-completion-intel-grid article>b{font-size:10.5px!important}
  #setModal .set-completion-intel-grid article>small{font-size:9px!important}
  #setModal .set-completion-intel-cta{min-height:48px!important;padding:10px 12px!important;font-size:12px!important}
}

@media(max-width:390px){
  #setModal .set-completion-intel{
    width:calc(100% - 32px)!important;
    margin-left:16px!important;
    margin-right:16px!important;
  }
  #setModal .set-completion-intel-head{grid-template-columns:1fr!important}
  #setModal .set-completion-intel-help{grid-column:1!important;grid-row:auto!important;margin-top:4px!important;justify-self:start!important}
  #setModal .set-completion-intel-head h3{font-size:22px!important}
}

/* v3.33.2 — Completion Intelligence approved-render responsive match
   Visual-only. Preserve all v3.33.0 intelligence, trader matching, pricing and actions. */
#setModal .set-completion-intel-head{
  grid-template-columns:minmax(0,1fr) auto!important;
}
#setModal .set-completion-intel-help{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
}
#setModal .set-completion-intel-grid article>strong{
  min-width:0!important;
  font-size:clamp(20px,2.35vw,25px)!important;
}
#setModal .set-completion-intel-grid .value>strong{
  font-size:clamp(18px,2.1vw,24px)!important;
  letter-spacing:-.035em!important;
}

@media(max-width:700px){
  #setModal .set-completion-intel{
    width:calc(100% - 32px)!important;
    margin:14px 16px 13px!important;
    padding:15px 15px 14px!important;
    border-radius:22px!important;
  }
  #setModal .set-completion-intel-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px 10px!important;
    margin-bottom:12px!important;
  }
  #setModal .set-completion-intel-head .eyebrow{
    margin-bottom:5px!important;
    font-size:10px!important;
  }
  #setModal .set-completion-intel-head h3{
    font-size:22px!important;
    line-height:1.06!important;
    margin-bottom:5px!important;
  }
  #setModal .set-completion-intel-head p:not(.eyebrow){
    font-size:10.5px!important;
    line-height:1.35!important;
    max-width:30rem!important;
  }
  #setModal .set-completion-intel-help{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:start!important;
    margin:0!important;
    padding-top:1px!important;
    font-size:9px!important;
  }

  /* Match the approved render's single metric row on phones without crushing text. */
  #setModal .set-completion-intel-grid{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 1px 3px!important;
    margin-right:-1px!important;
  }
  #setModal .set-completion-intel-grid::-webkit-scrollbar{display:none!important}
  #setModal .set-completion-intel-grid article{
    flex:0 0 clamp(142px,46%,164px)!important;
    width:auto!important;
    min-width:142px!important;
    min-height:92px!important;
    padding:10px!important;
    border-radius:15px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr!important;
    column-gap:7px!important;
    row-gap:1px!important;
    scroll-snap-align:start!important;
  }
  #setModal .set-completion-intel-grid article>span{
    width:30px!important;
    height:30px!important;
    font-size:14px!important;
  }
  #setModal .set-completion-intel-grid article>strong{
    font-size:21px!important;
    line-height:.98!important;
    white-space:nowrap!important;
  }
  #setModal .set-completion-intel-grid .value>strong{
    font-size:clamp(17px,5.2vw,21px)!important;
    letter-spacing:-.04em!important;
  }
  #setModal .set-completion-intel-grid article>b{
    font-size:10px!important;
    line-height:1.12!important;
  }
  #setModal .set-completion-intel-grid article>small{
    margin-top:5px!important;
    font-size:8.8px!important;
    line-height:1.2!important;
  }
  #setModal .set-completion-intel-finish{
    margin-top:8px!important;
    min-height:48px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
  }
  #setModal .set-completion-intel-finish>span:first-child{
    width:31px!important;
    height:31px!important;
  }
  #setModal .set-completion-intel-cta{
    margin-top:9px!important;
    min-height:44px!important;
    padding:9px 12px!important;
    border-radius:13px!important;
    font-size:11.5px!important;
  }
}

@media(max-width:390px){
  #setModal .set-completion-intel-head{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  #setModal .set-completion-intel-help{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
  }
  #setModal .set-completion-intel-head h3{font-size:21px!important}
  #setModal .set-completion-intel-grid article{
    flex-basis:148px!important;
    min-width:148px!important;
  }
  #setModal .set-completion-intel-grid .value>strong{
    font-size:18px!important;
  }
}


/* v3.33.3 — Set Completion Find: set-scoped Smart Find, no Chase mutation */
.set-completion-find-dialog{width:min(720px,calc(100vw - 18px));max-height:calc(100dvh - 24px);padding:0;border:1px solid rgba(224,170,62,.35);border-radius:28px;background:#071615;color:#f5f1e8;box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:auto}
.set-completion-find-dialog::backdrop{background:rgba(1,7,8,.78);backdrop-filter:blur(3px)}
.set-completion-find-shell{padding:24px;background:radial-gradient(circle at 15% 0%,rgba(32,118,92,.18),transparent 38%),linear-gradient(180deg,#081a18,#071313)}
.set-completion-find-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(227,185,81,.18)}
.set-completion-find-head .eyebrow{margin:0 0 6px;color:#e2b14f;font-weight:900;letter-spacing:.16em;font-size:.74rem}
.set-completion-find-head h2{margin:0;font-family:Georgia,serif;font-size:clamp(1.8rem,7vw,2.65rem);line-height:1.02}
.set-completion-find-head p:last-child{margin:9px 0 0;color:#94a29e;line-height:1.45}
.set-completion-find-close{flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(255,255,255,.12);background:#0d1b1b;color:#eee;font-size:2rem;line-height:1;cursor:pointer}
.set-completion-find-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.set-completion-find-summary>div{padding:15px;border:1px solid rgba(44,190,160,.2);border-radius:18px;background:rgba(11,34,31,.75)}
.set-completion-find-summary strong{display:block;font-size:1.65rem;color:#f6b840}.set-completion-find-summary span{display:block;margin-top:3px;color:#9eaaa6;font-size:.82rem;line-height:1.25}
.set-completion-find-recommendations{display:grid;gap:10px;margin-bottom:20px}
.set-completion-find-rec{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border:1px solid rgba(44,190,160,.25);border-radius:20px;background:rgba(8,39,34,.76)}
.set-completion-find-rec.best{border-color:rgba(238,181,62,.45);background:linear-gradient(135deg,rgba(81,63,16,.28),rgba(8,39,34,.75))}
.set-completion-find-rec>div{min-width:0}.set-completion-find-rec span{display:block;color:#63d4c3;font-size:.75rem;font-weight:900;letter-spacing:.12em}.set-completion-find-rec.best span{color:#f1b84c}.set-completion-find-rec strong{display:block;margin-top:4px;font-size:1.12rem}.set-completion-find-rec small{display:block;margin-top:5px;color:#a2ada9}.set-completion-find-rec em{display:block;margin-top:5px;color:#d3aa57;font-style:normal;font-size:.86rem;line-height:1.3}.set-completion-find-rec>a{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#f4b437;color:#101513;text-decoration:none;font-size:1.8rem;font-weight:900}
.set-completion-find-stock{padding-top:2px}.set-completion-find-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:10px}.set-completion-find-section-head span{display:block;color:#e6b34a;font-size:.72rem;font-weight:900;letter-spacing:.14em}.set-completion-find-section-head strong{display:block;margin-top:4px;font-size:1.15rem}.set-completion-find-section-head small{color:#69cabb;font-weight:800;white-space:nowrap}
.set-completion-find-stock-list{display:grid;gap:8px}.set-completion-find-stock-row{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.set-completion-find-stock-row>div:first-child{min-width:0}.set-completion-find-stock-row strong{display:block}.set-completion-find-stock-row small,.set-completion-find-stock-row em{display:block;margin-top:3px;color:#919e9a;font-size:.8rem;font-style:normal}.set-completion-find-stock-row>div:last-child{text-align:right;flex:0 0 auto}.set-completion-find-stock-row b{display:block;color:#f0bd57;font-size:1.02rem}.set-completion-find-stock-row a{display:inline-block;margin-top:7px;color:#63d4c3;text-decoration:none;font-size:.82rem;font-weight:800}.set-completion-find-note{margin:16px 2px 2px;color:#71807d;font-size:.76rem;line-height:1.4}.set-completion-find-empty{padding:18px;border-radius:18px;background:rgba(255,255,255,.035);color:#9aa7a3}.set-completion-find-empty strong,.set-completion-find-empty span{display:block}.set-completion-find-empty span{margin-top:4px}
@media(max-width:520px){.set-completion-find-dialog{width:100vw;max-height:100dvh;border-radius:24px 24px 0 0;margin:auto 0 0}.set-completion-find-shell{padding:20px 18px 26px}.set-completion-find-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.set-completion-find-summary>div{padding:12px 9px}.set-completion-find-summary strong{font-size:1.4rem}.set-completion-find-summary span{font-size:.7rem}.set-completion-find-stock-row{padding:12px}.set-completion-find-head h2{font-size:2rem}}

/* v3.33.4 — Set Completion Find polish */
.set-completion-find-dialog{width:min(680px,calc(100vw - 18px))}
.set-completion-find-shell{padding:20px 22px 26px}
.set-completion-find-head{padding-bottom:14px;gap:14px}
.set-completion-find-head .eyebrow{font-size:.68rem;margin-bottom:5px}
.set-completion-find-head h2{font-family:inherit;font-size:clamp(1.65rem,5.2vw,2.15rem);line-height:1.04;max-width:540px;font-weight:900;letter-spacing:-.025em}
.set-completion-find-head p:last-child{margin-top:7px;font-size:.88rem;line-height:1.38;max-width:520px}
.set-completion-find-close{flex-basis:42px;width:42px;height:42px;border-radius:12px;font-size:1.7rem}
.set-completion-find-summary{margin:14px 0;gap:8px}
.set-completion-find-summary>div{padding:11px 12px;border-radius:15px;min-height:74px}
.set-completion-find-summary strong{font-size:1.42rem;line-height:1}.set-completion-find-summary span{font-size:.72rem;line-height:1.2;margin-top:5px}
.set-completion-find-recommendations{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}
.set-completion-find-rec{padding:13px 14px;border-radius:17px;gap:10px;min-height:116px}
.set-completion-find-rec strong{font-size:.98rem;line-height:1.18}.set-completion-find-rec small{font-size:.77rem;line-height:1.25}.set-completion-find-rec em{font-size:.75rem;line-height:1.25}
.set-completion-find-rec>a{flex-basis:38px;width:38px;height:38px;font-size:1.5rem}
.set-completion-find-section-head{margin-bottom:9px}.set-completion-find-section-head strong{font-size:1.05rem}
.set-completion-find-stock-list{gap:7px}
.set-completion-find-stock-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 11px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.025))}
.set-completion-find-card-art{width:48px;height:67px;object-fit:cover;border-radius:7px;border:1px solid rgba(238,181,62,.24);box-shadow:0 4px 12px rgba(0,0,0,.22)}
.set-completion-find-card-art.fallback{display:grid;place-items:center;background:#102522;color:#ddb151;font-weight:900;font-size:.7rem}
.set-completion-find-card-copy{min-width:0}.set-completion-find-card-copy strong{font-size:.96rem;line-height:1.15}.set-completion-find-card-copy small,.set-completion-find-card-copy em{font-size:.72rem;line-height:1.25}
.set-completion-find-card-action{text-align:right;align-self:center}.set-completion-find-card-action b{font-size:.98rem}.set-completion-find-card-action a{margin-top:8px;font-size:.78rem}
@media(max-width:520px){
 .set-completion-find-dialog{width:100vw;max-height:100dvh;border-radius:22px 22px 0 0}
 .set-completion-find-shell{padding:16px 16px 24px}
 .set-completion-find-head{padding-bottom:12px}
 .set-completion-find-head h2{font-size:1.62rem!important;line-height:1.05!important;max-width:270px}
 .set-completion-find-head p:last-child{font-size:.78rem;line-height:1.35;max-width:300px}
 .set-completion-find-close{flex-basis:40px;width:40px;height:40px}
 .set-completion-find-summary{gap:6px;margin:12px 0}
 .set-completion-find-summary>div{padding:9px 8px;min-height:67px;border-radius:14px}
 .set-completion-find-summary strong{font-size:1.28rem}.set-completion-find-summary span{font-size:.64rem}
 .set-completion-find-recommendations{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}
 .set-completion-find-rec{padding:11px 10px;min-height:110px;align-items:flex-start}
 .set-completion-find-rec span{font-size:.61rem}.set-completion-find-rec strong{font-size:.83rem}.set-completion-find-rec small{font-size:.66rem}.set-completion-find-rec em{font-size:.65rem}
 .set-completion-find-rec>a{flex-basis:34px;width:34px;height:34px;font-size:1.35rem;align-self:center}
 .set-completion-find-section-head{align-items:flex-end}.set-completion-find-section-head strong{font-size:.94rem;line-height:1.15}.set-completion-find-section-head small{font-size:.72rem}
 .set-completion-find-stock-row{grid-template-columns:44px minmax(0,1fr) auto;padding:9px;gap:9px}
 .set-completion-find-card-art{width:44px;height:61px}
 .set-completion-find-card-copy strong{font-size:.88rem}.set-completion-find-card-copy small,.set-completion-find-card-copy em{font-size:.66rem}
 .set-completion-find-card-action b{font-size:.9rem}.set-completion-find-card-action a{font-size:.7rem}
}
\n\n/* v3.33.5 — Set Completion Find final mobile polish */
@media(max-width:520px){
 .set-completion-find-summary>div{min-height:60px;padding:8px 8px}
 .set-completion-find-summary strong{font-size:1.22rem}
 .set-completion-find-summary span{font-size:.62rem;line-height:1.15;margin-top:4px}
 .set-completion-find-recommendations{
   display:flex;
   gap:10px;
   overflow-x:auto;
   overscroll-behavior-inline:contain;
   scroll-snap-type:x proximity;
   scrollbar-width:none;
   margin:0 -16px 16px;
   padding:0 16px 3px;
 }
 .set-completion-find-recommendations::-webkit-scrollbar{display:none}
 .set-completion-find-rec{
   flex:0 0 min(78vw,292px);
   min-height:126px;
   padding:13px 14px;
   align-items:center;
   scroll-snap-align:start;
 }
 .set-completion-find-rec span{font-size:.66rem}
 .set-completion-find-rec strong{font-size:.94rem;line-height:1.18}
 .set-completion-find-rec small{font-size:.72rem;line-height:1.25}
 .set-completion-find-rec em{font-size:.7rem;line-height:1.28}
 .set-completion-find-rec>a{flex-basis:38px;width:38px;height:38px;font-size:1.45rem}
 .set-completion-find-section-head small{font-size:.76rem;color:#70d7c6}
 .set-completion-find-card-copy em{color:#82918d}
}

/* v3.33.6 — Completion Find recommendation card width/height polish */
@media(max-width:520px){
  .set-completion-find-recommendations{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    overflow:visible;
    margin:0 0 14px;
    padding:0;
  }
  .set-completion-find-rec{
    position:relative;
    display:block;
    min-width:0;
    min-height:0;
    padding:11px 10px 12px;
  }
  .set-completion-find-rec>div{
    width:100%;
    min-width:0;
  }
  .set-completion-find-rec span{
    padding-right:38px;
  }
  .set-completion-find-rec strong{
    padding-right:0;
    font-size:.9rem;
    line-height:1.16;
  }
  .set-completion-find-rec small{
    margin-top:6px;
    padding-right:0;
    font-size:.7rem;
    line-height:1.22;
  }
  .set-completion-find-rec em{
    margin-top:6px;
    padding-right:38px;
    font-size:.68rem;
    line-height:1.24;
  }
  .set-completion-find-rec>a{
    position:absolute;
    right:10px;
    bottom:11px;
    width:34px;
    height:34px;
    min-width:34px;
    font-size:1.3rem;
  }
}