/* ES CVD page — dark trading surface consistent with the delta-flow/indicators family. */
:root { --cvd-bg:#0e1116; --cvd-card:#161b22; --cvd-border:#2d333b; --cvd-text:#e6edf3;
  --cvd-muted:#8b949e; --cvd-buy:#3fb950; --cvd-sell:#f85149; --cvd-warn:#d29922; --cvd-accent:#58a6ff; }
body.es-cvd { background:var(--cvd-bg); color:var(--cvd-text); font:14px/1.45 -apple-system,Segoe UI,sans-serif; margin:0; }
.cvd-wrap { max-width:1280px; margin:0 auto; padding:12px 16px 32px; }
.cvd-head { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin:8px 0 14px; }
.cvd-head h1 { font-size:16px; margin:0; font-weight:600; }
.cvd-level { font:600 26px/1 ui-monospace,Menlo,monospace; }
.cvd-level.pos { color:var(--cvd-buy); } .cvd-level.neg { color:var(--cvd-sell); }
.cvd-live { font:600 22px/1 ui-monospace,Menlo,monospace; }
.cvd-live.pos { color:var(--cvd-buy); } .cvd-live.neg { color:var(--cvd-sell); }
.cvd-badge { font-size:11px; padding:2px 10px; border-radius:999px; border:1px solid var(--cvd-border); }
.cvd-badge.good { color:var(--cvd-buy); border-color:var(--cvd-buy); }
.cvd-badge.stale { color:var(--cvd-warn); border-color:var(--cvd-warn); }
.cvd-badge.down { color:var(--cvd-sell); border-color:var(--cvd-sell); }
.cvd-reset { background:transparent; color:var(--cvd-accent); border:1px solid var(--cvd-accent);
  border-radius:6px; padding:3px 12px; font-size:12px; cursor:pointer; }
.cvd-reset:hover { background:rgba(88,166,255,.12); }
.cvd-gauges { display:grid; grid-template-columns:repeat(auto-fit,minmax(158px,1fr)); gap:10px; margin-bottom:14px; }
.cvd-gauge { background:var(--cvd-card); border:1px solid var(--cvd-border); border-radius:10px; padding:8px 6px; text-align:center; }
.cvd-gauge .tf { font-size:12px; font-weight:600; margin-top:2px; }
.cvd-gauge .mom { font-size:11px; padding:1px 8px; border-radius:999px; display:inline-block; margin-top:3px;
  border:1px solid var(--cvd-border); color:var(--cvd-muted); }
/* MS-R2: the chip's colour is its SIDE. The old rules coloured by the momentum WORD, so
   accelerating selling wore the buy colour and "reversing to buy" wore the sell colour. */
.cvd-gauge .mom.buy { color:var(--cvd-buy); border-color:var(--cvd-buy); }
.cvd-gauge .mom.sell { color:var(--cvd-sell); border-color:var(--cvd-sell); }
.cvd-gauge .mom.flat { color:var(--cvd-muted); border-color:var(--cvd-muted); }
/* "muted" is the SAME side hue, dimmed — never a colour of its own. */
.cvd-gauge .mom.fading { opacity:.72; }
.cvd-panel { background:var(--cvd-card); border:1px solid var(--cvd-border); border-radius:10px; padding:10px 12px; margin-bottom:14px; }
.cvd-panel h2 { font-size:13px; margin:0 0 8px; font-weight:600; }
.cvd-tfs { display:inline-flex; gap:6px; margin-left:10px; }
.cvd-tfs button { background:transparent; color:var(--cvd-muted); border:1px solid var(--cvd-border);
  border-radius:6px; padding:2px 9px; font-size:11px; cursor:pointer; }
.cvd-tfs button.on { color:var(--cvd-text); border-color:var(--cvd-accent); }
.cvd-legend { display:flex; gap:16px; font-size:11px; color:var(--cvd-muted); margin-top:6px; flex-wrap:wrap; }
.cvd-legend i { display:inline-block; width:14px; height:2px; vertical-align:middle; margin-right:5px; }
.cvd-alerts table { width:100%; border-collapse:collapse; font-size:12px; }
.cvd-alerts th, .cvd-alerts td { text-align:left; padding:4px 8px; border-bottom:1px solid var(--cvd-border); }
.cvd-alerts select, .cvd-alerts input[type=text] { background:var(--cvd-bg); color:var(--cvd-text);
  border:1px solid var(--cvd-border); border-radius:4px; padding:2px 6px; font-size:12px; }
.cvd-alerts .chip { display:inline-block; font-size:11px; border:1px solid var(--cvd-border); border-radius:999px;
  padding:1px 8px; margin:1px 2px; cursor:pointer; color:var(--cvd-muted); user-select:none; }
.cvd-alerts .chip.on { color:var(--cvd-text); border-color:var(--cvd-accent); }
.cvd-alerts .rowbtn { background:transparent; border:1px solid var(--cvd-border); color:var(--cvd-muted);
  border-radius:4px; font-size:11px; cursor:pointer; padding:2px 8px; }
.cvd-foot { font-size:11px; color:var(--cvd-muted); margin-top:4px; }