/* Grade Signals · The collector's edit. One shared, light design system. */
:root {
  --album-paper:#f8f7f2; --album-white:#fffefa; --album-ink:#272a32;
  --album-muted:#68706e; --album-line:#e0e1d9; --album-coral:#c44b31;
  --album-coral-dark:#a93c24; --album-peach:#f3dfd3; --album-lilac:#e9e3f3;
  --album-mint:#e3ece3; --album-teal:#27644f; --album-amber:#88591f;
  --album-display:'Bricolage Grotesque',sans-serif; --album-body:'DM Sans',sans-serif;
}
html { scroll-padding-top:110px; }
html body.collector-app {
  --bg:var(--album-paper); --panel:var(--album-white); --ink:var(--album-ink);
  --muted:var(--album-muted); --line:var(--album-line); --green:var(--album-teal);
  --green-dark:var(--album-teal); --amber:var(--album-amber); --red:#aa4637;
  --blue:#526d80; --shadow:0 12px 36px #3433290b;
  margin:0; background:var(--album-paper)!important; color:var(--album-ink)!important;
  font-family:var(--album-body)!important; font-size:14px; line-height:1.5;
  color-scheme:light!important; -webkit-font-smoothing:antialiased;
}
.collector-app *, .collector-app *::before, .collector-app *::after { box-sizing:border-box; }
.collector-app [hidden] { display:none!important; }
.collector-app :is(button,a,input,select,summary) { -webkit-tap-highlight-color:transparent; }
.collector-app :is(button,input,select,textarea) { font-family:var(--album-body)!important; }
.collector-app :is(button,a,summary) { touch-action:manipulation; }
.collector-app :is(button,a,summary,input,select,textarea):focus-visible { outline:3px solid #766094!important; outline-offset:4px; }
.collector-app :is(h1,h2,h3,h4) { font-family:var(--album-display)!important; color:var(--album-ink); }
.collector-app :is(p,small) { line-height:1.55; }
.collector-app a { text-underline-offset:3px; }
.collector-app button { cursor:pointer; }
.collector-app button:disabled { cursor:default; }
.collector-app :is(input,select,textarea) { color-scheme:light!important; accent-color:var(--album-coral)!important; }
.collector-app :is(input:not([type=checkbox]):not([type=range]),select,textarea) {
  background-color:var(--album-white)!important; color:var(--album-ink)!important;
  border-color:var(--album-line)!important; border-radius:12px;
}
.collector-app input::placeholder,.collector-app textarea::placeholder { color:#7a8079!important; opacity:1; }
.collector-app input[type=checkbox] { width:18px; height:18px; }
.collector-app :is(.primary-action,.collector-button) {
  display:inline-flex; align-items:center; justify-content:center; gap:11px;
  min-height:46px; padding:12px 20px; border:1px solid var(--album-coral)!important;
  border-radius:12px; background:var(--album-coral)!important; color:#fffefa!important;
  font-size:13px; font-weight:600; text-decoration:none; box-shadow:none!important;
  transition:background .16s,transform .16s;
}
.collector-app :is(.primary-action,.collector-button):hover { background:var(--album-coral-dark)!important; transform:translateY(-1px); }
.collector-app :is(.primary-action,.collector-button):disabled { opacity:.48; transform:none; }
.collector-app :is(.primary-action,.collector-button) svg { width:18px; height:18px; }
.collector-app :is(.ghost-action,.secondary-action) { background:var(--album-white)!important; color:var(--album-ink)!important; border:1px solid var(--album-line)!important; border-radius:10px; box-shadow:none!important; }
.collector-app :is(.positive,.tone-positive,.good) { color:var(--album-teal)!important; }
.collector-app :is(.negative,.tone-negative,.bad) { color:#aa4637!important; }
.collector-app :is(.public-shell,.collection-shell,.scan-shell,.grade-route-shell,.grading-list-shell) {
  width:100%!important; max-width:1328px!important; min-width:0!important;
  margin:0 auto!important; padding:0 40px 70px!important; overflow:visible;
}
.collector-app .topbar {
  display:grid!important; grid-template-columns:1fr auto 1fr!important; align-items:center!important;
  gap:24px!important; min-height:96px!important; height:auto; width:100%!important;
  padding:16px 0!important; margin:0!important; border:0!important;
  border-bottom:1px solid var(--album-line)!important; border-radius:0!important;
  background:var(--album-paper)!important; box-shadow:none!important; backdrop-filter:none!important;
  position:relative!important; top:auto!important; z-index:20;
}
.collector-app .topbar .brand { display:flex!important; align-items:center; width:fit-content; gap:9px!important; text-decoration:none; color:var(--album-ink)!important; }
.collector-app .brand-mark { display:block!important; padding:0!important; width:38px!important; height:43px!important; min-width:38px!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:var(--album-coral)!important; }
.collector-app .brand-mark svg { width:100%; height:100%; }
.collector-app .collector-wordmark { display:block; font-family:var(--album-display); font-size:24px; font-weight:700; line-height:.87; letter-spacing:-1px; }
.collector-app .collector-wordmark>span { display:block; }
.collector-app .collector-wordmark b { color:var(--album-coral); }
.collector-app .top-nav { display:flex!important; flex-wrap:nowrap!important; gap:4px!important; padding:5px!important; background:#eceee6!important; border:1px solid #e1e4d9!important; border-radius:40px!important; }
.collector-app .top-nav a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:43px; padding:10px 18px!important; border:0!important; border-radius:30px!important; color:#5c625f!important; font-size:12px!important; font-weight:600; white-space:nowrap; background:transparent!important; }
.collector-app .top-nav svg { width:18px; height:18px; }
.collector-app .top-nav a[aria-current=page] { background:var(--album-ink)!important; color:#fffefa!important; }
.collector-app .top-nav a:not([aria-current]):hover { background:#e0e4da!important; }
.collector-app .account-panel-header { justify-self:end; min-width:0; margin:0!important; padding:0!important; border:0!important; background:transparent!important; color:var(--album-ink)!important; }
.collector-app :is(.account-avatar,.account-user-initial) { background:var(--album-peach)!important; color:var(--album-coral-dark)!important; }
.collector-app .account-panel :is(button,summary) { color:var(--album-ink); }
.collector-app :is(.account-menu,.account-panel details[open],.account-login,.account-card,.account-popover) { background:var(--album-white)!important; color:var(--album-ink)!important; border-color:var(--album-line)!important; box-shadow:0 16px 45px #272a3214!important; }
.collector-app .mobile-tabbar { display:none; }
.collector-hero { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:34px 0 28px; margin:0; border:0; background:none; }
.collector-eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 14px; color:var(--album-ink); font-size:9px; line-height:1.5; font-weight:600; letter-spacing:1.5px; }
.collector-eyebrow i { display:inline-block; width:24px; height:2px; background:var(--album-coral); }
.collector-hero h1 { font-family:var(--album-display)!important; font-weight:700!important; font-size:clamp(40px,4vw,57px)!important; letter-spacing:-2.2px!important; line-height:1.05!important; margin:0!important; color:var(--album-ink)!important; }
.collector-hero h1 span { color:var(--album-coral)!important; position:relative; white-space:nowrap; }
.collector-hero h1 span:after { content:''; position:absolute; height:5px; border-top:2px solid var(--album-coral); border-radius:50%; left:0; right:0; bottom:-5px; transform:rotate(-1deg); }
.collector-hero-description { margin:22px 0 18px!important; font-size:14px!important; font-weight:400!important; color:var(--album-muted)!important; line-height:1.7!important; max-width:400px; }
.collector-text-link { display:inline-flex; align-items:center; gap:24px; min-height:40px; color:var(--album-coral-dark); font-size:12px; font-weight:600; text-decoration:none; }
.collector-hero-art { height:255px; min-width:0; position:relative; overflow:hidden; border-radius:24px; isolation:isolate; background:var(--album-peach); }
.collector-hero-art.lilac { background:var(--album-lilac); }
.collector-hero-art.sage { background:var(--album-mint); }
.collector-hero-art:before,.collector-hero-art:after { content:''; position:absolute; width:360px; height:360px; border:1px solid #fff8; border-radius:50%; left:4%; top:13%; z-index:-1; }
.collector-hero-art:after { width:480px; height:480px; top:-44%; left:25%; }
.collector-hero-card { display:block; position:absolute; object-fit:contain; border-radius:9px; filter:drop-shadow(8px 14px 10px #372e3529); }
.collector-hero-card.back { height:221px; width:auto; top:26px; left:25%; transform:rotate(-14deg); }
.collector-hero-card.front { height:229px; width:auto; top:23px; left:48%; transform:rotate(12deg); }
.collector-art-caption { position:absolute; top:24px; left:23px; font-size:7px; line-height:1.6; letter-spacing:1px; }
.collector-art-star { position:absolute; top:15px; right:24px; color:var(--album-coral); font-size:45px; line-height:1; }
.collector-art-sticker { position:absolute; bottom:25px; left:24px; padding:12px 13px; background:#fffdeb; color:var(--album-coral-dark); border-radius:30px; font-size:8px; font-weight:600; transform:rotate(-9deg); box-shadow:0 5px 12px #5140320b; }
.collector-art-edition { position:absolute; bottom:17px; right:21px; font-size:6px; letter-spacing:1.2px; }
.collector-app .collector-signal-summary { margin:0 0 22px; padding:0; border-block:1px solid var(--album-line); }
.collector-app .hero-metrics { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; background:none!important; border:0!important; border-radius:0!important; }
.collector-app .hero-metrics .metric-card { padding:18px 25px!important; border:0!important; border-right:1px solid var(--album-line)!important; background:none!important; border-radius:0!important; box-shadow:none!important; min-height:92px!important; }
.collector-app .hero-metrics .metric-card:first-child { padding-left:0!important; }
.collector-app .hero-metrics .metric-card:last-child { border-right:0!important; }
.collector-app .hero-metrics :is(span,small) { color:var(--album-muted)!important; font-size:10px!important; }
.collector-app .hero-metrics strong { font-family:var(--album-display); color:var(--album-ink)!important; font-size:30px!important; letter-spacing:-1px; }
.collector-app .status-line { border:0!important; background:none!important; color:var(--album-muted)!important; font-size:11px!important; padding:0!important; margin:12px 0 18px!important; box-shadow:none!important; }
.collector-app .status-dot { background:var(--album-teal)!important; box-shadow:none!important; width:6px; height:6px; }
.collector-app .collector-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:24px 0 16px; }
.collector-app .collector-section-heading h2 { margin:0; font-size:28px; letter-spacing:-1px; }
.collector-layout { display:flex; gap:3px; padding:4px; background:#eceee6; border:1px solid var(--album-line); border-radius:11px; }
.collector-layout button { display:flex; align-items:center; justify-content:center; width:36px; height:34px; border:0; border-radius:7px; color:var(--album-muted); background:transparent; }
.collector-layout button[aria-pressed=true] { color:var(--album-ink); background:var(--album-white); box-shadow:0 1px 5px #272a320c; }
.collector-layout svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; }

/* Signals: artwork first, then honest prices. Existing evidence opens in a dialog. */
html body.collector-app.signals-page #signals { border:0; background:none!important; padding:0!important; margin:0!important; }
html body.collector-app.signals-page .signals-controls { display:grid!important; grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr)!important; gap:16px!important; }
html body.collector-app.signals-page .card-search input { height:50px!important; background-color:var(--album-white)!important; color:var(--album-ink)!important; border:1px solid var(--album-line)!important; box-shadow:none!important; font-size:13px!important; }
html body.collector-app.signals-page #searchMeta { color:var(--album-muted)!important; font-size:11px!important; }
html body.collector-app.signals-page #signals .plan-drawer { background:var(--album-white)!important; border-color:var(--album-line)!important; }
html body.collector-app.signals-page #signals .plan-drawer-summary { min-height:50px!important; }
html body.collector-app.signals-page #signals .plan-compact-summary { color:var(--album-ink)!important; font-size:11px!important; }
html body.collector-app.signals-page #signals .plan-drawer-edit { color:var(--album-coral-dark)!important; background:var(--album-peach)!important; }
html body.collector-app.signals-page #signals .plan-drawer-body { background:var(--album-white)!important; }
html body.collector-app.signals-page .signal-era-options { gap:7px; }
html body.collector-app.signals-page .signal-era-options button { background:var(--album-white)!important; border:1px solid var(--album-line)!important; color:var(--album-ink)!important; border-radius:12px!important; min-height:49px; }
html body.collector-app.signals-page .signal-era-options button.active { background:var(--album-mint)!important; border-color:#c4d4c0!important; }
html body.collector-app.signals-page .signal-era-options button small { color:var(--album-muted)!important; }
html body.collector-app.signals-page .signal-era-note { color:var(--album-muted)!important; font-size:10px; }
html body.collector-app.signals-page .opportunity-tabs { border-bottom:1px solid var(--album-line)!important; gap:5px; padding-bottom:14px; margin:16px 0; }
html body.collector-app.signals-page .opportunity-tabs button { color:var(--album-muted)!important; border-radius:24px!important; min-height:42px!important; font-size:12px!important; }
html body.collector-app.signals-page .opportunity-tabs button.active { background:var(--album-ink)!important; color:#fffefa!important; }
html body.collector-app.signals-page .opportunity-tabs strong { background:#e4e6de!important; color:#4f5950!important; font-size:10px!important; }
html body.collector-app.signals-page .opportunity-tabs .active strong { background:#ffffff26!important; color:#fffefa!important; }
html body.collector-app.signals-page .signal-saved-searches { border-color:var(--album-line)!important; background:var(--album-white)!important; color:var(--album-ink)!important; margin:14px 0!important; }
html body.collector-app.signals-page .signal-opportunity-guide { color:var(--album-muted)!important; max-width:850px; font-size:11px; }
html body.collector-app.signals-page .feed-layout { display:block!important; margin:0!important; height:auto!important; }
html body.collector-app.signals-page #signalList { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:20px!important; overflow:visible!important; max-height:none!important; height:auto!important; padding:0!important; margin:0!important; }
html body.collector-app.signals-page .signal-card-shell { min-width:0; border:1px solid var(--album-line)!important; border-radius:17px!important; overflow:hidden; background:var(--album-white)!important; box-shadow:0 2px 3px #272a3203!important; transition:transform .18s,box-shadow .18s; }
html body.collector-app.signals-page .signal-card-shell:hover { transform:translateY(-3px); box-shadow:0 10px 25px #272a320b!important; }
html body.collector-app.signals-page .signal-card { display:block!important; padding:0!important; border:0!important; width:100%; height:100%; border-radius:0!important; background:var(--album-white)!important; color:var(--album-ink)!important; box-shadow:none!important; text-align:left; }
.collector-card-art { display:flex; align-items:center; justify-content:center; position:relative; height:230px; padding:31px 24px 20px; overflow:hidden; isolation:isolate; background:var(--album-card-color,var(--album-mint)); }
.collector-card-art:before,.collector-card-art:after { content:''; position:absolute; width:245px; height:245px; border:1px solid #fff7; border-radius:50%; z-index:-1; top:15%; left:8%; }
.collector-card-art:after { width:300px; height:300px; left:0; top:3%; }
.collector-card-art>a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
html body.collector-app .collector-card-art :is(img,.signal-thumb,.collection-art) { display:block!important; width:auto!important; height:100%!important; max-width:90%!important; aspect-ratio:2.5/3.5; border-radius:7px!important; object-fit:contain!important; filter:drop-shadow(5px 8px 5px #33342a23); background:transparent!important; box-shadow:none!important; transform:rotate(-3deg); transition:transform .2s; }
.collector-card-art:hover img { transform:rotate(0deg) translateY(-2px)!important; }
.collector-art-tag { position:absolute; top:11px; left:11px; padding:4px 7px; max-width:calc(100% - 22px); border-radius:6px; background:#fffef8eb; color:#53574e; font-size:9px; line-height:1.4; font-weight:600; }
html body.collector-app.signals-page .signal-card-body { display:block!important; padding:17px!important; min-width:0; }
html body.collector-app.signals-page .card-top { display:block!important; }
html body.collector-app.signals-page .card-top strong { display:block!important; color:var(--album-ink)!important; font-family:var(--album-display); font-size:18px!important; letter-spacing:-.35px; line-height:1.25; }
html body.collector-app.signals-page .card-top>span>span { display:block; margin-top:5px; color:var(--album-muted)!important; font-size:10px!important; line-height:1.45; }
html body.collector-app.signals-page .card-top>span[class] { display:inline-block; margin-top:9px; font-size:9px; }
html body.collector-app.signals-page .card-subtitle.card-evidence { display:block; margin:10px 0; color:var(--album-muted)!important; font-size:10px!important; }
html body.collector-app.signals-page .card-metrics { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; padding-top:12px; border-top:1px solid var(--album-line); }
html body.collector-app.signals-page .card-metrics small { display:block; color:var(--album-muted)!important; font-size:9px!important; }
html body.collector-app.signals-page .card-metrics strong { font-size:14px!important; letter-spacing:-.35px; font-variant-numeric:tabular-nums; }
html body.collector-app.signals-page .card-metrics>span:first-child strong { color:var(--album-ink)!important; }
html body.collector-app.signals-page .mobile-detail { display:none!important; }
html body.collector-app.signals-page .signal-list .empty-state { grid-column:1/-1; padding:50px 24px; background:var(--album-white)!important; border:1px dashed var(--album-line); color:var(--album-ink)!important; }
.collector-page-controls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; margin:26px 0; font-size:11px; color:var(--album-muted); }
.collector-page-controls button { min-height:42px; padding:9px 15px; border:1px solid var(--album-line); border-radius:10px; color:var(--album-ink); background:var(--album-white); font:inherit; }
.collector-page-controls button:disabled { opacity:.4; }

/* My Cards retains the complete live inventory and grading workflow. */
html body.collector-app .collection-summary { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; border:0!important; border-block:1px solid var(--album-line)!important; background:none!important; border-radius:0!important; margin:0 0 16px; padding:14px 0; }
html body.collector-app .collection-summary.has-graded { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
html body.collector-app .collection-summary>div { border:0!important; border-right:1px solid var(--album-line)!important; padding:8px 25px!important; }
html body.collector-app .collection-summary>div:first-child { padding-left:0!important; }
html body.collector-app .collection-summary>div:last-child { border:0!important; }
html body.collector-app .collection-summary strong { font-family:var(--album-display); color:var(--album-ink)!important; font-size:30px!important; font-weight:700; letter-spacing:-1px; }
html body.collector-app .collection-summary :is(span,small) { color:var(--album-muted)!important; font-size:10px!important; }
.collector-toolkit { margin:10px 0 18px; border:1px solid var(--album-line); border-radius:13px; background:var(--album-white); }
.collector-toolkit>summary { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:46px; padding:11px 17px; font-weight:600; font-size:12px; color:var(--album-ink); cursor:pointer; }
.collector-toolkit>summary span { color:var(--album-muted); font-size:10px; font-weight:400; }
.collector-toolkit-content { padding:0 17px 15px; }
.collector-workflow-bar { display:flex; align-items:center; flex-wrap:wrap; gap:8px 20px; margin:7px 0 12px; }
.collector-workflow-bar>.collector-toolkit { margin:0 0 0 auto; border-color:transparent; background:transparent; }
.collector-workflow-bar>.collector-toolkit>summary { padding:10px 0 10px 12px; }
.collector-workflow-bar>.collector-toolkit>summary>span { display:none; }
.collector-workflow-bar>.collector-toolkit>summary:after { content:'⌄'; margin-left:6px; color:var(--album-muted); }
.collector-workflow-bar>.collector-toolkit[open] { flex-basis:100%; order:2; border-color:var(--album-line); background:var(--album-white); margin:0; }
.collector-workflow-bar>.collector-toolkit[open]>summary { padding-inline:17px; }
.collector-workflow-bar>.collector-toolkit[open]>summary>span { display:block; }
.collector-price-options { border:1px solid var(--album-line); border-radius:12px; background:var(--album-white); margin:12px 0 16px; }
.collector-price-options>summary { display:flex; align-items:center; gap:13px; min-height:44px; padding:10px 14px; color:var(--album-muted); font-size:11px; cursor:pointer; }
.collector-price-options>summary>span { color:var(--album-ink); font-weight:600; }
.collector-price-options>summary>b { margin-left:auto; font-weight:400; }
.collector-price-options-body { padding:0 15px 5px; }
html body.collector-app .collection-tabs { background:#eceee6!important; border:1px solid var(--album-line)!important; border-radius:30px!important; padding:5px!important; margin:18px 0!important; width:fit-content!important; }
html body.collector-app .collection-tabs button { background:transparent!important; border-radius:25px!important; color:var(--album-muted)!important; min-height:40px; padding:9px 19px; font-weight:600!important; font-size:12px!important; }
html body.collector-app .collection-tabs button[aria-selected=true] { background:var(--album-ink)!important; color:#fffefa!important; }
html body.collector-app .collection-step { background:#e1e5db!important; color:#596452!important; }
html body.collector-app .collection-tabs button[aria-selected=true] .collection-step { background:#ffffff26!important; color:#fffefa!important; }
html body.collector-app .collection-market-status { color:var(--album-muted)!important; border:0!important; background:transparent!important; font-size:11px!important; padding:0!important; margin:12px 0!important; }
html body.collector-app .collection-inventory-toolbar { margin:24px 0 16px!important; align-items:center; }
html body.collector-app .collection-inventory-toolbar h2 { font-size:28px!important; letter-spacing:-.8px; }
html body.collector-app .collection-inventory-toolbar p { color:var(--album-muted)!important; font-size:11px!important; }
.collector-library-actions { display:flex; align-items:center; gap:10px; }
html body.collector-app .collection-quote-graders { padding:0!important; border:0!important; gap:5px; margin:12px 0!important; }
html body.collector-app .collection-quote-graders legend { color:var(--album-muted)!important; font-size:10px; }
html body.collector-app .collection-quote-graders label span { border:1px solid var(--album-line)!important; background:var(--album-white)!important; color:var(--album-muted)!important; border-radius:20px!important; min-height:35px; padding:7px 15px; font-weight:600; }
html body.collector-app .collection-quote-graders input:checked+span { background:var(--album-ink)!important; border-color:var(--album-ink)!important; color:#fffefa!important; }
html body.collector-app .collection-quote-grades { max-width:400px; gap:10px; }
html body.collector-app .collection-price-help { max-width:850px; color:var(--album-muted)!important; font-size:10px!important; margin:10px 0 20px; }
html body.collector-app .collection-browse { grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr); gap:10px 20px; border:0!important; background:none!important; padding:0!important; margin:18px 0!important; }
html body.collector-app .collection-browse>input { min-height:48px; background-image:none!important; padding:12px 16px!important; font-size:13px!important; }
html body.collector-app .collection-browse label { color:var(--album-muted)!important; font-size:10px!important; }
html body.collector-app .collection-browse select { font-size:11px!important; min-height:41px!important; padding:9px!important; }
html body.collector-app .collection-select-actions button { color:var(--album-coral-dark)!important; min-height:36px; }
html body.collector-app .collection-pages { color:var(--album-muted)!important; font-size:11px!important; margin:16px 0!important; gap:12px; }
html body.collector-app .collection-pages button { background:var(--album-white)!important; color:var(--album-ink)!important; border-color:var(--album-line)!important; }
html body.collector-app .collection-list { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:20px!important; align-items:start; }
html body.collector-app .collection-item { padding:0 0 14px!important; border:1px solid var(--album-line)!important; border-radius:17px!important; background:var(--album-white)!important; overflow:hidden; min-width:0; box-shadow:0 2px 3px #272a3203!important; transition:box-shadow .16s,transform .16s; }
html body.collector-app .collection-item.is-selected { border-color:#c5d4c0!important; box-shadow:inset 0 -3px var(--album-mint)!important; }
html body.collector-app .collection-item:hover { box-shadow:0 10px 25px #272a320b!important; }
html body.collector-app .collection-item-head { display:block!important; margin:0!important; padding:15px 15px 6px!important; }
html body.collector-app .collection-item-head h2 { font-size:17px!important; line-height:1.3!important; letter-spacing:-.35px; margin:0 0 5px!important; color:var(--album-ink)!important; overflow-wrap:anywhere; }
html body.collector-app .collection-item-head p { font-size:10px!important; color:var(--album-muted)!important; margin:0!important; min-height:30px; }
html body.collector-app .collection-item-choice { display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between; gap:8px; padding-top:9px; }
html body.collector-app .collection-item-choice label { color:var(--album-muted)!important; font-size:10px!important; }
html body.collector-app .collection-item-choice .collection-quantity { display:flex!important; align-items:center; gap:6px; }
html body.collector-app .collection-item-choice .collection-quantity input { width:44px!important; min-height:35px!important; padding:6px!important; border-radius:8px; font-size:11px; }
html body.collector-app .collection-include { display:flex!important; align-items:center; gap:7px; min-height:35px; }
html body.collector-app .collection-item-memberships { margin-inline:15px!important; }
html body.collector-app .collection-market-prices { margin:10px 15px 0!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; }
html body.collector-app .collection-price { min-width:0!important; border:0!important; border-right:1px solid var(--album-line)!important; background:none!important; padding:0 6px 0 0!important; border-radius:0!important; }
html body.collector-app .collection-price:last-child { border-right:0!important; padding-right:0!important; }
html body.collector-app .collection-price.collector-price-long { grid-column:1/-1; border-right:0!important; }
html body.collector-app .collection-price>span { font-size:9px!important; color:var(--album-muted)!important; }
html body.collector-app .collection-price>strong { display:block; font-family:var(--album-display); font-size:clamp(13px,1.27vw,19px)!important; letter-spacing:-.55px; line-height:1.4!important; color:var(--album-ink)!important; white-space:normal!important; overflow-wrap:anywhere; margin:4px 0!important; }
html body.collector-app .collection-price>small { color:var(--album-muted)!important; font-size:8px!important; line-height:1.4; }
html body.collector-app .collection-price.is-review>small { color:var(--album-amber)!important; }
html body.collector-app .collection-price>a { display:block; color:var(--album-teal)!important; font-size:8px!important; padding:8px 0 0!important; margin:0!important; min-height:26px; }
html body.collector-app .collection-price-trends { margin-top:12px!important; color:var(--album-ink)!important; }
html body.collector-app .collection-price-trends strong { color:var(--album-teal)!important; font-size:13px!important; }
html body.collector-app .collection-price-trends :is(span,small,p) { color:var(--album-muted); font-size:9px; }
html body.collector-app .collection-item.is-evidence-open { grid-column:span 2; }
html body.collector-app .collection-item.is-evidence-open .collector-card-art { height:180px; }
html body.collector-app .collection-trend-chips { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; min-width:0; }
html body.collector-app .collection-trend { grid-template-columns:minmax(0,1fr)!important; min-width:0!important; width:100%; padding:7px 5px!important; white-space:normal!important; overflow-wrap:anywhere; gap:3px!important; }
html body.collector-app .collection-trend small { grid-column:1/-1; font-size:8px!important; }
html body.collector-app .collection-trend b { font-size:11px!important; white-space:nowrap; }
html body.collector-app .collection-trend.is-down b { color:var(--album-coral-dark)!important; }
html body.collector-app .collection-trend.is-up b { color:var(--album-teal)!important; }
html body.collector-app .collection-trend.is-flat b { color:var(--album-muted)!important; }
html body.collector-app .collection-last-sale { min-width:0; overflow-wrap:anywhere; }
html body.collector-app .collection-last-sale time { font-size:10px; }
html body.collector-app .collection-item:not(.is-evidence-open) .collection-price-trends { display:none!important; }
.collector-evidence-toggle { display:flex; align-items:center; justify-content:space-between; gap:8px; width:calc(100% - 30px); min-height:39px; margin:11px 15px 0; padding:7px 0; background:transparent; border:0; border-block:1px solid var(--album-line); color:var(--album-muted); font-size:10px; text-align:left; }
.collector-evidence-toggle span:last-child { color:var(--album-coral); font-size:16px; }
html body.collector-app .collection-item :is(.collection-item-details,.collection-item-actions,.collection-reserved,.collection-tracked-links,.collection-printing-review,.collection-graded-references) { margin-inline:15px!important; }
html body.collector-app .collection-item-details { border:0!important; padding-top:8px; }
html body.collector-app .collection-item-details>summary { min-height:36px; padding-block:8px!important; font-size:10px!important; color:var(--album-muted)!important; }
html body.collector-app .collection-item-actions { display:flex; flex-wrap:wrap; gap:6px 12px!important; border:0!important; padding-top:8px!important; margin-top:0!important; }
html body.collector-app .collection-item-actions :is(button,a) { min-height:32px; padding:5px 0!important; font-size:10px!important; color:var(--album-coral-dark)!important; }
html body.collector-app .collection-item-actions [data-action=remove] { margin-left:auto; color:var(--album-muted)!important; }
html body.collector-app .collection-item-fields:empty { display:none; }
html body.collector-app .collection-item label { color:var(--album-muted)!important; }
html body.collector-app .collection-next { position:sticky!important; bottom:16px!important; z-index:12; display:flex!important; flex-direction:row!important; align-items:center; justify-content:space-between; width:min(640px,100%)!important; margin:24px auto 0!important; padding:13px 18px!important; background:var(--album-white)!important; color:var(--album-ink)!important; border:1px solid var(--album-line)!important; border-radius:17px!important; box-shadow:0 8px 30px #272a3212!important; }
html body.collector-app .collection-next span { color:var(--album-muted)!important; font-size:11px!important; }
html body.collector-app .collection-next button { font-size:11px!important; padding:10px 15px!important; }
html body.collector-app .collection-empty { grid-column:1/-1; background:var(--album-white)!important; border:1px dashed var(--album-line)!important; padding:44px 20px!important; }
html body.collector-app .collection-empty h2 { color:var(--album-ink)!important; }
html body.collector-app .collection-plan-intro h2 { font-size:30px!important; letter-spacing:-1px; }
html body.collector-app :is(.collection-plan-status,.collection-batch,.collection-grader-setting,.submission-detail,.submission-list-row,.portfolio-history,.collection-allocation,.collection-assumptions,.collection-find,.collection-csv,.collection-transfer,.collection-organize) { background:var(--album-white)!important; border-color:var(--album-line)!important; color:var(--album-ink)!important; box-shadow:none!important; }
html body.collector-app :is(.collection-batch-metrics,.submission-detail,.portfolio-history) strong { color:var(--album-ink); }

/* Real scanner: photo, camera, exact printing decisions and results. */
html body.collector-app #scanIndexMeta { display:none!important; }
html body.collector-app .scan-launch { grid-column:1/-1!important; width:100%; max-width:none!important; min-height:0!important; padding:0 0 20px!important; margin:0!important; background:none!important; border:0!important; box-shadow:none!important; }
html body.collector-app .scan-launch-wordmark,.collector-app .scan-launch-promise { display:none!important; }
html body.collector-app .scan-entry-panel { max-width:760px!important; margin:0 auto!important; padding:22px!important; border:1px solid var(--album-line)!important; border-radius:20px!important; background:var(--album-white)!important; box-shadow:0 8px 25px #272a3204!important; }
html body.collector-app .scan-entry-search { background:var(--album-paper)!important; color:var(--album-muted)!important; border-color:var(--album-line)!important; border-radius:12px!important; }
html body.collector-app .scan-entry-search input { background:transparent!important; border:0!important; box-shadow:none!important; font-size:14px!important; }
html body.collector-app .scan-entry-search { display:flex!important; align-items:center; gap:11px; padding:0 14px!important; min-height:50px; }
html body.collector-app .scan-entry-search>svg { width:20px!important; height:20px!important; flex-shrink:0; }
html body.collector-app .scan-entry-search input { padding:0!important; min-height:48px!important; }
html body.collector-app .scan-entry-actions { display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; margin-top:13px!important; }
html body.collector-app .scan-file-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid var(--album-line)!important; border-radius:12px!important; background:var(--album-white)!important; color:var(--album-ink)!important; min-height:46px; font-size:12px; font-weight:600; cursor:pointer; }
html body.collector-app .scan-launch-note { margin:14px auto!important; text-align:center; color:var(--album-muted)!important; font-size:11px!important; max-width:600px; }
html body.collector-app .scan-workspace { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:22px!important; margin-top:15px!important; }
html body.collector-app:not(.scan-photo-mode):not(.scan-camera-mode) .scan-workspace { display:none!important; }
html body.collector-app .scan-panel { min-width:0; background:var(--album-white)!important; border:1px solid var(--album-line)!important; border-radius:20px!important; padding:22px!important; box-shadow:none!important; color:var(--album-ink)!important; }
html body.collector-app .scan-panel-head h2 { font-size:22px!important; letter-spacing:-.7px; }
html body.collector-app .scan-preview-stage { background:#303637!important; border:0!important; border-radius:16px!important; color:#f8f7f2!important; overflow:hidden; }
html body.collector-app .scan-placeholder { color:#f8f7f2!important; padding:35px; }
html body.collector-app .scan-placeholder strong { color:#f8f7f2!important; }
html body.collector-app .scan-placeholder span { color:#c9cfca!important; max-width:270px; font-size:12px; }
html body.collector-app :is(.scan-manual-suggestion,.scan-match,.scan-result,.scan-confirm,.scan-confirmation,.scan-results-panel) { color:var(--album-ink)!important; border-color:var(--album-line)!important; }
html body.collector-app .scan-camera-header { background:var(--album-paper)!important; color:var(--album-ink)!important; }
html body.collector-app.scan-camera-mode .collector-scan-hero { display:none!important; }
html body.collector-app.scan-live-camera .scan-preview-stage { border-radius:0!important; }
html body.collector-app.scan-camera-mode .scan-live-overlay { color:white!important; background:#17211bcc!important; }
html body.collector-app.scan-camera-mode .scan-live-overlay :is(strong,small) { color:white!important; }
html body.collector-app.scan-camera-mode .scan-auto-capture-control { color:white!important; }
html body.collector-app.scan-camera-mode { padding:0!important; overflow:hidden; }
html body.collector-app.scan-camera-mode :is(.topbar,.collector-footer,.mobile-tabbar) { display:none!important; }
html body.collector-app.scan-camera-mode .scan-shell { display:flex; flex-direction:column; height:100dvh!important; max-width:none!important; padding:0!important; overflow:hidden!important; }
html body.collector-app.scan-camera-mode .scan-camera-header { position:relative!important; display:flex!important; align-items:center; justify-content:space-between; flex-shrink:0; height:calc(64px + env(safe-area-inset-top))!important; min-height:64px!important; padding:calc(12px + env(safe-area-inset-top)) max(19px,env(safe-area-inset-right)) 12px max(19px,env(safe-area-inset-left))!important; margin:0!important; border-bottom:1px solid var(--album-line); }
html body.collector-app.scan-camera-mode .scan-workspace { display:block!important; flex:1; margin:0!important; padding:0!important; min-height:0; }
html body.collector-app.scan-camera-mode .scan-capture-panel { padding:0!important; border:0!important; border-radius:0!important; }
html body.collector-app.scan-camera-mode .scan-preview-stage { height:calc(100dvh - 176px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important; min-height:0!important; border-radius:0!important; }
html body.collector-app.scan-camera-mode .scan-action-row { padding:10px 15px calc(10px + env(safe-area-inset-bottom))!important; margin:0!important; }

/* Evidence sheets, account dialogs, charts, tables and the extended workflow. */
.collector-app dialog { border:1px solid var(--album-line)!important; border-radius:22px; background:var(--album-white)!important; color:var(--album-ink)!important; padding:24px; box-shadow:0 25px 100px #272a3226; }
.collector-app dialog::backdrop { background:#272a3266; backdrop-filter:blur(5px); }
.collector-signal-dialog { width:min(940px,calc(100vw - 40px)); max-width:940px!important; max-height:calc(100dvh - 48px); padding:0!important; overflow:auto; overscroll-behavior:contain; }
.collector-sheet-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:0; z-index:3; padding:12px 22px; background:var(--album-white); border-bottom:1px solid var(--album-line); }
.collector-sheet-toolbar span { font-size:10px; font-weight:600; color:var(--album-muted); letter-spacing:1px; }
.collector-sheet-toolbar button { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid var(--album-line); border-radius:50%; background:var(--album-paper); color:var(--album-ink); font-size:23px; }
html body.collector-app #detailPanel { display:block!important; position:static!important; height:auto!important; max-height:none!important; overflow:visible!important; width:100%!important; border:0!important; border-radius:0!important; background:var(--album-white)!important; box-shadow:none!important; color:var(--album-ink)!important; padding:0!important; }
html body.collector-app #detailPanel>.detail-hero { display:flex; align-items:center; gap:24px; width:100%; padding:25px!important; background:var(--album-mint)!important; color:var(--album-ink)!important; border:0!important; }
html body.collector-app #detailPanel>.detail-hero img { width:95px!important; height:133px!important; object-fit:contain; border-radius:7px; filter:drop-shadow(3px 5px 4px #272a321c); }
html body.collector-app #detailPanel .detail-title h3 { font-size:30px!important; color:var(--album-ink)!important; margin:5px 0!important; letter-spacing:-.9px; }
html body.collector-app #detailPanel .detail-title .eyebrow { color:var(--album-teal)!important; }
html body.collector-app #detailPanel .detail-title .card-subtitle { color:var(--album-muted)!important; }
html body.collector-app #detailPanel .detail-tabs { position:sticky; top:63px; z-index:2; display:flex; background:var(--album-white)!important; border-bottom:1px solid var(--album-line)!important; padding:8px 18px!important; gap:7px; }
html body.collector-app #detailPanel .detail-tabs button { flex:1; min-height:42px; color:var(--album-muted)!important; border-radius:9px!important; background:transparent!important; }
html body.collector-app #detailPanel .detail-tabs button[aria-selected=true],html body.collector-app #detailPanel .detail-tabs button.active { background:var(--album-ink)!important; color:#fffefa!important; }
html body.collector-app #detailPanel .detail-tab-panel { padding:22px!important; }
html body.collector-app #detailPanel .signal-detail-prices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0!important; }
html body.collector-app #detailPanel .signal-detail-prices>div { padding:15px!important; background:var(--album-paper)!important; border:1px solid var(--album-line)!important; border-radius:13px!important; }
html body.collector-app #detailPanel .signal-detail-prices strong { color:var(--album-ink)!important; font-family:var(--album-display); font-size:25px!important; letter-spacing:-.7px; }
html body.collector-app #detailPanel .signal-detail-prices :is(small,span) { color:var(--album-muted)!important; }
html body.collector-app #detailPanel .signal-detail-prices a { color:var(--album-teal)!important; }
html body.collector-app #detailPanel :is(.signal-detail-nets,.signal-qualification,.signal-history,.signal-market-check,.signal-detail-proof,.sold-comp-audit,.decision-pad,.price-trust-banner) { background:var(--album-white); color:var(--album-ink); border-color:var(--album-line)!important; }
html body.collector-app #detailPanel .signal-qualification { background:var(--album-mint)!important; border-left-color:#749769!important; }
.collector-app :is(.signal-history-chart,.route-history-chart,.portfolio-history-chart) svg { color:var(--album-teal); }
.collector-app table { border-color:var(--album-line)!important; color:var(--album-ink); }
.collector-app :is(td,th) { border-color:var(--album-line)!important; }
.collector-app th { color:var(--album-muted); }
.collector-app :is(.route-workspace-header,.route-hero,.route-summary,.route-panel,.grader-route,.grader-card,.outcome-card,.submission-plan,.submission-card,.submission-plan-grid>div,.submission-plan-grid>label) { border-color:var(--album-line)!important; color:var(--album-ink)!important; box-shadow:none!important; }
.collector-app .collector-footer { display:flex; order:100; grid-column:1/-1; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--album-line); padding:25px 0 4px; margin-top:40px; color:var(--album-muted); font-size:10px; }
.collector-footer strong { font-family:var(--album-display); font-size:17px; color:var(--album-ink); letter-spacing:-.5px; }
.collector-footer strong span { color:var(--album-coral); }
.collector-app .disclaimer-band { background:none!important; border:0!important; border-top:1px solid var(--album-line)!important; color:var(--album-muted)!important; margin-top:30px; padding:20px 0!important; box-shadow:none!important; font-size:10px; }
.collector-app .disclaimer-band p { color:var(--album-muted)!important; font-size:10px; max-width:900px; }
.collector-app .signals-about { border-color:var(--album-line)!important; background:none!important; color:var(--album-muted)!important; }
.collector-app .collection-footnote { color:var(--album-muted)!important; font-size:10px; }

/* Compact layouts are a presentation preference, never an inventory change. */
html body.collector-app[data-album-layout=list] .collection-list,html body.collector-app[data-album-layout=list].signals-page #signalList { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
html body.collector-app[data-album-layout=list] .collector-card-art { height:165px; }
.collector-app .scan-debug { display:none!important; }
.collector-app.scan-photo-mode .collector-scan-hero { display:none!important; }
.collector-crop-options { border:1px solid var(--album-line); border-radius:11px; margin:13px 0; background:var(--album-paper); }
.collector-crop-options>summary { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; min-height:42px; color:var(--album-ink); font-size:11px; cursor:pointer; }
.collector-crop-options>summary span { color:var(--album-muted); font-size:9px; }
.collector-crop-options-body { padding:0 12px 12px; }
.collector-crop-actions { display:flex; gap:9px; margin-top:12px; }
.collector-crop-actions button { min-height:38px; }
.collector-crop-options-body #scanImageMeta { display:block; color:var(--album-muted); font-size:10px; margin-top:10px; }
.collector-app.scan-camera-mode .collector-crop-options { display:none!important; }
.collector-app.scan-photo-mode :is(#scanCaptureFrameButton,#scanStopCameraButton) { display:none!important; }
.collector-app.scan-photo-mode #scanMatchButton { width:100%; }

@media(min-width:1450px) { .collector-hero { padding-top:42px; padding-bottom:35px; } .collector-hero-art { height:280px; } .collector-hero-card.back { height:245px; } .collector-hero-card.front { height:250px; } }
@media(max-width:1100px) {
  .collector-app .topbar { grid-template-columns:1fr auto!important; gap:18px!important; }
  .collector-app .top-nav { grid-column:1/-1; grid-row:2; justify-self:center; }
  .collector-app .account-panel-header { grid-column:2; grid-row:1; }
  .collector-hero { gap:35px; }
  .collector-hero h1 { font-size:45px!important; }
  .collector-hero-art { height:240px; }
  .collector-hero-card.back { left:18%; height:210px; }
  .collector-hero-card.front { left:46%; height:220px; }
  .collector-art-caption { font-size:6px; }
  html body.collector-app .collection-list,html body.collector-app.signals-page #signalList { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; }
  html body.collector-app .collection-price>strong { font-size:17px!important; }
}
@media(max-width:760px) {
  html { scroll-padding-top:20px; }
  html body.collector-app { padding-bottom:calc(75px + env(safe-area-inset-bottom))!important; font-size:13px; }
  .collector-app :is(.public-shell,.collection-shell,.scan-shell,.grade-route-shell,.grading-list-shell) { padding:0 20px 30px!important; }
  .collector-app .topbar { display:flex!important; min-height:82px!important; padding:18px 0!important; border:0!important; flex-wrap:nowrap!important; justify-content:space-between!important; gap:12px!important; }
  .collector-app .topbar .top-nav { display:none!important; }
  .collector-app .brand-mark { width:30px!important; height:36px!important; min-width:30px!important; }
  .collector-app .collector-wordmark { font-size:21px; }
  .collector-app .account-panel-header { margin-left:auto!important; max-width:50%; }
  .collector-app .account-panel-header :is(strong,button,summary) { font-size:11px!important; }
  .collector-app .mobile-tabbar { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; position:fixed!important; bottom:0; left:0; right:0; z-index:30; padding:8px 14px max(8px,env(safe-area-inset-bottom)); background:#fffefaf5!important; backdrop-filter:blur(12px); border-top:1px solid var(--album-line)!important; box-shadow:0 -4px 20px #272a3205!important; }
  .collector-app .mobile-tabbar a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:51px; border:0!important; border-radius:12px!important; background:none!important; color:var(--album-muted)!important; text-decoration:none; font-size:10px; font-weight:600; padding:7px!important; }
  .collector-app .mobile-tabbar a[aria-current=page] { background:#fae9e0!important; color:var(--album-coral-dark)!important; }
  .collector-app .mobile-tabbar svg { width:20px; height:20px; }
  .collector-hero { grid-template-columns:1.13fr 1fr; gap:16px; padding:12px 0 25px; align-items:center; }
  .collector-eyebrow { font-size:6px; letter-spacing:.9px; gap:6px; margin-bottom:15px; }
  .collector-eyebrow i { width:14px; }
  .collector-hero h1 { font-size:clamp(25px,6vw,40px)!important; line-height:1.08!important; letter-spacing:-1.1px!important; }
  .collector-hero h1 span:after { height:3px; border-width:1.5px; bottom:-3px; }
  .collector-hero-description { font-size:10px!important; margin:18px 0 12px!important; line-height:1.65!important; }
  .collector-hero .collector-button { min-height:37px; padding:9px 12px; gap:6px; font-size:10px; border-radius:9px; }
  .collector-hero .collector-button svg { width:14px; height:14px; }
  .collector-hero .collector-button>span { display:none; }
  .collector-hero .collector-text-link { font-size:9px; min-height:30px; gap:8px; }
  .collector-hero-art { height:210px; border-radius:42% 42% 14px 14px; }
  .collector-hero-card.back { height:135px; top:48px; left:12%; }
  .collector-hero-card.front { height:146px; top:57px; left:40%; }
  .collector-art-caption { top:18px; left:20px; font-size:4px; letter-spacing:.7px; line-height:1.4; }
  .collector-art-star { top:17px; right:13px; font-size:26px; }
  .collector-art-sticker { bottom:16px; left:10px; padding:9px 8px; font-size:5px; white-space:nowrap; }
  .collector-art-edition { display:none; }
  .collector-hero-art:before { left:-70%; top:30%; }
  .collector-app .hero-metrics .metric-card { padding:12px 12px!important; min-height:85px!important; }
  .collector-app .hero-metrics strong { font-size:23px!important; }
  .collector-app .hero-metrics :is(span,small) { font-size:8px!important; }
  html body.collector-app.signals-page .signals-controls { grid-template-columns:minmax(0,1fr)!important; gap:10px!important; }
  html body.collector-app.signals-page #signals .card-search { grid-column:1; grid-row:1; }
  html body.collector-app.signals-page #signals .plan-drawer { grid-column:1!important; grid-row:2!important; }
  html body.collector-app.signals-page .signal-era-filters { margin-top:15px; }
  html body.collector-app.signals-page .signal-era-options { display:flex; gap:6px; flex:1; min-width:0; }
  html body.collector-app.signals-page .signal-era-options button { flex:1; min-width:0!important; padding:9px 7px!important; font-size:10px!important; }
  html body.collector-app.signals-page .signal-era-options button small { display:none; }
  html body.collector-app.signals-page .opportunity-tabs { gap:0!important; justify-content:space-between; }
  html body.collector-app.signals-page .opportunity-tabs button { gap:5px!important; padding:8px 9px!important; font-size:10px!important; }
  html body.collector-app.signals-page .opportunity-tabs strong { font-size:8px!important; }
  html body.collector-app.signals-page .signal-saved-searches summary { padding:12px!important; font-size:11px!important; }
  html body.collector-app.signals-page .signal-opportunity-guide { font-size:9px; }
  html body.collector-app .collection-list,html body.collector-app.signals-page #signalList { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
  .collector-card-art { height:190px; padding:30px 14px 15px; }
  .collector-card-art:before { left:-25%; width:220px; height:220px; }
  .collector-art-tag { top:8px; left:8px; padding:4px 5px; max-width:calc(100% - 16px); font-size:7px; }
  html body.collector-app.signals-page .signal-card-body { padding:12px!important; }
  html body.collector-app.signals-page .card-top strong { font-size:15px!important; }
  html body.collector-app.signals-page .card-top>span>span { font-size:8px!important; min-height:25px; }
  html body.collector-app.signals-page .card-top>span[class] { font-size:8px!important; margin-top:6px; }
  html body.collector-app.signals-page .card-subtitle.card-evidence { font-size:8px!important; margin:8px 0; }
  html body.collector-app.signals-page .card-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; }
  html body.collector-app.signals-page .card-metrics>span:first-child { grid-column:1/-1; }
  html body.collector-app.signals-page .card-metrics strong { font-size:13px!important; }
  html body.collector-app.signals-page .card-metrics>span:first-child strong { font-size:21px!important; }
  html body.collector-app.signals-page .card-metrics small { font-size:8px!important; }
  html body.collector-app .collection-summary { grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.8fr)!important; padding:14px 0; margin-bottom:13px; }
  html body.collector-app .collection-summary>div { padding:6px 11px!important; }
  html body.collector-app .collection-summary strong { font-size:23px!important; }
  html body.collector-app .collection-summary>div:nth-child(2)>strong { font-size:clamp(15px,4.6vw,21px)!important; white-space:nowrap; }
  html body.collector-app .collection-summary :is(span,small) { font-size:8px!important; }
  html body.collector-app .collection-summary.has-graded { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body.collector-app .collection-summary.has-graded>div { border:0!important; }
  .collector-toolkit>summary { font-size:11px; padding:11px 12px; }
  .collector-toolkit>summary span { font-size:8px; }
  .collector-workflow-bar { gap:0; margin:6px 0 8px; }
  html body.collector-app .collector-workflow-bar .collection-tabs { width:100%!important; flex:1 1 100%; margin:9px 0!important; }
  .collector-workflow-bar>.collector-toolkit>summary { padding-left:10px; font-size:9px; }
  .collector-price-options { margin:9px 0 12px; }
  .collector-price-options>summary { min-height:41px; font-size:10px; gap:10px; }
  html body.collector-app .collection-tabs { width:100%!important; margin:15px 0!important; }
  html body.collector-app .collection-tabs button { flex:1; font-size:10px!important; padding:9px 8px!important; }
  html body.collector-app .collection-inventory-toolbar h2 { font-size:23px!important; }
  html body.collector-app .collection-inventory-toolbar p { font-size:9px!important; }
  html body.collector-app .collection-inventory-toolbar { gap:8px; }
  html body.collector-app .collection-inventory-toolbar .ghost-action { min-height:38px; padding:8px 10px; font-size:10px; }
  .collector-library-actions { gap:7px; }
  .collector-layout { padding:3px; }
  .collector-layout button { width:29px; height:29px; }
  html body.collector-app .collection-quote-graders { flex-wrap:wrap; }
  html body.collector-app .collection-quote-graders label span { font-size:10px; padding:6px 12px; min-height:32px; }
  html body.collector-app .collection-quote-grades { max-width:100%; gap:8px; }
  html body.collector-app .collection-quote-grades label { font-size:9px!important; }
  html body.collector-app .collection-quote-grades select { font-size:11px!important; min-height:40px; padding:9px; }
  html body.collector-app .collection-price-help { font-size:9px!important; }
  html body.collector-app .collection-browse { grid-template-columns:minmax(0,1fr)!important; gap:10px!important; }
  html body.collector-app .collection-browse-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; width:100%; }
  html body.collector-app .collection-browse .collection-select-actions { display:flex; flex-direction:row; gap:20px; }
  html body.collector-app .collection-pages { font-size:10px!important; gap:8px; }
  html body.collector-app .collection-pages input { width:44px!important; min-height:37px!important; }
  html body.collector-app .collection-pages button { min-height:37px!important; font-size:10px!important; padding:8px!important; }
  html body.collector-app .collection-item-head { padding:12px 11px 5px!important; }
  html body.collector-app .collection-item-head h2 { font-size:15px!important; }
  html body.collector-app .collection-item-head p { font-size:8px!important; min-height:25px; }
  html body.collector-app .collection-item-choice { flex-wrap:wrap; }
  html body.collector-app .collection-item-choice label { font-size:9px!important; }
  html body.collector-app .collection-item-choice .collection-quantity input { width:36px!important; min-height:32px!important; font-size:10px; }
  html body.collector-app .collection-market-prices { margin:8px 11px 0!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px 6px!important; }
  html body.collector-app .collection-price:first-child { grid-column:1/-1; border-right:0!important; padding-bottom:8px!important; border-bottom:1px solid var(--album-line)!important; }
  html body.collector-app .collection-price>span { font-size:8px!important; }
  html body.collector-app .collection-price>strong { font-size:15px!important; margin:2px 0!important; }
  html body.collector-app .collection-price:first-child>strong { font-size:23px!important; }
  html body.collector-app .collection-price>small { font-size:8px!important; }
  html body.collector-app .collection-price>a { font-size:8px!important; }
  html body.collector-app .collection-price-trends strong { font-size:12px!important; }
  html body.collector-app .collection-item.is-evidence-open { grid-column:1/-1; }
  html body.collector-app .collection-item.is-evidence-open .collection-market-prices { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  html body.collector-app .collection-item.is-evidence-open .collection-price:first-child { grid-column:auto; border-right:1px solid var(--album-line)!important; border-bottom:0!important; padding-bottom:0!important; }
  html body.collector-app .collection-item.is-evidence-open .collection-price:first-child>strong { font-size:19px!important; }
  html body.collector-app .collection-item.is-evidence-open .collection-price>strong { font-size:19px!important; }
  html body.collector-app .collection-item.is-evidence-open .collection-price.collector-price-long { grid-column:1/-1; }
  .collector-evidence-toggle { width:calc(100% - 22px); margin:9px 11px 0; font-size:9px; min-height:38px; }
  html body.collector-app .collection-item :is(.collection-item-details,.collection-item-actions,.collection-reserved,.collection-tracked-links,.collection-printing-review,.collection-graded-references) { margin-inline:11px!important; }
  html body.collector-app .collection-item-details>summary { font-size:9px!important; line-height:1.4; }
  html body.collector-app .collection-item-actions :is(button,a) { font-size:9px!important; }
  html body.collector-app .collection-next { bottom:calc(80px + env(safe-area-inset-bottom))!important; padding:11px 13px!important; gap:10px; border-radius:14px!important; }
  html body.collector-app .collection-next span { font-size:10px!important; }
  html body.collector-app .collection-next button { font-size:10px!important; padding:10px 12px!important; min-height:41px; }
  html body.collector-app .scan-entry-panel { padding:15px!important; }
  html body.collector-app .scan-entry-search input { font-size:12px!important; }
  html body.collector-app .scan-entry-actions .primary-action { font-size:12px; }
  html body.collector-app .scan-entry-actions :is(button,label) { font-size:12px!important; padding:12px!important; min-height:48px!important; }
  html body.collector-app .scan-entry-actions :is(button,label)>span { white-space:nowrap; font-size:12px!important; }
  html body.collector-app .scan-entry-actions svg { width:18px!important; height:18px!important; flex-shrink:0; }
  .collector-scan-hero { grid-template-columns:1.25fr 1fr; gap:10px; }
  .collector-scan-hero h1 { font-size:clamp(23px,5.8vw,34px)!important; }
  html body.collector-app .scan-workspace { grid-template-columns:minmax(0,1fr)!important; gap:16px!important; }
  html body.collector-app.scan-photo-mode .scan-preview-stage { height:350px!important; min-height:0!important; }
  html body.collector-app .scan-panel { padding:17px!important; }
  html body.collector-app .scan-panel-head h2 { font-size:21px!important; }
  html body.collector-app .scan-launch-note { font-size:10px!important; }
  .collector-signal-dialog { width:calc(100vw - 20px)!important; max-height:calc(100dvh - 24px)!important; border-radius:18px!important; }
  .collector-sheet-toolbar { padding:9px 15px; }
  .collector-sheet-toolbar span { font-size:8px; }
  .collector-sheet-toolbar button { width:34px; height:34px; }
  html body.collector-app #detailPanel>.detail-hero { gap:16px; padding:18px!important; }
  html body.collector-app #detailPanel>.detail-hero img { width:73px!important; height:102px!important; }
  html body.collector-app #detailPanel .detail-title h3 { font-size:23px!important; }
  html body.collector-app #detailPanel .detail-tabs { top:53px; padding:7px 10px!important; gap:4px; }
  html body.collector-app #detailPanel .detail-tabs button { min-height:39px; font-size:11px; }
  html body.collector-app #detailPanel .detail-tab-panel { padding:13px!important; }
  html body.collector-app #detailPanel .signal-detail-prices { gap:6px!important; }
  html body.collector-app #detailPanel .signal-detail-prices>div { padding:10px 8px!important; }
  html body.collector-app #detailPanel .signal-detail-prices strong { font-size:19px!important; white-space:normal; overflow-wrap:anywhere; }
  .collector-app .collector-footer { flex-wrap:wrap; margin-top:24px; font-size:9px; gap:10px; }
  html body.collector-app[data-album-layout=list] .collection-list,html body.collector-app[data-album-layout=list].signals-page #signalList { grid-template-columns:minmax(0,1fr)!important; }
  html body.collector-app[data-album-layout=list] .collector-card-art { height:205px; }
}
@media(max-width:360px) {
  .collector-app .collection-tabs #planCount { display:none; }
  html body.collector-app .collection-list,html body.collector-app.signals-page #signalList { grid-template-columns:minmax(0,1fr)!important; }
  .collector-app :is(.public-shell,.collection-shell,.scan-shell) { padding-inline:14px!important; }
  .collector-hero { gap:10px; }
  .collector-hero h1 { font-size:24px!important; }
  .collector-hero-art { height:185px; }
  .collector-hero-card.back { height:119px; left:9%; }
  .collector-hero-card.front { height:128px; left:36%; }
  .collector-eyebrow { font-size:5.5px; }
  .collector-app .collection-next { flex-wrap:wrap!important; }
  .collector-app .collection-next button { flex:1; }
}
@media(prefers-reduced-motion:reduce) {
  .collector-app *, .collector-app *::before, .collector-app *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
html body.collector-app .collection-summary>div>strong.collector-value-placeholder,
html body.collector-app .collection-item .collection-price>strong.collector-value-placeholder {
  font-family:var(--album-body)!important;
  font-size:12px!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  color:var(--album-muted)!important;
  max-width:100%;
}