.input-modes.with-sales { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:650px) { .input-modes.with-sales { grid-template-columns:1fr; gap:8px; } .with-sales .mode-card { padding:10px 14px; } .with-sales .mode-card>span { display:none; } }
.sales-page [hidden] { display:none!important; }
.sales-search { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:22px 24px 14px; }
#sales-form { display:flex; align-items:flex-end; gap:14px; max-width:700px; }
.sales-input { flex:1; min-width:0; }
.sales-input label { display:block; font-size:12px; font-weight:600; margin-bottom:7px; }
.sales-input input { width:100%; border:1px solid var(--border); border-radius:9px; padding:12px 14px; background:var(--subtle); color:var(--ink); font:15px system-ui; }
#sales-submit { width:auto; flex-shrink:0; min-height:44px; }
.sales-search-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:10px; }
.sales-search-bottom .hint { margin:0; }
.sales-examples { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:11px; }
.sales-examples button { border:0; border-radius:5px; padding:4px 7px; color:var(--accent); background:var(--tint); font:inherit; cursor:pointer; }
.sales-status { color:var(--muted); font-size:12px; margin:15px 2px; min-height:19px; }
.sales-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:390px; border:1px dashed var(--border); border-radius:14px; background:var(--surface); text-align:center; padding:30px; }
.sales-placeholder h2 { font-size:17px; margin-top:16px; }
.sales-placeholder p { color:var(--muted); font-size:13px; }
.sales-web-icon { width:160px; height:110px; }
.sales-web-icon svg { width:100%; height:100%; }
.sales-web-icon path { fill:none; stroke:var(--border); stroke-width:2; }
.sales-web-icon circle { fill:var(--tint); stroke:var(--accent); stroke-width:2; }
.sales-results { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:start; gap:22px; }
.sales-graph-card,.sales-list-card { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:22px; min-width:0; }
.sales-card-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.sales-card-heading h2 { font-size:15px; overflow-wrap:anywhere; }
.sales-card-heading>span { font-size:11px; color:var(--muted); }
#sales-web { display:block; width:100%; height:auto; min-height:260px; margin:6px 0; overflow:visible; }
.sales-edge { stroke:var(--accent); opacity:.7; }
.sales-edge.weak { stroke:var(--muted); opacity:.35; stroke-dasharray:5 5; }
.sales-mutual-edge { stroke:var(--border); stroke-width:2; }
.sales-similarity-box { fill:var(--tint); }
.sales-similarity { fill:var(--accent); font-size:16px; font-weight:600; text-anchor:middle; dominant-baseline:middle; }
.sales-node { cursor:pointer; outline:none; }
.sales-node .node-circle { fill:var(--tint); stroke:var(--accent); stroke-width:2; }
.sales-node .node-dot { fill:var(--accent); }
.sales-node:hover .node-circle,.sales-node:focus-visible .node-circle,.sales-node.selected .node-circle { stroke-width:5; }
.sales-node text { fill:var(--ink); font-size:19px; font-weight:600; }
.sales-node .node-price { fill:var(--accent); font-size:23px; }
.sales-center { fill:var(--primary); }
.sales-center-name { fill:var(--primary-ink); font-size:25px; font-weight:600; text-anchor:middle; }
.sales-center-name.long { font-size:18px; }
.sales-node text.long { font-size:16px; }
.sales-center-note { fill:var(--primary-ink); font-size:17px; text-anchor:middle; opacity:.85; }
.sales-graph-controls { display:flex; gap:18px; flex-wrap:wrap; padding-top:12px; border-top:1px solid var(--line); font-size:11px; color:var(--muted); }
.sales-graph-controls label { display:flex; gap:7px; align-items:center; cursor:pointer; }
.sales-graph-controls input { accent-color:var(--accent); }
.sales-legend { margin:13px 0 0; color:var(--muted); font-size:11px; line-height:1.7; }
.sales-low-matches { font-size:12px; color:var(--muted); background:var(--subtle); border-radius:9px; padding:11px 13px; margin-top:16px; }
.sales-list { margin-top:14px; max-height:425px; overflow:auto; scrollbar-width:thin; }
.sale-row { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; gap:5px 8px; text-align:left; border:0; border-bottom:1px solid var(--line); padding:14px 9px; background:none; color:var(--ink); cursor:pointer; font:inherit; }
.sale-row.selected,.sale-row:hover { background:var(--tint); border-radius:8px; }
.sale-row strong { font-size:13px; overflow-wrap:anywhere; }
.sale-price { color:var(--accent); font-size:16px; font-weight:650; white-space:nowrap; }
.sale-meta { grid-column:1/-1; font-size:10px; color:var(--muted); }
.sales-detail { margin-top:18px; padding:16px; background:var(--subtle); border-radius:10px; }
.sales-detail h3 { margin:0 0 8px; font-size:14px; overflow-wrap:anywhere; }
.sales-detail p { color:var(--muted); font-size:11px; margin:6px 0; }
.sales-detail .detail-price { color:var(--accent); font-size:23px; font-weight:650; margin:0 0 10px; }
.sales-detail a { color:var(--accent); font-size:11px; }
.sales-detail .compare-this { display:block; margin-top:12px; border:0; background:none; padding:0; color:var(--accent); text-decoration:underline; cursor:pointer; font:11px system-ui; }
.sales-interpretation { margin-top:22px; }
.sales-interpretation h2 { font-size:13px; }
.sales-interpretation p,.sales-own { color:var(--muted); font-size:11px; line-height:1.7; }
.sales-own { background:var(--tint); padding:11px; border-radius:8px; }
.sales-method { margin:22px 0 0; color:var(--muted); font-size:12px; max-width:900px; }
.sales-method summary { cursor:pointer; color:var(--accent); }
.sales-method p { line-height:1.8; }
@media(max-width:1000px) { .sales-results { grid-template-columns:minmax(0,1fr) 310px; gap:16px; } .sales-graph-card,.sales-list-card { padding:18px; } }
@media(max-width:780px) { .sales-results { grid-template-columns:1fr; } .sales-list { max-height:350px; } }
@media(max-width:540px) { .sales-search { padding:17px; } #sales-form { flex-direction:column; align-items:stretch; } #sales-submit { width:100%; } .sales-graph-card { padding:15px; } .sales-card-heading h2 { font-size:13px; } .sales-graph-controls { gap:10px; } .sales-examples { gap:5px; flex-wrap:wrap; } }

@media(max-width:540px) { .sales-node text { font-size:25px; } .sales-node text.long { font-size:22px; } .sales-node .node-price { font-size:29px; } .sales-similarity { font-size:20px; } }

.sales-own a { color:var(--accent); }

.sales-edge.emphasized { opacity:1; }
.sales-edge.dimmed { opacity:.25; }
.sales-list-hint { margin-bottom:0; }

.sales-back { background:none; border:0; color:var(--accent); padding:9px 0; cursor:pointer; font:12px system-ui; }
.sales-branch-note { color:var(--muted); font-size:12px; line-height:1.7; margin:4px 0 10px; }
.sales-list-group { font-size:12px; color:var(--muted); margin:18px 9px 4px; overflow-wrap:anywhere; }
.sales-detail .explore-this { display:block; border:1px solid var(--accent); border-radius:7px; background:var(--tint); color:var(--accent); padding:9px 12px; margin:14px 0; cursor:pointer; font:12px system-ui; }

/* Compact source/type controls in the existing catalogue. */
.sales-page .sales-filters { grid-template-columns:repeat(6,minmax(0,1fr)); }
.sale-price-kind { display:block; margin-top:5px; color:var(--muted); font-size:11px; font-weight:500; }
.sales-page .sales-filters select:disabled { opacity:.6; }
@media(max-width:1000px) { .sales-page .sales-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .sales-page .sales-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }