#preopenView{width:100%;max-width:1440px;min-width:0;margin:auto;padding:0 18px 28px;box-sizing:border-box}#preopenView *{box-sizing:border-box}#preopenView [hidden]{display:none!important}.po-hero{height:auto;min-height:0;background:transparent;border:0;padding:26px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px}.po-hero h1{font-size:28px;margin:10px 0}.po-hero small{color:#69cdb7}.po-hero p,.po-muted{color:#99adc5;line-height:1.9}.po-badge{white-space:nowrap;border:1px solid #4d867c;border-radius:20px;padding:10px 15px;font-size:12px;color:#7cdec8}.po-badge.historical{border-color:#9b7947;color:#e0bd85}.po-panel{background:#111d2e;border:1px solid #2c3e55;border-radius:16px;padding:20px;margin-bottom:18px;min-width:0}.po-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.po-controls label{display:grid;gap:8px;font-size:12px;min-width:170px}.po-controls input,.po-controls select{max-width:100%;min-width:0;background:#0c1727;border:1px solid #354a65;border-radius:9px;padding:10px;color:#dce7f7;font:inherit}.po-controls input{flex:1}.po-controls select{max-width:230px}#preopenView button{font:inherit;color:#dce7f7;border:1px solid #354a65;background:#1a2b42;border-radius:9px;padding:9px 13px;cursor:pointer}#preopenView button.active{border-color:#4cbca5;color:#7be0c6}#preopenView button:disabled{opacity:.45}.po-notice{margin-top:16px;padding:12px;background:#162a37;border:1px solid #355965;border-radius:9px;font-size:12px;line-height:1.9}.po-notice.error,#poError{background:#3b2531;color:#f2bbca;border-color:#8e5061}#poError{padding:12px;border-radius:9px;margin-top:12px}.po-replay{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:20px}.po-replay label{flex:1;min-width:150px;font-size:12px}.po-replay input{display:block;width:100%;accent-color:#48c8ab;margin-top:10px}.po-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:18px 0}.po-summary article{display:grid;gap:10px;padding:18px 12px;border:1px solid #30435a;border-radius:12px;background:#121f30}.po-summary strong{font-size:20px}.po-summary span{font-size:11px;color:#9cafc7}.po-filters{margin:20px 0}.po-switch{display:flex;gap:5px}.po-panel details{font-size:12px;line-height:2;color:#a5b8cf}.po-panel summary{cursor:pointer;color:#d0dfef}.po-table-wrap{width:100%;max-width:100%;overflow:auto}.po-table-wrap table{min-width:1150px;width:100%;border-collapse:collapse;text-align:right}.po-table-wrap th{padding:14px 10px;color:#8fa8c5;font-size:11px;border-bottom:1px solid #344b67}.po-table-wrap td{vertical-align:top;padding:16px 10px;font-size:12px;border-bottom:1px solid #273b54}.po-table-wrap td>b{font-size:16px}.po-table-wrap small{display:block;color:#98abc3;font-size:11px;line-height:1.8;margin-top:6px}.po-table-wrap button{display:block;white-space:nowrap;margin-bottom:6px;font-size:11px!important}.po-tag{display:block;margin-top:8px;color:#cbb886;font-size:11px}.po-tag.demand{color:#6cddbb}.po-tag.supply,.po-tag.halted{color:#f29caa}.po-empty{text-align:center;padding:22px;color:#91a7c1}.po-detail-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.po-detail-head h2{font-size:20px}.po-chart{height:270px;max-width:100%;min-width:0;direction:ltr;overflow:hidden}.po-position,.po-window-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.po-position article,.po-window-grid article{border:1px solid #34516c;border-radius:12px;padding:16px;line-height:1.9;font-size:12px}.po-position h3{font-size:15px}.po-panel>h3{font-size:16px;margin-top:24px}.po-panel ul{line-height:2;color:#b6c6d9;font-size:13px}.po-muted{font-size:12px}#preopenView :focus-visible{outline:2px solid #64d7b9;outline-offset:3px}@media(max-width:1050px){.po-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:680px){#preopenView{padding:0 12px 20px}.po-hero{flex-direction:column;align-items:start;gap:10px}.po-hero h1{font-size:24px}.po-panel{padding:14px}.po-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.po-controls label,.po-controls>input,.po-controls>select{width:100%;min-width:0;max-width:100%}.po-controls{align-items:stretch}.po-position,.po-window-grid{grid-template-columns:1fr}.po-replay label{flex-basis:100%}.po-badge{white-space:normal}.po-detail-head{flex-wrap:wrap}}

/* Brighter secondary copy while preserving status colors. */
.po-hero p,.po-muted,.po-summary span,.po-panel details,
.po-table-wrap th,.po-table-wrap small,.po-empty{color:#b5c6d9}
.po-panel ul{color:#cad5e2}
.po-table-wrap td{color:#e3ebf4}

.po-hero-copy{min-width:0}.po-market-gauge{width:278px;min-width:278px;padding:8px 10px 6px;border:1px solid #2d5260;border-radius:16px;background:linear-gradient(145deg,#0e1d2a,#111827);text-align:center;box-shadow:inset 0 1px #ffffff09}.po-market-gauge>small{display:block;color:#b6c9dd;font-size:11px}.po-gauge-meter{position:relative;height:126px;margin-top:2px}.po-gauge-meter svg{display:block;width:100%;height:118px}.po-gauge-track,.po-gauge-scale{fill:none;stroke-linecap:round}.po-gauge-track{stroke:#24384b;stroke-width:16}.po-gauge-scale{stroke:url(#poGaugeGradient);stroke:#466174;stroke-width:9}.po-gauge-needle{fill:#e7eef7;filter:drop-shadow(0 1px 2px #000)}.po-gauge-pivot{fill:#f1f5f9;stroke:#152535;stroke-width:4}.po-gauge-label{position:absolute;inset:59px 0 auto;display:grid;gap:2px;justify-items:center}.po-gauge-label b{font-size:14px;color:#dbe7f3}.po-gauge-label span{font-size:11px;color:#9eb6cc;direction:ltr}.po-gauge-values{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;font-size:10px;color:#a9bdd1}.po-gauge-values span:first-child{text-align:right;color:#f1a5af}.po-gauge-values span:last-child{text-align:left;color:#79dabe}.po-gauge-values b{display:block;font-size:11px;color:inherit;direction:ltr}.po-market-gauge .po-badge{display:inline-block;margin-top:9px;padding:5px 10px;font-size:10px}.po-market-gauge p{margin:7px 0 0;font-size:9px;line-height:1.6;color:#8ea6bd}.po-market-gauge[data-tone="demand"] .po-gauge-scale{stroke:#56c8a7}.po-market-gauge[data-tone="supply"] .po-gauge-scale{stroke:#ef8190}.po-market-gauge[data-tone="balanced"] .po-gauge-scale{stroke:#e2bd72}.po-market-gauge[data-tone="demand"] .po-gauge-label b{color:#74dfbd}.po-market-gauge[data-tone="supply"] .po-gauge-label b{color:#f2a0ab}.po-market-gauge[data-tone="balanced"] .po-gauge-label b{color:#efd08a}@media(max-width:680px){.po-market-gauge{width:100%;min-width:0}.po-hero-copy{width:100%}}