/* Radar. Static: no animation, no transition, no flashing. Colours are never the only signal (words and shapes carry the meaning too). */
.rd{--rd-card:#121923;--rd-line:#223042;--rd-tx:#e6edf5;--rd-mut:#8a9bb0;--rd-g:#2ecc71;--rd-a:#f5b73b;--rd-r:#ff5d5d;--rd-b:#4da3ff;color:var(--rd-tx);max-width:1100px;margin:0 auto;padding:6px 0 24px;min-width:0}
.rd *{box-sizing:border-box}
.rd button{font:inherit;color:var(--rd-tx);background:#17212d;border:1px solid var(--rd-line);border-radius:8px;padding:6px 12px;min-height:36px;cursor:pointer}
.rd button.pri{background:var(--rd-tx);color:#0b0f14;border-color:var(--rd-tx);font-weight:600}
.rd button:focus-visible,.rd summary:focus-visible,.rd [tabindex]:focus-visible{outline:2px solid var(--rd-b);outline-offset:2px}
.rd-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px}
.rd-tab{white-space:nowrap;flex:0 0 auto}
.rd-tab.on{background:#2b3a4d!important;border-color:var(--rd-b)!important}
.rd-panel{background:var(--rd-card);border:1px solid var(--rd-line);border-radius:12px;padding:12px 14px;display:grid;gap:10px;min-width:0}
.rd-mean{margin:0;color:var(--rd-tx);font-size:14px}
.rd-i{padding:0 8px!important;min-height:28px!important;border-radius:999px!important;font-size:14px}
.rd-lab{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--rd-mut);margin-bottom:4px}
.rd-sure .rd-lab{display:inline;margin:0 6px 0 0}
.rd-sent{margin:6px 0 0;font-size:15px;font-weight:600}
.rd-chip{display:inline-block;padding:1px 8px;border-radius:999px;border:1px solid var(--rd-line);font-size:12px}
.rd-sure{margin:0}
.rd-none{color:var(--rd-mut);font-size:13px}
.rd-more>summary{cursor:pointer;color:var(--rd-mut);font-size:13px}
.rd-moreb{margin-top:6px;display:grid;gap:4px;font-size:13px;color:var(--rd-mut)}
.rd-big{font-size:28px;font-weight:800;margin-bottom:6px}
.rd-gauge{width:130px;max-width:100%;height:auto;display:block}
.rd-track{stroke:#243447}.rd-val{stroke:var(--rd-b)}.rd-gnum{fill:var(--rd-tx);font-size:22px;font-weight:700}
.rd-spark{width:100%;max-width:300px;height:36px;display:block}.rd-spark polyline{stroke:var(--rd-b)}
.rd-bar{width:100%;height:8px;display:block}.rd-btrack{fill:#243447}.rd-bfill{fill:var(--rd-b)}
.rd-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.rd-tile{display:flex!important;align-items:center;gap:8px;justify-content:flex-start}
.rd-dot{font-size:16px}.rd-dot.rd-green{color:var(--rd-g)}.rd-dot.rd-amber{color:var(--rd-a)}.rd-dot.rd-red{color:var(--rd-r)}
.rd-johari{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rd-cell{border:1px solid var(--rd-line);border-radius:10px;padding:8px;display:grid;gap:4px;min-width:0}
.rd-sub{color:var(--rd-mut);font-size:12px}.rd-num{font-size:12px;color:var(--rd-mut)}
.rd-stack{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.rd-lr{display:flex;gap:10px;align-items:center;padding:6px 10px;border:1px solid var(--rd-line);border-radius:8px;background:#17212d}
.rd-w0{width:100%}.rd-w1{width:92%}.rd-w2{width:84%}.rd-w3{width:76%}.rd-w4{width:68%}.rd-w5{width:60%}
.rd-ar{font-size:18px;width:20px;text-align:center}
.rd-next{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rd-ph{display:grid;grid-template-columns:20px minmax(70px,auto) 44px minmax(40px,1fr) auto;gap:8px;align-items:center}
.rd-n{font-size:12px;color:var(--rd-mut)}
.rd-hunt{display:grid;gap:8px}
.rd-hs{display:grid;grid-template-columns:48px 1fr 60px;gap:8px;align-items:center}
.rd-pay{width:100%;height:24px}.rd-fuel{fill:var(--rd-a)}.rd-depth{fill:#5b7089}
.rd-leg{margin:0;font-size:12px;color:var(--rd-mut)}.rd-fuelk{color:var(--rd-a)}.rd-depthk{color:#5b7089}
.rd-lbl{font-weight:700}.rd-heat{margin-top:6px}
.rd-axis{width:100%;max-width:520px;height:auto;display:block}
.rd-ax{stroke:#3b4d63}.rd-lv{stroke:#8a9bb0;opacity:.35}.rd-px{stroke:var(--rd-tx);stroke-dasharray:4 3}
.rd-zu{fill:var(--rd-r);opacity:.75}.rd-zd{fill:var(--rd-g);opacity:.75}
.rd-zt{fill:var(--rd-tx);font-size:10px}.rd-pt{fill:var(--rd-tx);font-size:11px;font-weight:700}
.rd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.rd-card{border:1px solid var(--rd-line);border-radius:10px;padding:10px;display:grid;gap:6px;align-content:start;min-width:0}
.rd-card p{margin:0}.rd-list{margin:0;padding-left:18px}.rd-ref{color:var(--rd-mut);font-size:13px}
.rd-send{justify-self:start}
/* the price-bar chip: one static colour per state */
.rdchip.rd-calm,#pbar .pc.rdchip.rd-calm,#px .rdchip.rd-calm{background:rgba(46,204,113,.2);color:#2ecc71}
.rdchip.rd-building,#pbar .pc.rdchip.rd-building,#px .rdchip.rd-building{background:rgba(245,183,59,.22);color:#f5b73b}
.rdchip.rd-hot,#pbar .pc.rdchip.rd-hot,#px .rdchip.rd-hot{background:rgba(255,93,93,.22);color:#ff5d5d}
#px .rdchip{border:0;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;cursor:pointer;min-height:0}
.rdnav[hidden]{display:none}
/* Options calculator (inside .optv) */
.optv .calc{display:grid;gap:10px}
.optv .calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.optv .calc-grid label{display:grid;gap:2px;font-size:12px;color:var(--mut);min-width:0}
.optv .calc-grid input,.optv .calc-grid select{width:100%;background:#0f1620;border:1px solid var(--line);border-radius:8px;padding:6px 8px;min-height:36px;min-width:0}
.optv .calc-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.optv .calc-tab{width:100%;border-collapse:collapse}
.optv .calc-tab td{padding:4px 0;border-bottom:1px solid var(--line);font-size:14px}
.optv .calc-tab td.r{text-align:right}
.optv .calc-chart{width:100%;max-width:560px;height:auto;display:block}
.optv .c-line{stroke:var(--info)}.optv .c-zero{stroke:#3b4d63}.optv .c-now{stroke:var(--tx)}.optv .c-strike{stroke:var(--warn);stroke-dasharray:4 3}
.optv .c-zone{fill:var(--bad);opacity:.25}.optv .c-t{fill:var(--mut);font-size:9px}
