.opp{--ink:#0b0c0e;--pan:#121317;--pan2:#181a1e;--ln:#232529;--ln2:#2f3237;--tx:#e9e9e5;--dm:#9a9da4;--ft:#676a71;--acc:#ff6a00;--grn:#5fce93;--amb:#eeb750;--red:#e06552;--blu:#6b93e8;--vio:#9a8cff;background:var(--ink);border:1px solid var(--ln2);max-width:100%;color:var(--dm);font-family:var(--font-body);text-align:left;border-radius:10px;font-size:12px;overflow:hidden;container-type:inline-size}.opp *,.opp :before,.opp :after{box-sizing:border-box;margin:0;padding:0}.opp-head{border-bottom:1px solid var(--ln2);justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 18px 15px;display:flex}.opp-head-left{gap:3px;min-width:0;display:grid}.opp-head-title{color:var(--tx);font-family:var(--font-display);letter-spacing:.01em;font-size:17px;font-weight:600}.opp-head-sub{color:var(--ft);font-size:11px}.opp-head-right{text-align:right;font-family:var(--font-mono);white-space:nowrap;gap:3px;display:grid}.opp-head-right b{color:var(--tx);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.opp-head-right span{color:var(--ft);letter-spacing:.06em;font-size:9px}.opp-stats{background:var(--ln);border:1px solid var(--ln);border-radius:6px;grid-template-columns:repeat(2,1fr);gap:1px;margin:12px 12px 0;display:grid;overflow:hidden}.opp-stat{background:var(--pan);gap:5px;padding:13px 16px 12px;display:grid}.opp-stat-label{color:var(--ft);letter-spacing:.02em;align-items:center;gap:6px;font-size:10.5px;display:flex}.opp-cue{border-radius:50%;flex:none;width:5px;height:5px}.opp-cue.acc{background:var(--acc)}.opp-cue.blu{background:var(--blu)}.opp-cue.grn{background:var(--grn)}.opp-cue.amb{background:var(--amb)}.opp-stat-value{color:var(--tx);font-family:var(--font-mono);font-size:24px;font-weight:500;line-height:1.1}.opp-stat-value.acc{color:var(--acc)}.opp-stat-value.amb{color:var(--amb)}.opp-stat-note{color:var(--ft);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:8.5px;display:flex}.opp-band{flex:none;width:42px;height:5px}.opp-band-track{fill:var(--ln2)}.opp-band-range{fill:#5fce9366}.opp-band-mark{fill:var(--tx)}.opp-body{gap:10px;padding:12px 12px 0;display:grid}.opp-panel{background:var(--pan);border:1px solid var(--ln);border-radius:6px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.opp-ph{border-bottom:1px solid var(--ln);justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:0 14px;display:flex}.opp-ph span{color:var(--tx);letter-spacing:.01em;font-size:12px;font-weight:600}.opp-ph em{color:var(--ft);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:8.5px;font-style:normal}.opp-ex-list{flex-direction:column;flex:1;list-style:none;display:flex}.opp-ex-list li{border-bottom:1px solid var(--ln);flex:1;grid-template-columns:40px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:10px 14px;display:grid}.opp-ex-list li:last-child{border-bottom:0}.opp-sev{font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:5px;font-size:8px;font-style:normal;font-weight:600;display:inline-flex}.opp-sev i{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.opp-sev-high{color:var(--red)}.opp-sev-med{color:var(--amb)}.opp-sev-low{color:var(--ft)}.opp-ex-list span{color:var(--dm);font-size:11.5px;line-height:1.5}.opp-ex-age{color:var(--ft);font-family:var(--font-mono);white-space:nowrap;font-size:9px;font-style:normal}.opp-log-list{flex-direction:column;flex:1;list-style:none;display:flex}.opp-log-list li{border-bottom:1px solid var(--ln);font-family:var(--font-mono);flex:1;grid-template-columns:62px 6px minmax(0,1fr);align-items:center;gap:10px;padding:9px 14px;display:grid}.opp-log-dot{border-radius:50%;flex:none;width:6px;height:6px}.opp-log-dot.money{background:var(--blu)}.opp-log-dot.docs{background:var(--amb)}.opp-log-dot.comms{background:var(--vio)}.opp-log-dot.inv{background:var(--grn)}.opp-log-time{color:var(--ft);white-space:nowrap;font-size:9px;font-style:normal}.opp-log-list span{color:var(--dm);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.opp-log-legend{border-top:1px solid var(--ln);color:var(--ft);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:6px 14px;padding:8px 14px;font-size:7.5px;display:flex}.opp-log-legend span{align-items:center;gap:5px;display:inline-flex}.opp-trends{margin:12px 12px 0}.opp-trend-grid{background:var(--ln);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.opp-tile{background:var(--pan);padding:11px 14px}.opp-tile-label{color:var(--ft);letter-spacing:.02em;font-size:10px}.opp-tile-row{justify-content:space-between;align-items:baseline;gap:8px;margin-top:4px;display:flex}.opp-tile-row b{color:var(--tx);font-family:var(--font-mono);font-size:15px;font-weight:500}.opp-tile-row em{color:var(--dm);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;font-size:8.5px;font-style:normal}.opp-tile-row em.up{color:var(--grn)}.opp-tile-row em.down{color:var(--red)}.opp-tile-row em.flat{color:var(--blu)}.opp-tile-row em.acc{color:var(--acc)}.opp-tile-spark{width:100%;height:26px;margin-top:6px;display:block}.opp-tile-spark .line{fill:none;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.opp-tile-spark .line.up{stroke:var(--grn);opacity:.9}.opp-tile-spark .line.down{stroke:var(--red);opacity:.9}.opp-tile-spark .line.flat{stroke:var(--blu);opacity:.9}.opp-tile-spark .line.acc{stroke:var(--acc)}.opp-tile-spark .fill{stroke:none}.opp-tile-spark .fill.up{fill:#5fce9314}.opp-tile-spark .fill.down{fill:#e0655214}.opp-tile-spark .fill.flat{fill:#6b93e814}.opp-tile-spark .fill.acc{fill:#ff6a0012}.opp-map{margin:12px 12px 0}.opp-map-svg{width:100%;max-width:100%;height:auto;padding:8px 10px 10px;display:block}.opp-map-svg-sm{display:none}.opp-edge{stroke:var(--ln2);stroke-width:1.1px}.opp-node-box{fill:var(--pan2);stroke:var(--ln2)}.opp-node-ledger{fill:#1c1e23;stroke:var(--ln2)}.opp-node-name{fill:var(--tx);font-family:var(--font-mono);letter-spacing:.08em;font-size:9px;font-weight:600}.opp-node-sub{fill:var(--ft);font-family:var(--font-mono);letter-spacing:.06em;font-size:6.5px}.opp-foot{border-top:1px solid var(--ln);color:var(--ft);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-top:12px;padding:9px 18px;font-size:8px;display:flex}@container (min-width:620px){.opp-trend-grid{grid-template-columns:repeat(3,1fr)}}@container (min-width:940px){.opp-stats{grid-template-columns:repeat(4,1fr)}.opp-body{grid-template-columns:repeat(12,1fr)}.opp-exceptions{grid-column:span 7}.opp-log{grid-column:span 5}.opp-trend-grid{grid-template-columns:repeat(6,1fr)}}@container (max-width:620px){.opp-head{padding:15px 14px 13px}.opp-head-title{font-size:15px}.opp-head-sub{font-size:10px}.opp-head-right span{display:none}.opp-stats,.opp-trends,.opp-map{margin-left:10px;margin-right:10px}.opp-body{padding:10px 10px 0}.opp-stat-value{font-size:20px}.opp-map-svg-lg{display:none}.opp-map-svg-sm{display:block}.opp-foot{flex-direction:column;gap:4px;padding:9px 14px}}