/* dsg-pipeline-outcome v20261001a — "Pipeline outcome" block for /dev trader pages.
   Scoped .po- prefix. Sits directly under a per-video clip section; mirrors trader .section cards.
   Theme-aware: dark (default), light family, gray family, blue family via html[data-theme] / html.theme-*. */
.po-block{
  --po-card:#151820;--po-card2:#1a1e27;--po-line:rgba(255,255,255,.1);--po-text:#e8eaee;--po-muted:#9aa3b2;
  --po-head:#fff;--po-accent:#6ea8d9;--po-label:#c9d2e0;
  --po-ok-bg:rgba(61,154,106,.16);--po-ok-bd:rgba(61,154,106,.55);--po-ok-fg:#8fd4b0;
  --po-amb-bg:rgba(217,160,40,.14);--po-amb-bd:rgba(217,160,40,.55);--po-amb-fg:#f0c86a;
  background:var(--po-card);color:var(--po-text);border:1px solid var(--po-line);border-left:3px solid var(--po-accent);
  border-radius:12px;padding:16px 18px;margin:10px 0 18px;font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:13px;line-height:1.5;box-sizing:border-box;max-width:100%}
.po-block *{box-sizing:border-box}
.po-block .po-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--po-accent);margin:0 0 4px}
.po-block .po-title{margin:0 0 4px !important;font-size:1.15rem;line-height:1.3;font-weight:600;color:var(--po-head) !important;border:0;background:none;padding:0}
.po-block .po-sub{margin:0 0 14px;color:var(--po-muted);font-size:12.5px}
.po-block .po-sub code{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;color:var(--po-label)}
.po-block .po-part{background:var(--po-card2);border:1px solid var(--po-line);border-radius:10px;padding:12px 14px;margin:0 0 12px}
.po-block .po-part:last-child{margin-bottom:0}
.po-block .po-h{margin:0 0 8px !important;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--po-muted) !important;display:flex;align-items:center;gap:8px}
.po-block .po-h .po-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font:600 11px/1 "IBM Plex Mono",monospace;color:var(--po-accent);border:1px solid var(--po-accent)}
/* (1) strategy write-up: label / value rows */
.po-block .po-rows{display:grid;grid-template-columns:minmax(110px,150px) 1fr;margin:0;border-top:1px solid var(--po-line)}
.po-block .po-rows dt,.po-block .po-rows dd{margin:0;padding:7px 10px;border-bottom:1px solid var(--po-line)}
.po-block .po-rows dt{color:var(--po-label);font-weight:600;font-size:12px}
.po-block .po-rows dd{color:var(--po-text)}
/* (2) already in All-in-One */
.po-block .po-list{margin:0;padding-left:18px;color:var(--po-text)}
.po-block .po-list li{margin:3px 0}
/* (3) new features table */
.po-block .po-tablewrap{overflow-x:auto}
.po-block .po-table{width:100%;border-collapse:collapse;font-size:13px}
.po-block .po-table th,.po-block .po-table td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--po-line);vertical-align:top}
.po-block .po-table th{color:var(--po-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.po-block .po-table td.po-st{white-space:nowrap;width:1%}
.po-block .po-pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600;border:1px solid;white-space:nowrap}
.po-block .po-pill.po-ok{background:var(--po-ok-bg);border-color:var(--po-ok-bd);color:var(--po-ok-fg)}
.po-block .po-pill.po-todo{background:var(--po-amb-bg);border-color:var(--po-amb-bd);color:var(--po-amb-fg)}
/* light family */
:is([data-theme="light"],[data-theme="light-gray"],[data-theme="pale-blue"],[data-theme="arctic-mist"],[data-theme="sand-paper"],.theme-light,.theme-light-gray,.theme-pale-blue) .po-block{
  --po-card:#fff;--po-card2:#f7f9fc;--po-line:#e3e8ef;--po-text:#1f2937;--po-muted:#6b7280;--po-head:#111827;--po-accent:#1d6fb8;--po-label:#374151;
  --po-ok-bg:#e7f6ee;--po-ok-bd:#57b184;--po-ok-fg:#146c43;--po-amb-bg:#fff4db;--po-amb-bd:#e0a526;--po-amb-fg:#8a5a00;
  box-shadow:0 1px 3px rgba(15,23,42,.06)}
/* gray family */
:is([data-theme="gray"],[data-theme="medium-gray"],[data-theme="dark-gray"],[data-theme="slate-steel"],[data-theme="graphite-gold"],.theme-gray,.theme-medium-gray,.theme-dark-gray) .po-block{
  --po-card:#26282c;--po-card2:#2e3035;--po-line:rgba(255,255,255,.12);--po-text:#e6e6e6;--po-muted:#a3a6ad;--po-accent:#b9bec8;--po-label:#d2d4d8}
/* blue family */
:is([data-theme="blue"],[data-theme="medium-blue"],[data-theme="dark-blue"],[data-theme="cobalt-blue"],[data-theme="ninja-blue"],[data-theme="midnight-navy"],[data-theme="camera-navy"],[data-theme="harbour-ink"],.theme-blue,.theme-medium-blue,.theme-dark-blue) .po-block{
  --po-card:#0f1b2d;--po-card2:#132440;--po-line:rgba(125,211,252,.18);--po-text:#e3eefb;--po-muted:#93a9c4;--po-accent:#38bdf8;--po-label:#bcd6f0}
@media (max-width:600px){
  .po-block{padding:12px}
  .po-block .po-rows{grid-template-columns:1fr}
  .po-block .po-rows dt{border-bottom:0;padding-bottom:0}
}
