/* Price widget for dealer sites. Self-contained: no fonts or images to load. */
:root {
  --bg: #ffffff; --text: #14161c; --muted: #5d6372; --line: rgba(20, 20, 30, 0.1);
  --up: #166534; --down: #9f1239; --accent: #8a6508;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #12151c; --text: #eef1f6; --muted: #a2a9b8; --line: rgba(255, 255, 255, 0.1);
    --up: #4ade80; --down: #fb7185; --accent: #f5c451;
  }
}
:root[data-theme="dark"] {
  --bg: #12151c; --text: #eef1f6; --muted: #a2a9b8; --line: rgba(255, 255, 255, 0.1);
  --up: #4ade80; --down: #fb7185; --accent: #f5c451;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); }
body { font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.w { padding: 12px 14px; }
.w-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 2px solid var(--accent); }
.w-status { font-size: 12px; color: var(--muted); }
.w-status.delayed { color: var(--down); font-weight: 600; }
.w-list { list-style: none; margin: 0; padding: 0; }
.w-list li { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.w-name { font-weight: 600; }
.w-unit { color: var(--muted); font-size: 12px; font-weight: 400; }
.w-price { font-variant-numeric: tabular-nums; font-weight: 700; text-align: right; }
.w-chg { display: block; font-size: 12px; font-weight: 500; }
.w-chg.up { color: var(--up); }
.w-chg.down { color: var(--down); }
.w-na { color: var(--muted); font-weight: 500; }
.w-foot { display: flex; justify-content: space-between; gap: 8px; margin: 8px 0 0; font-size: 11px; color: var(--muted); }
.w-foot a { color: var(--muted); white-space: nowrap; }