/* Approved BOT_UI_COMPONENT_RULES baseline, 2026-10-05. */
:root{--op-canvas:#070b10;--op-surface:#0e141c;--op-raised:#121d27;--op-border:#293541;--op-strong:#3b5260;--op-text:#eef4f6;--op-secondary:#b5c3ca;--op-muted:#8d9da7;--op-amber:#f5ab21;--op-cyan:#54c7ed;--op-teal:#42dfae;--op-red:#ff6675;--op-warning:#e9af42;--op-radius:9px;--op-badge-radius:5px;--op-label:10px;--op-price:12px;--op-symbol:15px}
.shared-position-card.pcard,.shared-position-card.intel-signal-card{background:var(--op-surface)!important;border:1px solid var(--op-border)!important;border-radius:var(--op-radius);color:var(--op-text);text-align:left;width:100%;font-family:var(--font-terminal),Consolas,monospace}
.shared-position-card .shared-position-head{padding:12px;gap:6px;align-items:flex-start}
.shared-position-identity{flex-wrap:wrap;gap:5px}
.shared-position-identity h3{font-size:var(--op-symbol)!important;color:var(--op-text)}
.shared-badge,.shared-action,.shared-position-head .signal-open-label,.shared-chart-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:27px;line-height:1.1;padding:4px 6px;border:1px solid var(--op-strong);border-radius:var(--op-badge-radius);background:var(--op-raised);font:11px var(--font-terminal),Consolas,monospace;color:var(--op-secondary);white-space:nowrap}
.shared-badge.direction{font-size:12px;font-weight:700}.shared-badge.long{color:var(--op-teal);background:#0d3028;border-color:#287e64}.shared-badge.short{color:var(--op-red);background:#32171f;border-color:#8e3445}
.shared-action,.shared-position-head .signal-open-label{color:var(--op-amber);border-color:#96681d;min-width:62px;margin-left:auto;flex-shrink:0}
#view-signal-intelligence .shared-position-head .signal-open-label{color:var(--op-amber);border:1px solid #96681d;border-radius:var(--op-badge-radius);background:var(--op-raised);font:11px var(--font-terminal),Consolas,monospace;min-height:27px;padding:4px 6px}
.shared-chart-controls button.active{color:var(--op-amber);border-color:#9a6a1c;background:#463112}
.shared-position-body,.shared-position-card.pcard .shared-position-body{padding:0 12px 12px!important}
.shared-position-levels{padding:0!important;gap:10px}.shared-position-levels.three{grid-template-columns:repeat(3,minmax(0,1fr))}.shared-position-levels.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.shared-position-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:10px;margin-top:12px}
.position-level span{font-size:var(--op-label);color:var(--op-muted)}.position-level b{font-size:var(--op-price);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}
.position-level small{display:block;font-size:10px;color:var(--op-secondary)}
.position-level.entry b{color:var(--op-cyan)}.position-level.sl b{color:var(--op-red)}.position-level.tp b{color:var(--op-teal)}.position-level.current b{color:var(--op-amber)}
.shared-position-foot{font-size:11px;color:var(--op-secondary);padding:12px 0 0;align-items:flex-start}.shared-position-foot .v2-card-times{color:var(--op-muted);white-space:nowrap}
.shared-progress{padding:12px;border-top:1px solid var(--op-border);overflow-x:auto}.shared-progress .v2-distance-scale{margin:0!important}
.shared-position-levels.wide{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shared-position-levels.full{grid-template-columns:1fr!important}
.shared-progress-segments{display:flex;gap:5px;height:12px;margin:12px 0 6px}.shared-progress-segment{flex:1;background:#26323b;border-radius:2px;position:relative;overflow:hidden}.shared-progress-segment .v2-distance-fill{position:absolute;height:100%;top:0;bottom:0;left:0;border-radius:0;--risk-strength:1}.shared-progress-segment.confirmed{box-shadow:inset 0 0 0 1px var(--op-teal)}.partial-mark{position:absolute;right:2px;font-size:11px;color:var(--op-warning)}
.shared-progress-unavailable{font-size:11px;color:var(--op-warning)}
.shared-position-card .inspector-fields{padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid var(--op-border)}.inspect-field b{overflow-wrap:anywhere;white-space:normal}.inspect-field span{color:var(--op-muted)}
.shared-position-card .position-inspector{padding:0}.shared-position-chart{padding-right:0}.position-chart-canvas{inset:0}.position-chart-labels{display:none}
#view-signal-intelligence .v2-chart-controls .shared-chart-controls button,#view-marathon-trades .pcard-inline-tf .shared-chart-controls button{min-height:27px;padding:4px 6px;border-radius:var(--op-badge-radius);border:1px solid var(--op-strong);background:var(--op-raised);color:var(--op-secondary);font:11px var(--font-terminal),Consolas,monospace}
#view-signal-intelligence .v2-chart-controls .shared-chart-controls button.active,#view-marathon-trades .pcard-inline-tf .shared-chart-controls button.active{color:var(--op-amber);background:#463112;border-color:#9a6a1c}
@media(max-width:340px){.shared-position-levels.four{grid-template-columns:repeat(2,minmax(0,1fr))}.shared-position-head{flex-wrap:wrap}.shared-position-targets{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Position card v3 (2026-10-07): side stripe, inline price change, header uPnL. */
.shared-position-card.long{border-left:4px solid var(--op-teal)!important}.shared-position-card.short{border-left:4px solid var(--op-red)!important}
/* Forward test (2026-10-11): the same stripe on the top edge, amber. */
.shared-position-card.intel-signal-card.is-test{border-top:4px solid var(--op-amber)!important}
.shared-position-levels.three,.shared-position-levels.three.wide{grid-template-columns:minmax(0,auto) minmax(0,auto) minmax(0,1fr)!important;column-gap:16px}
.position-level .price-change{display:inline;margin-left:5px;white-space:nowrap;font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:baseline}
.position-level .price-change .ui-icon{display:inline;width:1.05em;height:1.05em;margin-right:2px;vertical-align:-0.16em}
.position-level .price-change.up{color:var(--op-teal)}.position-level .price-change.down{color:var(--op-red)}.position-level .price-change.flat{color:var(--op-secondary)}
.shared-upnl{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;font-family:var(--font-terminal),Consolas,monospace}
.shared-upnl-label{display:inline-flex;align-items:center;gap:3px;font-size:var(--op-label);color:var(--op-muted)}.shared-upnl-label .ui-icon{width:12px;height:12px}
.shared-upnl b{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.shared-upnl.profit b{color:var(--op-teal)}.shared-upnl.loss b{color:var(--op-red)}.shared-upnl.flat b,.shared-upnl.unknown b{color:var(--op-secondary)}
.shared-position-head .signal-close-label{min-width:32px}