/* Scout — market search over the dealer's chats + own sales.
   Every colour is a theme token so all appearances (New look day / night,
   Classic ivory / midnight) work. Booklet target: New look · day.
   Scoped to #scout-root and .sc-overlay (dialogs live on <body>). */

#scout-root, .sc-overlay {
  --sc-r: 12px;
  --sc-card: var(--bg-raised);
  --sc-field: var(--bg-void);
  --sc-line: var(--border);
  --sc-ink: var(--white);
  --sc-ink-2: var(--off-white);
  --sc-ink-3: var(--muted);
  --sc-accent: var(--gold);
  --sc-on-accent: var(--on-accent, #fff);
  --sc-ok: var(--green);
  --sc-ok-bg: color-mix(in srgb, var(--green) 12%, transparent);
  --sc-warn: var(--amber);
  --sc-warn-bg: color-mix(in srgb, var(--amber) 13%, transparent);
  --sc-bad: var(--red);
  --sc-bad-bg: color-mix(in srgb, var(--red) 10%, transparent);
  --sc-blue: var(--blue);
  --sc-blue-bg: color-mix(in srgb, var(--blue) 12%, transparent);
  --sc-tint: color-mix(in srgb, var(--gold) 8%, var(--bg-raised));
  --sc-shadow: 0 1px 2px rgba(15, 24, 34, .04), 0 6px 20px -12px rgba(15, 24, 34, .18);
  color: var(--sc-ink);
}
#scout-root { max-width: 1240px; margin: 0 auto; padding-bottom: 48px; }
#scout-root *, .sc-overlay * { box-sizing: border-box; }
#scout-root svg, .sc-overlay svg { flex: none; }
.sc-muted { color: var(--sc-ink-3); }
.sc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#scout-root [hidden], .sc-overlay [hidden] { display: none !important; }
.sc-desk-only { display: inline-flex; }
.sc-mob-only { display: none !important; }

/* ── buttons ─────────────────────────────────────────────────────────── */
#scout-root .btn, .sc-overlay .btn { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; font-weight: 600; font-size: 14px; padding: 0 16px; white-space: nowrap; }
#scout-root .btn svg, .sc-overlay .btn svg { width: 17px; height: 17px; }
#scout-root .btn-gold, .sc-overlay .btn-gold { background: var(--sc-accent); color: var(--sc-on-accent); border: 1px solid var(--sc-accent); }
#scout-root .btn-gold:hover, .sc-overlay .btn-gold:hover { filter: brightness(1.08); }
#scout-root .btn-outline, .sc-overlay .btn-outline { background: var(--sc-card); color: var(--sc-accent); border: 1px solid var(--border-light); }
#scout-root .btn-outline:hover, .sc-overlay .btn-outline:hover { background: var(--bg-hover); }
#scout-root .btn:disabled, .sc-overlay .btn:disabled { cursor: not-allowed; filter: none; }
#scout-root .btn-gold:disabled, .sc-overlay .btn-gold:disabled { background: var(--bg-hover); border-color: var(--border-light); color: var(--sc-ink-2); opacity: 1; }
#scout-root .btn-outline:disabled, .sc-overlay .btn-outline:disabled { opacity: .55; }
.sc-overlay .sc-danger { background: var(--sc-bad); color: #fff; border: 1px solid var(--sc-bad); }
#scout-root :focus-visible, .sc-overlay :focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 2px; }
/* Icon-only buttons are perfect circles (CLAUDE.md lockdown). */
.sc-icon-btn {
  width: 36px; height: 36px; min-width: 36px; min-height: 36px; max-width: 36px; max-height: 36px; flex: 0 0 36px;
  aspect-ratio: 1 / 1; box-sizing: border-box; border-radius: 50%; padding: 0; line-height: 0;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--sc-line); background: var(--sc-card); color: var(--sc-ink-2); cursor: pointer;
}
.sc-icon-btn:hover { background: var(--bg-hover); color: var(--sc-ink); }
.sc-icon-btn svg { width: 17px; height: 17px; }
.sc-link { background: none; border: 0; color: var(--sc-accent); font-weight: 600; font-size: 14px; cursor: pointer; padding: 8px 4px; min-height: 36px; }
.sc-link:hover { text-decoration: underline; }
.sc-back { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: var(--sc-accent); font-weight: 600; font-size: 15px; padding: 8px 2px; min-height: 44px; cursor: pointer; }
.sc-back svg { width: 18px; height: 18px; }
.sc-chev { color: var(--sc-ink-3); display: inline-flex; width: 22px; justify-content: center; }
.sc-chev svg { width: 18px; height: 18px; }

/* ── header + search ─────────────────────────────────────────────────── */
.sc-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 4px 0 18px; }
.sc-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--sc-ink-3); }
.sc-title { font-size: 34px; line-height: 1.1; font-weight: 700; letter-spacing: -.02em; margin: 4px 0 6px; color: var(--sc-ink); font-family: inherit; }
.sc-sub { margin: 0; max-width: 620px; color: var(--sc-ink-2); font-size: 14px; line-height: 1.5; }
.sc-chats-btn { flex: none; }
.sc-search { display: flex; gap: 12px; align-items: stretch; }
.sc-search-box { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 8px 0 16px; background: var(--sc-field); border: 1.5px solid var(--sc-line); border-radius: var(--sc-r); }
.sc-search-box:focus-within { border-color: var(--sc-accent); box-shadow: 0 0 0 3px var(--gold-dim); }
.sc-search-box.is-small { height: 44px; }
.sc-search-icon { color: var(--sc-ink-3); display: flex; }
.sc-search-icon svg { width: 20px; height: 20px; }
.sc-search-box input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none; font-size: 17px; color: var(--sc-ink); padding: 0; height: 100%; }
.sc-search-box input::-webkit-search-cancel-button { display: none; }
#scout-root .sc-search-box input:focus, #scout-root .sc-search-box input:focus-visible, .sc-overlay .sc-search-box input:focus, .sc-overlay .sc-search-box input:focus-visible { outline: none !important; box-shadow: none !important; }
#scout-root .sc-search-box input, .sc-overlay .sc-search-box input { min-height: 0 !important; border-radius: 0 !important; }
.sc-search-box input::placeholder { color: var(--faint); }
.sc-clear { width: 32px; height: 32px; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; flex: 0 0 32px; background: var(--bg-hover); border-color: transparent; }
#scout-root .sc-search-go { height: 52px; min-width: 120px; font-size: 15px; border-radius: var(--sc-r); }
.sc-hint { margin: 8px 2px 0; color: var(--sc-ink-3); font-size: 13px; }
.sc-hint.is-err { color: var(--sc-bad); }

/* ── filter strip ────────────────────────────────────────────────────── */
.sc-filterbar { margin: 14px 0 18px; }
.sc-strip { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
#scout-root .sc-mob { display: none !important; }
.sc-seg { display: inline-flex; background: var(--sc-card); border: 1px solid var(--sc-line); border-radius: 10px; padding: 3px; gap: 2px; }
.sc-seg button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: var(--sc-ink-2); font-size: 13px; font-weight: 500; padding: 0 12px; height: 34px; border-radius: 8px; cursor: pointer; white-space: nowrap; }
.sc-seg button { transition: background-color .12s, color .12s; }
/* State ladder — each one reads differently:
   selected = solid accent fill + check · hover = neutral tint ·
   keyboard focus = outline ring · disabled = faded + not-allowed. */
@media (hover: hover) { .sc-seg button:hover:not(.is-on):not(:disabled) { background: var(--bg-hover); color: var(--sc-ink); } }
.sc-seg button.is-on { background: var(--sc-accent); color: var(--sc-on-accent); font-weight: 650; box-shadow: none; }
.sc-seg button.is-on::before { content: ''; width: 9px; height: 5px; border: solid currentColor; border-width: 0 0 2px 2px; transform: translateY(-2px) rotate(-45deg); margin-right: 2px; flex: none; }
.sc-seg button.is-on .sc-logo { box-shadow: 0 0 0 1.5px var(--sc-on-accent); }
.sc-seg button:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 2px; position: relative; z-index: 1; }
.sc-seg button.is-on:focus-visible { outline-color: var(--sc-ink); }
.sc-seg button:disabled { opacity: .45; cursor: not-allowed; }
.sc-seg.is-block { display: flex; width: 100%; flex-wrap: wrap; }
.sc-seg.is-block button { flex: 1 1 auto; justify-content: center; height: 40px; }
#scout-root .sc-filters-btn { height: 42px; min-height: 42px; }
.sc-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--sc-accent); color: var(--sc-on-accent); font-size: 11px; font-weight: 700; }
.sc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; align-items: center; }
.sc-chip-x { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 8px 0 12px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--gold) 35%, transparent); background: var(--gold-dim); color: var(--sc-ink); font-size: 13px; font-weight: 600; cursor: pointer; }
.sc-chip-x svg { width: 14px; height: 14px; color: var(--sc-ink-2); }
.sc-chip-x:hover { background: color-mix(in srgb, var(--gold) 20%, transparent); }
#scout-root .sc-chip-x.sc-mob-chip { display: none; }
.sc-pill-btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: var(--sc-r); border: 1px solid var(--sc-line); background: var(--sc-card); color: var(--sc-ink); font-size: 16px; font-weight: 500; cursor: pointer; }
@media (hover: hover) { .sc-pill-btn:hover { background: var(--bg-hover); } }
.sc-pill-btn:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 2px; }
.sc-pill-btn svg { width: 18px; height: 18px; color: var(--sc-accent); }

/* ── platform logos, pills, states ───────────────────────────────────── */
.sc-logo { display: inline-flex; width: 22px; height: 22px; border-radius: 50%; flex: none; }
.sc-logo svg { width: 100%; height: 100%; }
.sc-logo-xs { width: 16px; height: 16px; }
.sc-logo-sm { width: 20px; height: 20px; }
.sc-logo-md { width: 34px; height: 34px; }
.sc-logo-lg { width: 44px; height: 44px; }
.sc-logo-xl { width: 56px; height: 56px; }
.sc-pill { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 12px; border-radius: 999px; font-size: 13px; font-weight: 600; border: 1px solid transparent; white-space: nowrap; background: var(--bg-hover); color: var(--sc-ink-2); }
.sc-pill svg { width: 14px; height: 14px; }
.sc-pill.is-ok { background: var(--sc-ok-bg); color: var(--sc-ok); border-color: color-mix(in srgb, var(--green) 30%, transparent); }
.sc-pill.is-mid { background: var(--sc-blue-bg); color: var(--sc-blue); border-color: color-mix(in srgb, var(--blue) 30%, transparent); }
.sc-pill.is-warn { background: var(--sc-warn-bg); color: color-mix(in srgb, var(--amber) 75%, var(--white)); border-color: color-mix(in srgb, var(--amber) 35%, transparent); }
.sc-pill.is-down { background: var(--sc-bad-bg); color: var(--sc-bad); }
.sc-pill.is-bad { background: var(--sc-bad-bg); color: var(--sc-bad); border-color: color-mix(in srgb, var(--red) 40%, transparent); }
.sc-state { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--sc-ink-3); white-space: nowrap; }
.sc-state::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--faint); }
.sc-state.is-ok { color: var(--sc-ok); } .sc-state.is-ok::before { background: var(--sc-ok); }
.sc-state:has(svg)::before { display: none; }
.sc-state.is-sync { color: var(--sc-blue); } .sc-state.is-sync::before { display: none; }
.sc-state.is-bad { color: var(--sc-bad); } .sc-state.is-bad::before { display: none; }
.sc-state svg { width: 15px; height: 15px; }
.sc-pick-row .sc-state { padding: 4px 10px; border-radius: 999px; background: var(--bg-hover); }
.sc-pick-row .sc-state.is-ok { background: var(--sc-ok-bg); } .sc-pick-row .sc-state.is-sync { background: var(--sc-blue-bg); } .sc-pick-row .sc-state.is-bad { background: var(--sc-bad-bg); }
.sc-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--faint); margin-right: 8px; }
.sc-dot.is-ok { background: var(--sc-ok); } .sc-dot.is-sync { background: var(--sc-blue); animation: sc-pulse 1.4s ease-in-out infinite; }
.sc-ok-dot { display: block; color: var(--sc-ok); font-size: 13px; }
.sc-ok-dot::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--sc-ok); margin-right: 6px; }
.sc-warn-text { color: var(--sc-bad); } .sc-sync-text { color: var(--sc-blue); }
.sc-tag { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--bg-hover); color: var(--sc-ink-2); font-size: 12px; font-weight: 500; }
.sc-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.sc-count { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 22px; padding: 0 8px; border-radius: 999px; background: var(--bg-hover); color: var(--sc-ink-2); font-size: 12px; font-weight: 650; }
@keyframes sc-pulse { 50% { opacity: .35; } }

/* ── cards ───────────────────────────────────────────────────────────── */
.sc-card { background: var(--sc-card); border: 1px solid var(--sc-line); border-radius: var(--sc-r); box-shadow: var(--sc-shadow); padding: 20px; }
.sc-card + .sc-card, .sc-card + .sc-kpis, .sc-kpis + .sc-tabs, .sc-kpis + .sc-select-wrap { margin-top: 14px; }
.sc-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 14px; }
.sc-card-title { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 650; margin: 0; color: var(--sc-ink); letter-spacing: -.01em; }
.sc-card-title svg { width: 22px; height: 22px; color: var(--sc-ink-2); }
.sc-card-head p { margin: 4px 0 0; font-size: 13px; }
.sc-k { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: var(--sc-ink-2); margin: 0 0 8px; }
.sc-k svg { width: 16px; height: 16px; }
.sc-tipwrap { position: relative; display: inline-flex; vertical-align: middle; text-transform: none; letter-spacing: 0; font-weight: 400; }
/* Icon-only → locked circle (CLAUDE.md). 24px visible, 40px hit area. */
.sc-info { position: relative; width: 24px; height: 24px; min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; flex: 0 0 24px; aspect-ratio: 1 / 1; box-sizing: border-box; border-radius: 50%; padding: 0; line-height: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--sc-ink-3); cursor: pointer; }
.sc-info::after { content: ''; position: absolute; inset: -8px; }
.sc-info:hover, .sc-info[aria-expanded="true"] { background: var(--bg-hover); color: var(--sc-ink); }
.sc-info svg { width: 17px; height: 17px; }
.sc-tip-pop { position: absolute; z-index: 30; top: calc(100% + 8px); left: -8px; width: max-content; max-width: min(320px, calc(100vw - 48px)); padding: 10px 12px; border-radius: 10px; background: var(--white); color: var(--bg-void); font-size: 13px; line-height: 1.45; font-weight: 400; box-shadow: 0 12px 30px -10px rgba(5, 12, 24, .4); white-space: normal; text-align: left; }
.sc-tip-pop[hidden] { display: none; }
.sc-foot { font-size: 12.5px; color: var(--sc-ink-3); margin: 14px 2px 0; line-height: 1.5; }
.sc-tip { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 10px; background: var(--sc-tint); color: var(--sc-ink-2); font-size: 14px; margin: 12px 0; text-align: left; }
.sc-tip svg { width: 18px; height: 18px; color: var(--sc-accent); margin-top: 1px; }

/* photos — reserved boxes, Library / inventory label, monogram fallback */
.sc-photo { position: relative; overflow: hidden; border-radius: 10px; background: linear-gradient(180deg, color-mix(in srgb, var(--bg-void) 60%, #fff), var(--bg-void)); display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; }
.sc-photo img { width: 100%; height: 100%; object-fit: contain; display: block; mix-blend-mode: multiply; }
html[data-remodel-mode="night"] .sc-photo img, html[data-theme="midnight-gold"] .sc-photo img { mix-blend-mode: normal; }
.sc-photo.is-empty { color: color-mix(in srgb, var(--sc-ink-3) 70%, transparent); }
.sc-mono { width: 42%; max-width: 88px; height: auto; }
.sc-photo-tag { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: color-mix(in srgb, var(--bg-raised) 92%, transparent); border: 1px solid var(--sc-line); color: var(--sc-ink-2); font-size: 12px; font-weight: 500; max-width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-photo-tag svg { width: 14px; height: 14px; }
.sc-avatar { width: 40px; height: 40px; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; flex: 0 0 40px; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--gold) 16%, var(--bg-raised)); color: var(--sc-accent); font-weight: 700; font-size: 14px; letter-spacing: .02em; }

/* ── banners (connection needs attention) ────────────────────────────── */
.sc-banner { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 16px; border-radius: var(--sc-r); border: 1px solid var(--sc-line); background: var(--sc-card); margin: 0 0 14px; }
.sc-banner.is-warn { background: var(--sc-warn-bg); border-color: color-mix(in srgb, var(--amber) 40%, transparent); }
.sc-banner.is-note { background: var(--sc-blue-bg); border-color: color-mix(in srgb, var(--blue) 30%, transparent); }
.sc-banner-ic { color: var(--sc-warn); display: flex; } .sc-banner.is-note .sc-banner-ic { color: var(--sc-blue); }
.sc-banner-ic svg { width: 26px; height: 26px; }
.sc-banner-text { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--sc-ink-2); }
.sc-banner-text strong { color: var(--sc-ink); font-size: 15px; }
.sc-banner-other { display: flex; align-items: center; gap: 10px; padding-left: 16px; border-left: 1px solid color-mix(in srgb, var(--amber) 35%, transparent); font-size: 14px; }
.sc-progress { height: 3px; border-radius: 3px; margin: -8px 0 10px; background: linear-gradient(90deg, transparent, var(--sc-accent), transparent); background-size: 50% 100%; background-repeat: no-repeat; animation: sc-bar 1.1s linear infinite; }
@keyframes sc-bar { from { background-position: -50% 0; } to { background-position: 150% 0; } }
.sc-report.is-busy { opacity: .6; transition: opacity .15s; }

/* ── first run / no chats / idle ─────────────────────────────────────── */
.sc-first { display: grid; gap: 14px; }
.sc-first .sc-card + .sc-card { margin-top: 0; }
.sc-hero-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 24px; padding: 32px; background: linear-gradient(135deg, var(--sc-card), var(--sc-tint)); }
.sc-intro-art { position: relative; height: 220px; color: color-mix(in srgb, var(--sc-accent) 55%, var(--sc-ink-3)); display: flex; align-items: center; justify-content: center; }
.sc-intro-art .sc-mono { width: 180px; max-width: none; }
.sc-bubble { position: absolute; display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 14px; background: var(--sc-card); border: 1px solid var(--sc-line); box-shadow: var(--sc-shadow); }
.sc-bubble svg { width: 30px; height: 30px; }
.sc-bubble i { display: block; width: 46px; height: 6px; border-radius: 4px; background: var(--bg-hover); }
.sc-bubble i + i { width: 30px; }
.sc-bubble.is-tg { top: 24px; right: 4%; } .sc-bubble.is-wa { bottom: 24px; right: 12%; }
.sc-intro-text h2 { font-size: 36px; line-height: 1.12; letter-spacing: -.02em; margin: 0 0 12px; font-weight: 700; color: var(--sc-ink); }
.sc-intro-text p { font-size: 17px; color: var(--sc-ink-2); margin: 0; }
.sc-conn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sc-conn { display: flex; flex-direction: column; gap: 14px; }
.sc-conn + .sc-conn { margin-top: 0; }
.sc-conn-head { display: flex; align-items: center; gap: 14px; }
.sc-conn-head h3 { margin: 0 0 4px; font-size: 19px; font-weight: 650; color: var(--sc-ink); }
.sc-conn-head > .btn { margin-left: auto; }
.sc-conn-desc { margin: 0; display: flex; gap: 10px; color: var(--sc-ink-2); font-size: 14px; line-height: 1.5; }
.sc-conn-ic svg { width: 20px; height: 20px; color: var(--sc-ink-3); }
#scout-root .sc-wide { width: 100%; height: 46px; }
.sc-note-card { display: flex; align-items: center; gap: 12px; color: var(--sc-ink-2); font-size: 14px; }
.sc-note-card > svg { width: 22px; height: 22px; color: var(--sc-ink-3); }
.sc-note-card strong { display: block; color: var(--sc-ink); font-size: 16px; margin-bottom: 4px; }
.sc-choose { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; padding: 28px; }
.sc-choose-art { width: 120px; height: 120px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--gold-dim); color: var(--sc-accent); }
.sc-choose-art svg { width: 54px; height: 54px; }
.sc-choose-text h2 { margin: 0 0 8px; font-size: 26px; letter-spacing: -.01em; font-weight: 700; color: var(--sc-ink); }
.sc-choose-text p { margin: 0 0 18px; color: var(--sc-ink-2); font-size: 15px; max-width: 560px; }
#scout-root .sc-choose .sc-wide { max-width: 360px; }
.sc-health-row { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 14px; }
.sc-src { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.sc-src strong { display: block; font-size: 15px; color: var(--sc-ink); }
.sc-src span { color: var(--sc-ink-2); }
.sc-src-sep { width: 1px; align-self: stretch; background: var(--sc-line); }
.sc-health-fresh { margin-left: auto; display: flex; align-items: center; gap: 12px; color: var(--sc-ink-2); font-size: 14px; }
.sc-health-foot { margin: 14px 0 0; font-size: 13px; color: var(--sc-ink-3); }
.sc-recent-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.sc-recent-item { display: flex; flex-direction: column; text-align: left; border: 1px solid var(--sc-line); border-radius: var(--sc-r); background: var(--sc-card); padding: 0; overflow: hidden; cursor: pointer; position: relative; color: inherit; font: inherit; }
.sc-recent-item:hover { border-color: color-mix(in srgb, var(--gold) 40%, var(--sc-line)); }
.sc-recent-item .sc-photo { border-radius: 0; aspect-ratio: 16 / 10; }
.sc-recent-text { display: flex; flex-direction: column; gap: 2px; padding: 14px 40px 16px 16px; }
.sc-recent-text strong { font-size: 18px; font-weight: 650; color: var(--sc-ink); }
.sc-recent-item .sc-chev { position: absolute; right: 12px; bottom: 18px; }
.sc-brand-line { font-size: 11.5px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; color: var(--sc-ink-2); }
.sc-recent.is-empty p { margin: 8px 0 0; }

/* empty / error / unavailable */
.sc-empty { text-align: center; padding: 48px 24px; display: flex; flex-direction: column; align-items: center; }
.sc-empty h2 { font-size: 26px; font-weight: 700; margin: 16px 0 8px; color: var(--sc-ink); letter-spacing: -.01em; }
.sc-empty p { color: var(--sc-ink-2); max-width: 520px; margin: 0 0 6px; font-size: 15px; line-height: 1.5; }
.sc-empty.is-inline { padding: 32px 20px; }
.sc-empty.is-inline h2 { font-size: 20px; margin-top: 8px; }
.sc-empty-mark { width: 104px; height: 104px; border-radius: 50%; background: var(--gold-dim); color: var(--sc-accent); display: flex; align-items: center; justify-content: center; }
.sc-empty-mark svg { width: 48px; height: 48px; } .sc-empty-mark .sc-mono { width: 56px; }
.sc-empty .sc-tip { max-width: 520px; width: 100%; }
.sc-empty-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 10px; }
#scout-root .sc-empty-actions .btn { min-width: 150px; height: 44px; }
.sc-empty-foot { display: flex; align-items: center; gap: 8px; justify-content: center; margin-top: 22px !important; padding-top: 16px; border-top: 1px solid var(--sc-line); width: 100%; max-width: 640px !important; font-size: 13.5px !important; color: var(--sc-ink-3) !important; }
.sc-unavail { display: flex; gap: 14px; align-items: center; padding: 28px 20px; border: 1px dashed var(--border-light); border-radius: 10px; color: var(--sc-ink-2); margin-top: 14px; }
.sc-unavail svg { width: 28px; height: 28px; color: var(--sc-ink-3); }
.sc-unavail p { margin: 0; font-size: 14px; }
.sc-unavail.is-small { padding: 16px; }

/* skeletons (same card shapes) */
.sc-skel { display: grid; gap: 14px; }
.sc-skel .sc-card + .sc-card { margin-top: 0; }
.sc-skel-hero { display: grid; grid-template-columns: 260px 1fr 1fr; gap: 24px; }
.sc-sk, .sc-sk-lines i { display: block; border-radius: 6px; background: linear-gradient(90deg, var(--bg-hover), color-mix(in srgb, var(--bg-hover) 40%, var(--sc-card)), var(--bg-hover)); background-size: 200% 100%; animation: sc-shimmer 1.3s linear infinite; }
.sc-sk-photo { aspect-ratio: 4 / 3; border-radius: 10px; }
.sc-sk-lines { display: grid; gap: 12px; align-content: center; }
.sc-sk-lines i { height: 14px; } .sc-sk-lines i:first-child { height: 28px; width: 60%; } .sc-sk-lines i:last-child { width: 40%; }
@keyframes sc-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* ── report hero ─────────────────────────────────────────────────────── */
.sc-hero { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, .9fr); gap: 0; padding: 10px; align-items: stretch; }
.sc-hero > * { padding: 14px 20px; }
.sc-hero > .sc-photo { padding: 0; aspect-ratio: auto; min-height: 210px; }
.sc-hero-id { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.sc-hero-value, .sc-hero-side { border-left: 1px solid var(--sc-line); display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.sc-id { display: flex; flex-direction: column; }
.sc-model { font-size: 30px; font-weight: 650; line-height: 1.12; letter-spacing: -.015em; color: var(--sc-ink); overflow-wrap: break-word; }
.sc-ref { font-size: 17px; color: var(--sc-ink-2); margin-top: 2px; }
.sc-meta-line { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 13px; color: var(--sc-ink-3); }
.sc-meta-line svg { width: 15px; height: 15px; }
.sc-basis { margin: 12px 0 0; font-size: 13.5px; color: var(--sc-ink-2); line-height: 1.5; }
.sc-stale { display: flex; gap: 6px; align-items: center; margin: 8px 0 0; font-size: 13px; color: color-mix(in srgb, var(--amber) 80%, var(--white)); }
.sc-stale svg { width: 15px; height: 15px; }
.sc-big { font-size: 40px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; color: var(--sc-ink); font-variant-numeric: tabular-nums; overflow-wrap: break-word; }
.sc-big.is-ask { color: color-mix(in srgb, var(--amber) 70%, var(--white)); font-size: 34px; }
.sc-range { font-size: 17px; color: var(--sc-ink-2); margin-top: 4px; font-variant-numeric: tabular-nums; }
.sc-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.sc-facts { list-style: none; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--sc-line); display: grid; gap: 8px; font-size: 13.5px; color: var(--sc-ink-2); }
.sc-facts li { display: flex; align-items: center; gap: 10px; }
.sc-facts svg { width: 17px; height: 17px; color: var(--sc-ink-3); }
.sc-hero.is-limited { grid-template-columns: minmax(220px, 280px) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); }
.sc-limited { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 10px; background: var(--sc-warn-bg); border: 1px solid color-mix(in srgb, var(--amber) 35%, transparent); font-size: 14px; color: var(--sc-ink-2); line-height: 1.45; }
.sc-limited strong { color: var(--sc-ink); }
.sc-limited-ic svg { width: 22px; height: 22px; color: var(--sc-warn); }
.sc-hero-actions { display: grid; gap: 8px; margin-top: 14px; }

/* KPI cards: summaries, deliberately not clickable */
.sc-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sc-kpis .sc-card + .sc-card { margin-top: 0; }
.sc-kpi { padding: 16px 20px; background: linear-gradient(135deg, var(--sc-card), var(--sc-tint)); }
.sc-kpi.is-sold { background: linear-gradient(135deg, var(--sc-card), color-mix(in srgb, var(--green) 8%, var(--sc-card))); }
.sc-kpi-top { display: flex; justify-content: space-between; align-items: flex-start; }
.sc-kpi-ic { color: var(--sc-ink-3); } .sc-kpi-ic svg { width: 22px; height: 22px; }
.sc-kpi.is-sold .sc-kpi-ic { color: var(--sc-ok); }
.sc-kpi-v { font-size: 30px; font-weight: 600; letter-spacing: -.015em; color: var(--sc-accent); font-variant-numeric: tabular-nums; margin-top: 2px; }
.sc-kpi.is-sold .sc-kpi-v { color: var(--sc-ok); }
.sc-kpi-sub { font-size: 13px; color: var(--sc-ink-2); margin-top: 4px; }

/* section tabs (desktop) + selector (phone) */
.sc-tabs { display: flex; gap: 4px; background: var(--sc-card); border: 1px solid var(--sc-line); border-radius: var(--sc-r) var(--sc-r) 0 0; padding: 0 8px; margin-top: 14px; overflow-x: auto; scrollbar-width: none; }
.sc-tabs button { display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; border-bottom: 2.5px solid transparent; padding: 0 16px; height: 54px; color: var(--sc-ink-2); font-size: 14.5px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.sc-tabs button svg { width: 18px; height: 18px; }
.sc-tabs button:hover { color: var(--sc-ink); }
.sc-tabs button.is-on { color: var(--sc-accent); border-bottom-color: var(--sc-accent); font-weight: 650; }
.sc-panel { margin-top: 0; }
.sc-tabs + .sc-panel > .sc-card:first-child, .sc-tabs + .sc-panel > .sc-list-head:first-child { border-top-left-radius: 0; border-top-right-radius: 0; border-top: 0; }
.sc-tabs + .sc-panel > .sc-trend-head:first-child, .sc-tabs + .sc-panel > .sc-bd-grid:first-child { margin-top: 14px; }
.sc-select-wrap { position: relative; display: flex; align-items: center; }
.sc-select-wrap select { appearance: none; -webkit-appearance: none; width: 100%; height: 52px; border-radius: var(--sc-r); border: 1.5px solid var(--sc-line); background: var(--sc-card); color: var(--sc-ink); font-size: 17px; font-weight: 500; padding: 0 44px 0 52px; }
.sc-select-wrap.is-small select { height: 44px; font-size: 16px; padding: 0 40px 0 14px; background: var(--sc-field); min-width: 150px; }
.sc-select-ic { position: absolute; left: 16px; color: var(--sc-ink-2); display: flex; pointer-events: none; }
.sc-select-ic svg { width: 22px; height: 22px; }
.sc-select-chev { position: absolute; right: 14px; color: var(--sc-ink-2); pointer-events: none; display: flex; }
.sc-select-chev svg { width: 20px; height: 20px; }

/* overview evidence */
.sc-evidence-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.sc-evidence-grid > div { padding: 4px 18px; border-left: 1px solid var(--sc-line); }
.sc-evidence-grid > div:first-child { border-left: 0; padding-left: 0; }
.sc-evidence-grid h3 { font-size: 14px; font-weight: 650; margin: 0 0 6px; color: var(--sc-ink); }
.sc-evidence-grid p { font-size: 13.5px; line-height: 1.5; color: var(--sc-ink-2); margin: 0; }

/* trend + price position */
.sc-trend-head { margin-bottom: 4px; }
.sc-chart-wrap { margin-top: 12px; }
.sc-chart { width: 100%; height: auto; display: block; overflow: visible; }
.sc-grid { stroke: var(--sc-line); stroke-width: 1; }
.sc-axis-t { fill: var(--sc-ink-3); font-size: 12.5px; font-family: inherit; }
.sc-line { fill: none; stroke: var(--sc-accent); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.sc-dot-pt { fill: var(--sc-card); stroke: var(--sc-accent); stroke-width: 2.5; cursor: pointer; outline: none; }
.sc-dot-pt:hover, .sc-dot-pt:focus, .sc-dot-pt.is-on { fill: var(--sc-accent); r: 7; }
.sc-readout { margin-top: 8px; font-size: 14px; color: var(--sc-ink-2); min-height: 22px; }
.sc-position { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 28px; align-items: center; }
.sc-position .sc-muted { margin: 4px 0 0; font-size: 13.5px; }
.sc-pos-list { margin: 16px 0 0; display: grid; gap: 8px; font-size: 15px; }
.sc-pos-list > div { display: flex; gap: 10px; }
.sc-pos-list dt { min-width: 92px; color: var(--sc-ink-2); } .sc-pos-list dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.sc-pos-list .is-bid dd, .sc-pos-list .is-bid dt { color: var(--sc-blue); } .sc-pos-list .is-sold dd, .sc-pos-list .is-sold dt { color: var(--sc-ok); }
.sc-rail { position: relative; height: 150px; margin: 0 40px; }
.sc-rail-bar { position: absolute; left: 0; right: 0; top: 74px; height: 6px; border-radius: 4px; background: var(--bg-active); }
.sc-rail-end { position: absolute; top: 88px; font-size: 12px; color: var(--sc-ink-3); }
.sc-rail-end.is-lo { left: 0; } .sc-rail-end.is-hi { right: 0; }
.sc-mark { position: absolute; top: 0; height: 77px; transform: translateX(-50%); display: flex; flex-direction: column-reverse; align-items: center; }
.sc-mark i { display: block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--sc-card); background: var(--sc-ink); margin-bottom: -4px; flex: none; }
.sc-mark::before { content: ''; width: 1.5px; flex: 1; background: currentColor; opacity: .6; }
.sc-mark > span { font-size: 12.5px; text-align: center; white-space: nowrap; color: currentColor; padding-bottom: 4px; }
.sc-mark strong { display: block; font-size: 15px; }
.sc-mark.is-below { top: 70px; flex-direction: column; }
.sc-mark.is-below i { margin: 0 0 -4px; order: -1; margin-top: 0; }
.sc-mark.is-below > span { padding: 4px 0 0; }
.sc-mark.is-bid { color: var(--sc-blue); } .sc-mark.is-bid i { background: var(--sc-blue); }
.sc-mark.is-ask { color: var(--sc-ink); }
.sc-mark.is-sold { color: var(--sc-ok); } .sc-mark.is-sold i { background: var(--sc-ok); }
.sc-mark.is-multi { color: var(--sc-accent); } .sc-mark.is-multi i { background: var(--sc-accent); }

/* breakdown */
.sc-bd-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 14px; }
.sc-bd-grid .sc-card + .sc-card { margin-top: 0; }
.sc-variants { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.sc-variant { display: flex; flex-direction: column; text-align: left; border: 1px solid var(--sc-line); border-radius: 10px; padding: 0; overflow: hidden; background: var(--sc-card); cursor: pointer; position: relative; color: inherit; font: inherit; }
.sc-variant:hover { border-color: color-mix(in srgb, var(--gold) 40%, var(--sc-line)); }
.sc-variant .sc-photo { border-radius: 0; }
.sc-variant-body { display: flex; flex-direction: column; gap: 2px; padding: 12px 36px 14px 14px; align-items: flex-start; }
.sc-variant .sc-chev { position: absolute; right: 8px; bottom: 16px; }
.sc-variant-price { font-size: 24px; font-weight: 600; color: var(--sc-accent); font-variant-numeric: tabular-nums; }
.sc-variant .sc-pill { margin-top: 6px; }
.sc-ref-strong { font-weight: 600; color: var(--sc-ink); }
.sc-brow { display: grid; grid-template-columns: minmax(0, 1fr) auto 22px; align-items: center; gap: 12px; width: 100%; border: 0; border-top: 1px solid var(--sc-line); background: none; padding: 12px 2px; text-align: left; color: inherit; font: inherit; cursor: pointer; min-height: 56px; }
.sc-brow:first-of-type { border-top: 0; }
.sc-brow:hover:not(.is-static):not(:disabled) { background: var(--bg-hover); }
.sc-brow[aria-pressed="true"] { background: var(--gold-dim); }
.sc-brow.is-static { cursor: default; }
.sc-brow:disabled { cursor: default; }
.sc-brow-l { display: flex; flex-direction: column; font-size: 15px; color: var(--sc-ink); min-width: 0; overflow-wrap: break-word; }
.sc-brow-l .sc-muted { font-size: 12.5px; }
.sc-brow-v { font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; display: flex; flex-direction: column; }
.sc-brow-v .sc-muted { font-size: 12px; font-weight: 400; }
.sc-chat-row { grid-template-columns: auto minmax(0, 1fr) auto 22px; }

/* price posts */
.sc-list-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; background: var(--sc-card); border: 1px solid var(--sc-line); border-radius: var(--sc-r); font-size: 14px; color: var(--sc-ink-2); }
.sc-list-head .sc-muted { display: inline-flex; align-items: center; gap: 6px; }
.sc-list-head svg { width: 16px; height: 16px; }
.sc-posts { display: grid; gap: 10px; margin-top: 10px; }
.sc-post { display: grid; grid-template-columns: 170px minmax(0, 1fr) auto 22px; gap: 18px; align-items: center; padding: 10px 14px 10px 10px; text-align: left; cursor: pointer; color: inherit; font: inherit; width: 100%; }
.sc-post + .sc-post { margin-top: 0; }
.sc-post:hover { border-color: color-mix(in srgb, var(--gold) 40%, var(--sc-line)); }
.sc-post .sc-photo { aspect-ratio: 3 / 2; }
.sc-post-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sc-post-title { font-size: 17px; font-weight: 600; color: var(--sc-ink); overflow-wrap: break-word; }
.sc-post-meta { font-size: 14px; color: var(--sc-ink-2); }
.sc-post-src { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; color: var(--sc-ink-2); margin-top: 4px; }
.sc-src-name { font-weight: 600; color: var(--sc-ink); overflow-wrap: break-word; }
.sc-src-sender::before { content: '/'; margin-right: 8px; color: var(--sc-ink-3); }
.sc-src-time { color: var(--sc-ink-3); }
.sc-src-time::before { content: '·'; margin-right: 8px; }
.sc-post-price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; padding-left: 18px; border-left: 1px solid var(--sc-line); min-width: 150px; }
.sc-price { font-size: 30px; font-weight: 600; letter-spacing: -.01em; color: var(--sc-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sc-orig { font-size: 12.5px; color: var(--sc-ink-3); }
.sc-intent { font-size: 13px; font-weight: 600; color: var(--sc-ink-2); }
.sc-intent.is-sell { color: var(--sc-ok); } .sc-intent.is-buy { color: var(--sc-blue); }
.sc-post.is-out { background: color-mix(in srgb, var(--bg-hover) 50%, var(--sc-card)); }
.sc-post.is-out .sc-price { color: var(--sc-ink-3); text-decoration: line-through; text-decoration-thickness: 1.5px; }
.sc-notcounted { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; font-size: 13px; }
.sc-more { display: flex; justify-content: center; padding: 16px 0 4px; }

/* messages */
.sc-msgs { display: grid; grid-template-columns: minmax(280px, 380px) minmax(0, 1fr); padding: 0; overflow: hidden; }
.sc-msg-list { border-right: 1px solid var(--sc-line); max-height: 760px; overflow-y: auto; }
.sc-msg-list-head { padding: 18px 18px 10px; }
.sc-msg-list-head p { margin: 4px 0 0; font-size: 12.5px; }
.sc-msg-item { display: flex; gap: 12px; width: 100%; text-align: left; border: 0; border-top: 1px solid var(--sc-line); background: none; padding: 14px 18px; cursor: pointer; color: inherit; font: inherit; }
.sc-msg-item:hover { background: var(--bg-hover); }
.sc-msg-item.is-on { background: var(--gold-dim); box-shadow: inset 3px 0 0 var(--sc-accent); }
.sc-msg-item-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.sc-msg-item-top { display: flex; justify-content: space-between; gap: 8px; font-size: 14.5px; }
.sc-msg-item-top strong { color: var(--sc-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-msg-item-top .sc-muted { font-size: 12.5px; white-space: nowrap; }
.sc-msg-sender { font-size: 12.5px; color: var(--sc-ink-2); }
.sc-msg-snip { font-size: 13.5px; color: var(--sc-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-msg-detail { padding: 18px 22px 24px; min-width: 0; }
@media (min-width: 768px) { .sc-msg-detail .sc-back.is-list-back { display: none; } }
.sc-msg-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; color: var(--sc-ink-3); padding: 48px 18px; height: 100%; }
.sc-msg-empty svg { width: 36px; height: 36px; }
.sc-msg-empty p { margin: 0; max-width: 300px; font-size: 14px; }
.sc-msg-head { display: flex; gap: 14px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--sc-line); margin-bottom: 16px; }
.sc-msg-head > div { display: flex; flex-direction: column; font-size: 14px; color: var(--sc-ink-2); }
.sc-msg-head strong { font-size: 17px; color: var(--sc-ink); }
.sc-bubble-text { white-space: pre-wrap; overflow-wrap: break-word; font-size: 16.5px; line-height: 1.55; color: var(--sc-ink); background: var(--sc-tint); border: 1px solid var(--sc-line); border-radius: 16px; padding: 16px 20px; max-width: 640px; }
.sc-bubble-text mark { background: color-mix(in srgb, var(--gold) 22%, transparent); color: inherit; border-radius: 3px; padding: 0 2px; }
.sc-orig-note { font-size: 12.5px; margin: 8px 0 18px; }
.sc-matched { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.sc-match { display: grid; grid-template-columns: 120px minmax(0, 1fr) 22px; gap: 12px; align-items: center; text-align: left; border: 1px solid var(--sc-line); border-radius: 10px; background: var(--sc-card); padding: 8px; cursor: pointer; color: inherit; font: inherit; }
.sc-match:hover { border-color: color-mix(in srgb, var(--gold) 40%, var(--sc-line)); }
.sc-match-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sc-match-body strong { font-size: 16px; color: var(--sc-ink); }
.sc-match-price { font-size: 24px; font-weight: 600; font-variant-numeric: tabular-nums; margin: 4px 0; }
.sc-match .sc-photo { aspect-ratio: 1 / 1; }
.sc-match .sc-photo-tag { font-size: 11px; padding: 3px 8px; left: 6px; bottom: 6px; }

/* own sales */
.sc-sales-sum { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-radius: 10px; background: var(--sc-ok-bg); }
.sc-sales-sum svg { width: 24px; height: 24px; color: var(--sc-ok); }
.sc-sales-sum > span { display: flex; flex-direction: column; font-size: 13px; }
.sc-sales-sum strong { font-size: 24px; color: var(--sc-ink); font-variant-numeric: tabular-nums; }
.sc-sales-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.sc-sale { border: 1px solid var(--sc-line); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; background: var(--sc-card); }
.sc-sale .sc-photo { border-radius: 0; aspect-ratio: 16 / 10; }
.sc-sale .sc-photo img { object-fit: cover; mix-blend-mode: normal; }
.sc-sale-body { padding: 14px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.sc-sale-body > strong { font-size: 16px; color: var(--sc-ink); }
.sc-sale-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; padding-top: 10px; margin-top: 8px; border-top: 1px solid var(--sc-line); }
.sc-sale-row .sc-k { letter-spacing: 0; text-transform: none; font-weight: 500; margin: 0; font-size: 12.5px; color: var(--sc-ink-3); }
.sc-sale-price { font-size: 24px; font-weight: 600; color: var(--sc-ok); font-variant-numeric: tabular-nums; }
.sc-sale-date { text-align: right; font-size: 15px; color: var(--sc-ink); display: flex; flex-direction: column; align-items: flex-end; }
#scout-root .sc-open { margin-top: 12px; justify-content: space-between; width: 100%; height: 44px; }

/* ── dialogs (wide on desktop, sheets on phones) ─────────────────────── */
body.sc-dialog-open { overflow: hidden; }
body.sc-dialog-open .mobile-fab, body.sc-dialog-open #mobile-fab, body.sc-dialog-open .mobile-bottom-nav, body.sc-dialog-open .bottom-nav { visibility: hidden !important; }
.sc-overlay.modal-overlay { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; padding: 24px; background: color-mix(in srgb, #0b1420 46%, transparent); opacity: 1; visibility: visible; }
.sc-overlay .sc-dialog.modal { position: relative; width: min(880px, 100%); max-width: none; max-height: min(88dvh, 880px); display: flex; flex-direction: column; padding: 0; overflow: hidden; background: var(--bg-raised); color: var(--white); border: 1px solid var(--sc-line); border-radius: 16px; box-shadow: 0 30px 80px -20px rgba(5, 12, 24, .45); transform: none; outline: none; }
.sc-overlay#sc-filters-dlg .sc-dialog { width: min(980px, 100%); }
.sc-overlay.is-small .sc-dialog.modal { width: min(460px, 100%); }
.sc-dlg-head { display: flex; align-items: flex-start; gap: 14px; padding: 22px 24px 14px; }
.sc-dlg-head > div { flex: 1; min-width: 0; }
.sc-dlg-head h2 { margin: 0; font-size: 23px; font-weight: 650; letter-spacing: -.01em; color: var(--white); }
.sc-dlg-head p { margin: 6px 0 0; color: var(--off-white); font-size: 14.5px; }
.sc-grip { display: none; }
.sc-dlg-body { flex: 1; overflow-y: auto; padding: 4px 24px 18px; -webkit-overflow-scrolling: touch; }
.sc-dlg-foot { display: flex; align-items: center; gap: 10px; padding: 14px 24px; border-top: 1px solid var(--sc-line); background: var(--bg-raised); padding-bottom: max(14px, env(safe-area-inset-bottom)); }
.sc-dlg-foot .btn { min-width: 120px; height: 46px; }
.sc-dlg-foot.is-stack { flex-direction: row; }
.sc-dlg-foot.is-stack .btn { flex: 1; }
.sc-spacer { flex: 1; }
.sc-sel-count { font-size: 15px; font-weight: 600; color: var(--white); }
.sc-dlg-empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 36px 16px; color: var(--off-white); }
.sc-dlg-empty h3 { margin: 4px 0 0; font-size: 19px; color: var(--white); }
.sc-dlg-empty p { margin: 0; max-width: 420px; font-size: 14.5px; }
.sc-dlg-empty > svg { width: 30px; height: 30px; color: var(--sc-warn); }
/* Filters */
.sc-fgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 26px; }
.sc-fcol { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.sc-fcol + .sc-fcol { border-left: 1px solid var(--sc-line); padding-left: 26px; }
.sc-fgroup { border: 0; margin: 0; padding: 0; min-width: 0; }
.sc-fgroup legend { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 650; color: var(--white); margin-bottom: 10px; padding: 0; }
.sc-fgroup legend svg { width: 19px; height: 19px; color: var(--off-white); }
.sc-fnote { margin: -8px 0 0; font-size: 12.5px; color: var(--off-white); line-height: 1.45; }
.sc-fchats-head { display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: var(--off-white); margin-bottom: 6px; }
.sc-fchats { display: grid; gap: 2px; max-height: 240px; overflow-y: auto; border: 1.5px solid var(--sc-line); border-radius: 10px; padding: 6px; background: var(--bg-void); }
.sc-fchat { display: flex; align-items: center; gap: 10px; padding: 8px; min-height: 44px; border-radius: 8px; font-size: 15px; color: var(--white); cursor: pointer; }
.sc-fchat:hover { background: var(--bg-hover); }
.sc-fchat span:last-child { overflow-wrap: break-word; }
.sc-fchat input, .sc-check { width: 20px; height: 20px; accent-color: var(--gold); flex: none; margin: 0; }
.sc-reset svg { width: 17px; height: 17px; }
/* Chat picker */
.sc-ptabs { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 4px 24px 12px; border: 1px solid var(--sc-line); border-radius: 12px; overflow: hidden; }
.sc-ptabs button { display: flex; align-items: center; justify-content: center; gap: 10px; height: 50px; border: 0; background: var(--bg-raised); color: var(--off-white); font-size: 16px; font-weight: 600; cursor: pointer; }
.sc-ptabs button + button { border-left: 1px solid var(--sc-line); }
.sc-ptabs button.is-on { background: var(--gold-dim); color: var(--gold); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 45%, transparent); }
.sc-pick-tools { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 0 24px 12px; }
.sc-pick-tools .sc-search-box { flex: 1 1 220px; }
.sc-pick-tools .sc-search-box input { font-size: 16px; }
.sc-pick-tools .btn { height: 44px; }
.sc-pick-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--sc-line); border-radius: 12px; overflow: hidden; }
.sc-pick-list li + li { border-top: 1px solid var(--sc-line); }
.sc-pick-row { display: flex; align-items: center; gap: 14px; padding: 12px 16px; min-height: 68px; cursor: pointer; }
.sc-pick-row:hover { background: var(--bg-hover); }
.sc-pick-row.is-on { background: color-mix(in srgb, var(--gold) 6%, var(--bg-raised)); }
.sc-pick-text { display: flex; flex-direction: column; flex: 1; min-width: 0; font-size: 13.5px; }
.sc-pick-text strong { font-size: 16px; color: var(--white); overflow-wrap: break-word; }
.sc-pick-text .sc-muted { color: var(--off-white); }
.sc-pick-skel { gap: 0; }
.sc-result { border-radius: 10px; padding: 12px 14px; margin-bottom: 12px; font-size: 14px; color: var(--white); }
.sc-result p { margin: 0 0 4px; }
.sc-result.is-ok { background: var(--sc-ok-bg); } .sc-result.is-warn { background: var(--sc-warn-bg); border: 1px solid color-mix(in srgb, var(--amber) 40%, transparent); }
/* Removal confirm */
.sc-remove-list { list-style: none; margin: 4px 0 14px; padding: 0; display: grid; gap: 10px; }
.sc-remove-list li { display: flex; align-items: center; gap: 12px; font-size: 16px; color: var(--white); overflow-wrap: break-word; }
.sc-overlay.is-small .sc-dlg-body p { color: var(--off-white); font-size: 15px; line-height: 1.5; margin: 0 0 8px; }

/* ── tablet ──────────────────────────────────────────────────────────── */
@media (max-width: 1180px) {
  .sc-hero, .sc-hero.is-limited { grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) minmax(0, 1fr); }
  .sc-hero > .sc-hero-side { grid-column: 2 / -1; border-left: 0; border-top: 1px solid var(--sc-line); }
  .sc-evidence-grid { grid-template-columns: 1fr 1fr; gap: 16px 0; }
  .sc-evidence-grid > div:nth-child(3) { border-left: 0; padding-left: 0; }
  .sc-bd-grid { grid-template-columns: 1fr; }
  .sc-fgrid { grid-template-columns: 1fr 1fr; gap: 18px 24px; }
  .sc-fcol + .sc-fcol { border-left: 0; padding-left: 0; }
}

/* ── phones (375–430 primary) ────────────────────────────────────────── */
@media (max-width: 767px) {
  #scout-root { padding: 0 2px 40px; }
  #scout-root .sc-desk, #scout-root .sc-desk-only { display: none !important; }
  #scout-root .sc-mob { display: flex !important; }
  .sc-mob-only { display: inline-flex !important; }
  .sc-head { align-items: center; margin: 2px 0 14px; }
  .sc-eyebrow, .sc-sub { display: none; }
  .sc-title { font-size: 34px; margin: 0; }
  #scout-root .sc-chats-btn { height: 44px; padding: 0 14px; font-size: 15px; }
  .sc-search { gap: 10px; }
  .sc-search-box { height: 52px; padding-left: 14px; }
  .sc-search-box input { font-size: 17px; }
  #scout-root .sc-search-go { min-width: 96px; font-size: 16px; }
  .sc-filterbar { margin: 12px 0 14px; }
  .sc-strip.sc-mob { gap: 10px; }
  .sc-card { padding: 16px; }
  .sc-card-head { flex-direction: column; }
  .sc-card-head .btn { width: 100%; }
  .sc-banner { padding: 12px; }
  .sc-banner-btn { width: 100%; }
  .sc-banner-other { border-left: 0; padding-left: 0; }
  /* first run / no chats */
  .sc-hero-intro { grid-template-columns: 1fr; padding: 20px; gap: 8px; }
  .sc-intro-art { height: 170px; }
  .sc-intro-art .sc-mono { width: 130px; }
  .sc-intro-text h2 { font-size: 30px; }
  .sc-conn-grid { grid-template-columns: 1fr; }
  .sc-choose { grid-template-columns: 1fr; text-align: left; padding: 20px; gap: 16px; }
  .sc-choose-art { width: 76px; height: 76px; } .sc-choose-art svg { width: 36px; height: 36px; }
  .sc-choose-text h2 { font-size: 26px; }
  #scout-root .sc-choose .sc-wide { max-width: none; }
  .sc-health-row { gap: 12px; }
  .sc-src-sep { display: none; }
  .sc-health-fresh { margin-left: 0; width: 100%; justify-content: space-between; }
  .sc-recent-grid { grid-template-columns: 1fr; gap: 10px; }
  .sc-recent-item { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; }
  .sc-recent-item .sc-photo { aspect-ratio: 1 / 1; height: 100%; }
  .sc-recent-item .sc-photo-tag { display: none; }
  .sc-recent-item .sc-chev { top: 50%; bottom: auto; transform: translateY(-50%); }
  /* hero */
  .sc-hero, .sc-hero.is-limited { grid-template-columns: 1fr; padding: 10px; }
  .sc-hero > * { padding: 12px 8px; }
  .sc-hero > .sc-photo { min-height: 0; aspect-ratio: 16 / 9; }
  .sc-hero-id { text-align: center; align-items: center; }
  .sc-hero-id .sc-meta-line { justify-content: center; }
  .sc-hero-value, .sc-hero-side { border-left: 0; border-top: 1px solid var(--sc-line); }
  .sc-hero > .sc-hero-side { grid-column: auto; }
  .sc-model { font-size: 28px; }
  .sc-big { font-size: 42px; }
  .sc-kpis { grid-template-columns: 1fr 1fr; gap: 10px; }
  .sc-kpis .sc-kpi.is-sold { grid-column: 1 / -1; }
  .sc-kpi { padding: 14px; }
  .sc-kpi-ic { display: none; }
  .sc-kpi-v { font-size: 26px; }
  .sc-kpi .sc-k { letter-spacing: .1em; font-size: 11px; }
  .sc-select-wrap.sc-mob { margin-top: 14px; }
  .sc-select-wrap.sc-mob + .sc-panel { margin-top: 12px; }
  .sc-evidence-grid { grid-template-columns: 1fr; gap: 14px; }
  .sc-evidence-grid > div { border-left: 0; padding: 0; }
  /* trend + position */
  .sc-position { grid-template-columns: 1fr; gap: 8px; }
  .sc-rail { margin: 0 34px; }
  /* breakdown */
  .sc-variants { grid-template-columns: 1fr 1fr; gap: 10px; }
  .sc-variant-price { font-size: 21px; }
  /* posts */
  .sc-list-head { padding: 0 2px; background: none; border: 0; }
  .sc-list-head > .sc-muted { display: none; }
  .sc-post { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 10px; align-items: start; position: relative; }
  .sc-post .sc-photo { aspect-ratio: 1 / 1; }
  .sc-post .sc-photo-tag { font-size: 10.5px; padding: 2px 6px; left: 4px; bottom: 4px; }
  .sc-post > .sc-chev { display: none; }
  .sc-post-price { position: absolute; right: 12px; top: 34px; border-left: 0; padding: 0; min-width: 0; }
  .sc-price { font-size: 22px; }
  .sc-post-title { font-size: 16px; padding-right: 100px; }
  .sc-post-meta { font-size: 13.5px; }
  .sc-post-src { font-size: 13px; }
  .sc-intent.sc-mob-only { align-self: flex-start; padding: 3px 10px; border-radius: 8px; background: var(--sc-ok-bg); }
  .sc-intent.is-buy.sc-mob-only { background: var(--sc-blue-bg); }
  .sc-notcounted { grid-column: 1 / -1; }
  /* messages: list, then detail */
  .sc-msgs { grid-template-columns: 1fr; }
  .sc-msg-list { border-right: 0; max-height: none; }
  .sc-msgs.has-detail .sc-msg-list { display: none; }
  .sc-msgs:not(.has-detail) .sc-msg-detail { display: none; }
  .sc-msg-detail { padding: 12px 16px 20px; }
  .sc-bubble-text { font-size: 17px; }
  .sc-matched { grid-template-columns: 1fr; }
  .sc-match { grid-template-columns: 112px minmax(0, 1fr) 22px; }
  /* sales */
  .sc-sales-grid { grid-template-columns: 1fr; gap: 10px; }
  .sc-sale .sc-photo-tag { display: none; }
  .sc-empty { padding: 32px 16px; }
  .sc-empty h2 { font-size: 24px; }
  .sc-empty-actions { flex-direction: column; width: 100%; }
  #scout-root .sc-empty-actions .btn { width: 100%; height: 48px; }
  /* dialogs become sheets */
  .sc-overlay.modal-overlay { padding: 0; align-items: flex-end; }
  .sc-overlay.is-sheet .sc-dialog.modal { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; border: 0; padding-top: env(safe-area-inset-top); }
  .sc-overlay.is-small .sc-dialog.modal { width: 100%; max-height: 88dvh; border-radius: 20px 20px 0 0; }
  .sc-overlay.is-small .sc-grip { display: block; position: absolute; left: 50%; top: 8px; width: 44px; height: 5px; border-radius: 3px; background: var(--border-light); transform: translateX(-50%); }
  .sc-dlg-head { padding: 18px 16px 10px; }
  .sc-dlg-head h2 { font-size: 26px; }
  .sc-dlg-head .sc-x { width: 44px; height: 44px; min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; flex: 0 0 44px; }
  .sc-dlg-body { padding: 4px 16px 16px; }
  .sc-dlg-foot { padding: 12px 16px; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .sc-dlg-foot .btn { min-width: 0; flex: 1; height: 50px; font-size: 16px; }
  .sc-dlg-foot .sc-spacer { display: none; }
  .sc-dlg-foot.is-stack { flex-direction: column-reverse; }
  .sc-dlg-foot.is-stack .btn { width: 100%; }
  .sc-overlay .sc-dlg-foot .sc-sel-count { flex: 0 0 auto; font-size: 14px; }
  .sc-overlay .sc-dlg-foot .sc-sel-count .sc-muted { display: none; }
  .sc-fgrid { grid-template-columns: 1fr; }
  .sc-seg.is-block button { height: 46px; font-size: 15px; }
  .sc-ptabs { margin: 4px 16px 10px; }
  .sc-pick-tools { padding: 0 16px 10px; }
  .sc-pick-tools .sc-search-box { flex-basis: 100%; }
  .sc-pick-tools .sc-select-wrap { flex: 1 1 100%; }
  .sc-pick-tools .btn { flex: 1; }
  .sc-pick-row { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; padding: 12px; gap: 4px 12px; }
  .sc-pick-row .sc-check, .sc-pick-row .sc-avatar { grid-row: 1 / span 2; }
  .sc-pick-row .sc-state { grid-column: 3; justify-self: start; }
  .sc-overlay input, .sc-overlay select, .sc-overlay textarea, #scout-root input, #scout-root select { font-size: 16px; }
  .sc-search-box input { font-size: 17px; }
}
@media (max-width: 400px) {
  .sc-title { font-size: 30px; }
  .sc-big { font-size: 38px; }
  .sc-post { grid-template-columns: 96px minmax(0, 1fr); }
  .sc-variants { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .sc-sk, .sc-sk-lines i, .sc-progress, .sc-dot.is-sync { animation: none; }
}
/* A dialog opened on top of another (removal over the chat picker) must not
   blur the first one into an unreadable smear: one dim layer only. */
.sc-overlay ~ .sc-overlay.modal-overlay { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: color-mix(in srgb, #0b1420 28%, transparent); }

/* ── corrections pass (2026-10-10) ───────────────────────────────────── */
/* Compact identity bar on every section except Overview. */
.sc-compact { display: grid; grid-template-columns: 64px minmax(0, 1.4fr) minmax(0, 1fr) auto auto; align-items: center; gap: 16px; padding: 10px 16px 10px 10px; }
.sc-compact .sc-photo { width: 64px; height: 64px; aspect-ratio: 1 / 1; border-radius: 10px; }
.sc-compact .sc-mono { width: 60%; }
.sc-cmp-id { display: flex; flex-direction: column; min-width: 0; }
.sc-cmp-id strong { font-size: 19px; font-weight: 650; color: var(--sc-ink); overflow-wrap: break-word; line-height: 1.2; }
.sc-cmp-val { display: flex; flex-direction: column; min-width: 0; }
.sc-cmp-val .sc-k { margin: 0 0 2px; }
.sc-cmp-val strong { font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--sc-ink); }
.sc-cmp-val strong.is-ask { color: color-mix(in srgb, var(--amber) 70%, var(--white)); }
.sc-cmp-val .sc-muted { font-size: 13px; }
.sc-cmp-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.sc-cmp-more { white-space: nowrap; }
.sc-report.is-section .sc-compact + .sc-tabs { margin-top: 12px; }
/* Overview evidence cards (booklet p.4). */
.sc-ev-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.sc-ev-card { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 12px 14px; border: 1px solid var(--sc-line); border-radius: 10px; background: var(--sc-card); color: var(--sc-accent); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; text-align: left; }
.sc-ev-card > svg { width: 24px; height: 24px; }
.sc-ev-card:hover { border-color: color-mix(in srgb, var(--gold) 40%, var(--sc-line)); background: var(--bg-hover); }
.sc-ev-l { flex: 1; min-width: 0; }
.sc-evidence .sc-card-head { margin-bottom: 12px; }
/* Limited evidence: source posts + own sales under the headline. */
.sc-posts.is-compact { margin-top: 0; }
.sc-own-mini { display: flex; gap: 14px; align-items: flex-start; }
.sc-own-mini .sc-card-title { font-size: 17px; }
.sc-own-mini p { margin: 4px 0 0; font-size: 14px; }
.sc-report > .sc-card + .sc-card { margin-top: 14px; }
/* Phone focused message view. */
#scout-root.is-focus .sc-head, #scout-root.is-focus #sc-banner, #scout-root.is-focus .sc-search, #scout-root.is-focus .sc-hint, #scout-root.is-focus .sc-filterbar, #scout-root.is-focus #sc-fresh { display: none !important; }
.sc-focus-msg { padding: 8px 16px 20px; }
.sc-focus-msg .sc-back { margin-bottom: 4px; }
/* Sale photos: whole watch, never stretched. */
.sc-sale .sc-photo img { object-fit: contain; mix-blend-mode: normal; background: var(--bg-void); }
#scout-root .sc-sale-src { display: none; }
/* Filters: explicit All chats + invalid empty choice. */
.sc-fchat.is-all { border-bottom: 1px solid var(--sc-line); border-radius: 8px 8px 0 0; margin-bottom: 2px; }
.sc-fchats-head .is-err, .sc-fnote.is-err { color: var(--sc-bad); }
.sc-fnote.is-err { margin-top: 8px; }
@media (max-width: 1180px) {
  .sc-compact { grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr); }
  .sc-cmp-tags { grid-column: 2 / -1; }
  .sc-cmp-more { display: none; }
  .sc-ev-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #scout-root .sc-chip-x.sc-mob-chip { display: inline-flex; }
  .sc-compact { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 4px 12px; padding: 8px 12px 8px 8px; }
  .sc-compact .sc-photo { width: 56px; height: 56px; grid-row: 1 / span 2; }
  .sc-cmp-id strong { font-size: 17px; }
  .sc-cmp-val { grid-column: 3; grid-row: 1; text-align: right; }
  .sc-cmp-val .sc-k { justify-content: flex-end; letter-spacing: .06em; font-size: 10.5px; }
  .sc-cmp-val strong { font-size: 19px; }
  .sc-cmp-tags { grid-column: 2 / -1; grid-row: 2; }
  .sc-hero .sc-basis { display: none; }
  .sc-hero-side .sc-facts li:nth-child(n+3) { display: flex; }
  .sc-ev-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .sc-ev-card { min-height: 56px; font-size: 14.5px; }
  /* Sales: one fixed square thumbnail per card, whole watch visible. */
  .sc-sale { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: start; }
  .sc-sale .sc-photo { width: 112px; height: 112px; min-height: 0; aspect-ratio: 1 / 1; margin: 12px 0 12px 12px; border-radius: 10px; }
  .sc-sale-body { padding: 12px 14px; gap: 2px; }
  .sc-sale-body > strong { font-size: 16px; }
  .sc-sale-row { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 8px; padding-top: 8px; margin-top: 6px; }
  .sc-sale-price { font-size: 22px; }
  .sc-sale-date { font-size: 14px; text-align: right; align-items: flex-end; }
  #scout-root .sc-sale-src { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--sc-ink-3); }
  .sc-sale-src svg { width: 13px; height: 13px; }
  #scout-root .sc-open { height: 44px; margin-top: 10px; }
  .sc-tip-pop { position: fixed; left: 16px; right: 16px; top: auto; bottom: calc(16px + env(safe-area-inset-bottom)); max-width: none; width: auto; z-index: 10060; }
}
/* Small thumbnails keep the full "Library photo" source label. */
.sc-post .sc-photo-tag, .sc-match .sc-photo-tag { left: 4px; right: 4px; bottom: 4px; max-width: none; justify-content: center; gap: 3px; padding: 2px 4px; font-size: 10.5px; }
.sc-post .sc-photo-tag svg, .sc-match .sc-photo-tag svg { width: 11px; height: 11px; }
@media (max-width: 767px) {
  .sc-post-src { row-gap: 2px; }
  .sc-src-time { flex-basis: 100%; }
  .sc-src-time::before { content: none; }
}
.sc-seg.is-block { display: grid; grid-template-columns: repeat(var(--sc-cols, 3), minmax(0, 1fr)); gap: 3px; }
.sc-seg.is-block button { padding: 0 6px; min-width: 0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 767px) { .sc-seg.is-block button { font-size: 15px; } }

/* Phone post rows: intent + price on a top line, then the name at full width
   (words wrap whole; nothing sits on top of the title). */
.sc-post-top { display: none; }
@media (max-width: 767px) {
  #scout-root .sc-post-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; }
  .sc-post-top .sc-price { font-size: 21px; }
  .sc-post-top .sc-orig { display: block; text-align: right; }
  #scout-root .sc-post > .sc-post-price { display: none; }
  .sc-post-title { padding-right: 0; font-size: 16px; line-height: 1.3; word-break: normal; hyphens: manual; }
  .sc-post-body { gap: 3px; }
}
@media (max-width: 767px) {
  .sc-post-top .sc-intent { padding: 3px 10px; border-radius: 8px; background: var(--sc-ok-bg); }
  .sc-post-top .sc-intent.is-buy { background: var(--sc-blue-bg); }
  /* Evidence cards: one per row; label wraps, count and arrow never shrink. */
  .sc-ev-grid { grid-template-columns: 1fr; gap: 8px; }
  .sc-ev-card { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto 22px; align-items: center; column-gap: 12px; min-height: 52px; }
  .sc-ev-l { overflow-wrap: break-word; }
  .sc-ev-card .sc-count, .sc-ev-card .sc-chev { flex: none; justify-self: end; }
  .sc-ev-card:not(:has(.sc-count)) { grid-template-columns: 24px minmax(0, 1fr) 22px; }
  .sc-source-posts .sc-card-head { flex-direction: row; align-items: center; flex-wrap: wrap; }
  .sc-source-posts .sc-card-head .btn { width: auto; }
  .sc-own-mini p { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }

  /* Touch targets: every Scout control is at least 44×44 on phones.
     Small visible circles keep their size and gain an invisible hit area. */
  #scout-root .btn, .sc-overlay .btn { min-height: 44px; }
  .sc-chip-x { height: 44px; padding: 0 10px 0 14px; }
  .sc-link { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; }
  .sc-icon-btn { width: 44px; height: 44px; min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; flex: 0 0 44px; }
  .sc-search-box .sc-clear { position: relative; }
  .sc-search-box .sc-clear::after { content: ''; position: absolute; inset: -6px; border-radius: 50%; }
  .sc-info::after { inset: -10px; border-radius: 50%; }
  .sc-back { min-height: 44px; min-width: 44px; }
  .sc-brow, .sc-msg-item, .sc-fchat, .sc-pick-row { min-height: 48px; }
  .sc-search-box { height: 52px; }
}
@media (max-width: 767px) {
  svg.sc-chart.is-touch .sc-dot-pt { pointer-events: none; }
  svg.sc-chart.is-touch { cursor: pointer; border-radius: 8px; }
  /* Round icon buttons: a square invisible hit area beyond the circle. */
  .sc-x, .sc-icon-btn { position: relative; }
  .sc-x::after, .sc-icon-btn::after { content: ''; position: absolute; inset: -4px; }
}
/* A reference number is one token: never break it at its hyphen or slash. */
.sc-ref-strong, .sc-ref, .sc-cmp-id .sc-muted, .sc-variant-body .sc-ref-strong { white-space: nowrap; }

/* ── freshness line + Refresh (what Scout last checked, and a real re-check) ── */
.sc-fresh { display: flex; align-items: center; gap: 10px 16px; flex-wrap: wrap; margin: -6px 0 14px; padding: 8px 8px 8px 14px; border: 1px solid var(--sc-line); border-radius: var(--sc-r); background: var(--sc-card); }
.sc-fresh-lines { flex: 1 1 320px; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; font-size: 13.5px; color: var(--sc-ink-2); }
.sc-fresh-item { display: inline-flex; align-items: center; gap: 8px; min-width: 0; line-height: 1.4; }
.sc-fresh-t { min-width: 0; overflow-wrap: break-word; }
.sc-fresh-item.is-off .sc-fresh-t { color: var(--sc-ink); font-weight: 600; }
.sc-fresh-item.is-sync .sc-fresh-t { color: var(--sc-blue); }
.sc-fresh-item.is-live .sc-fresh-t::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--sc-ok); margin-right: 6px; vertical-align: middle; }
.sc-fresh-item.is-gap .sc-fresh-t { color: color-mix(in srgb, var(--amber) 75%, var(--white)); }
.sc-fresh-act { display: flex; align-items: center; justify-content: flex-end; gap: 4px 12px; flex-wrap: wrap; margin-left: auto; min-width: 0; }
.sc-fresh-msg { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0 6px; font-size: 13.5px; color: var(--sc-ink-2); min-width: 0; }
.sc-fresh-msg svg { width: 16px; height: 16px; }
.sc-fresh-msg.is-ok { color: var(--sc-ok); font-weight: 600; }
.sc-fresh-msg.is-warn > span { color: var(--sc-ink); }
.sc-fresh-msg .sc-link { min-height: 36px; padding: 0 4px; }
/* Text + icon pill (not icon-only), so the circle rule does not apply. */
#scout-root .sc-refresh-btn { height: 40px; min-height: 40px; border-radius: 999px; padding: 0 16px; flex: none; }
#scout-root .sc-refresh-btn.is-busy { cursor: progress; color: var(--sc-ink-2); background: var(--bg-hover); }
#scout-root .sc-refresh-btn.is-busy svg { animation: sc-spin 1s linear infinite; }
@keyframes sc-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #scout-root .sc-refresh-btn.is-busy svg { animation: none; } }
@media (max-width: 767px) {
  .sc-fresh { margin: -4px 0 12px; padding: 10px 12px; gap: 10px; }
  .sc-fresh-lines { flex-basis: 100%; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 14px; }
  .sc-fresh-item { align-items: flex-start; }
  .sc-fresh-item .sc-logo { margin-top: 2px; }
  .sc-fresh-item .sc-tipwrap { margin-top: -2px; }
  .sc-fresh-act { flex-basis: 100%; justify-content: space-between; margin-left: 0; flex-wrap: nowrap; }
  .sc-fresh-msg { flex: 1 1 auto; font-size: 14px; }
  .sc-fresh-msg .sc-link { min-height: 44px; }
  #scout-root .sc-refresh-btn { height: 44px; min-height: 44px; margin-left: auto; }
}

/* ── Inventory-only search (no chats needed) ─────────────────────────── */
.sc-inv-card, .sc-inv-note { display: flex; align-items: center; gap: 14px; }
.sc-inv-note { margin: 14px 0; }
.sc-inv-ic {
  width: 40px; height: 40px; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px;
  flex: 0 0 40px; aspect-ratio: 1 / 1; box-sizing: border-box; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--gold-dim); color: var(--gold);
}
.sc-inv-ic svg { width: 20px; height: 20px; }
.sc-inv-text { flex: 1; min-width: 0; }
.sc-inv-text h3 { margin: 0 0 4px; font-size: 16px; color: var(--sc-ink); }
.sc-inv-text p { margin: 0; font-size: 14px; color: var(--sc-ink-2); }
.sc-inv-note-text { flex: 1; min-width: 0; font-size: 14px; color: var(--sc-ink-2); }
.sc-inv-note-text strong { display: block; color: var(--sc-ink); font-size: 15px; margin-bottom: 2px; }
.sc-inv-btn { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; white-space: nowrap; }
.sc-inv-btn svg { width: 16px; height: 16px; }
@media (max-width: 768px) {
  .sc-inv-card, .sc-inv-note { flex-wrap: wrap; align-items: flex-start; }
  .sc-inv-text, .sc-inv-note-text { flex-basis: calc(100% - 54px); }
  .sc-inv-btn { width: 100%; justify-content: center; min-height: 44px; }
}

/* ── Inventory mode: one quiet source line, no connection warnings ────── */
#scout-root .sc-inv-note { display: flex; align-items: center; flex-wrap: nowrap; gap: 8px; margin: 0 0 12px; padding: 0 2px; font-size: 14px; color: var(--sc-ink-2); }
.sc-inv-note-ic { display: inline-flex; color: var(--gold); }
.sc-inv-note-ic svg { width: 16px; height: 16px; }
#scout-root .sc-inv-note-text { flex: 0 1 auto; flex-basis: auto; font-size: 14px; }
#scout-root .sc-inv-note-btn { margin-left: auto; min-height: 44px; padding: 8px 6px; }

/* ── Your own record of a watch: tiles, charts, on hand ───────────────── */
.sc-ia-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.sc-ia-tile { border: 1px solid var(--sc-line); border-radius: 10px; padding: 14px 16px; background: linear-gradient(135deg, var(--sc-card), var(--sc-tint)); min-width: 0; }
.sc-ia-tile.is-sold { background: linear-gradient(135deg, var(--sc-card), color-mix(in srgb, var(--green) 8%, var(--sc-card))); }
.sc-ia-tile.is-sold .sc-kpi-ic, .sc-ia-tile.is-sold .sc-ia-v { color: var(--sc-ok); }
.sc-ia-v { font-size: 26px; font-weight: 600; letter-spacing: -.015em; color: var(--sc-ink); font-variant-numeric: tabular-nums; margin-top: 2px; overflow-wrap: anywhere; }
.sc-ia-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr); gap: 24px; margin-top: 20px; }
.sc-ia-main, .sc-ia-side { min-width: 0; }
.sc-ia-side { border-left: 1px solid var(--sc-line); padding-left: 24px; }
.sc-ia h3.sc-k { margin: 0 0 4px; }
.sc-ia h3.sc-ia-k2 { margin-top: 22px; }
.sc-dot-pt.is-sale { fill: color-mix(in srgb, var(--green) 22%, var(--sc-card)); stroke: var(--sc-ok); stroke-width: 2; }
.sc-dot-pt.is-sale:hover, .sc-dot-pt.is-sale:focus, .sc-dot-pt.is-sale.is-on { fill: var(--sc-ok); }
.sc-legend { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 6px; font-size: 13px; color: var(--sc-ink-2); }
.sc-legend span { display: inline-flex; align-items: center; gap: 6px; }
.sc-lg-dot { width: 10px; height: 10px; min-width: 10px; border-radius: 50%; aspect-ratio: 1 / 1; border: 2px solid var(--sc-ok); background: color-mix(in srgb, var(--green) 22%, var(--sc-card)); box-sizing: border-box; }
.sc-lg-line { width: 18px; height: 3px; border-radius: 2px; background: var(--sc-accent); }
.sc-mbars { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; align-items: end; height: 132px; margin-top: 8px; }
.sc-mbar { display: flex; flex-direction: column; align-items: center; height: 100%; min-width: 0; }
.sc-mbar-n { font-size: 11.5px; font-weight: 600; color: var(--sc-ink-2); min-height: 16px; font-variant-numeric: tabular-nums; }
.sc-mbar-col { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid var(--sc-line); }
.sc-mbar-col i { display: block; width: 70%; max-width: 22px; border-radius: 4px 4px 0 0; background: var(--sc-accent); }
.sc-mbar-l { font-size: 11px; color: var(--sc-ink-3); margin-top: 4px; white-space: nowrap; }
.sc-bands { display: grid; gap: 10px; margin-top: 8px; }
.sc-band { display: grid; grid-template-columns: 104px minmax(0, 1fr) 28px; align-items: center; gap: 10px; font-size: 13.5px; color: var(--sc-ink-2); }
.sc-band-bar { height: 10px; border-radius: 999px; background: var(--bg-hover); overflow: hidden; }
.sc-band-bar i { display: block; height: 100%; border-radius: 999px; background: var(--sc-ok); }
.sc-band-n { text-align: right; font-weight: 600; color: var(--sc-ink); font-variant-numeric: tabular-nums; }
.sc-onhand .sc-card-head { align-items: center; }
.sc-oh-list { display: grid; }
.sc-oh-row { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto auto 20px; align-items: center; gap: 16px; width: 100%; padding: 10px 2px; min-height: 64px; border: 0; border-top: 1px solid var(--sc-line); background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.sc-oh-row:first-child { border-top: 0; }
@media (hover: hover) { .sc-oh-row:hover { background: var(--bg-hover); } }
.sc-oh-row:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: -2px; }
.sc-oh-photo { width: 56px; height: 56px; border-radius: 8px; overflow: hidden; }
.sc-oh-photo .sc-mono { width: 28px; height: 28px; }
.sc-oh-id { display: flex; flex-direction: column; min-width: 0; }
.sc-oh-id strong, .sc-oh-id .sc-muted { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-oh-id .sc-muted { font-size: 13px; }
.sc-oh-num { display: flex; flex-direction: column; align-items: flex-end; min-width: 80px; }
.sc-oh-num strong { font-variant-numeric: tabular-nums; }
.sc-hero.is-inv .sc-big.is-ask { color: var(--sc-ink); }
.sc-hero.is-inv .sc-pill svg { width: 14px; height: 14px; }
.sc-report.is-inv > .sc-card + .sc-card { margin-top: 14px; }
@media (max-width: 1180px) {
  .sc-ia-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .sc-ia-grid { grid-template-columns: 1fr; }
  .sc-ia-side { border-left: 0; padding-left: 0; border-top: 1px solid var(--sc-line); padding-top: 16px; }
}
@media (max-width: 767px) {
  .sc-ia-tiles { gap: 10px; }
  .sc-ia-tile { padding: 12px; }
  .sc-ia-v { font-size: 22px; }
  .sc-hero.is-inv .sc-basis { display: block; }
  .sc-oh-row { grid-template-columns: 48px minmax(0, 1fr) auto 18px; gap: 12px; }
  .sc-oh-photo { width: 48px; height: 48px; }
  .sc-oh-num.is-held { display: none; }
  .sc-oh-num { min-width: 0; }
  .sc-mbar-l { font-size: 10px; }
}
#scout-root .sc-inv-note-btn { white-space: nowrap; }
@media (max-width: 767px) {
  .sc-onhand .sc-card-head { flex-direction: row; align-items: center; }
}