.premium-ladder-page{margin:0;background:#0f1117;color:#d1d5db;font:13px system-ui;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.ladder-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;background:#151923;border-bottom:1px solid #2d3748;flex-wrap:wrap}.ladder-header strong{color:#a5b4fc;font-size:17px}.ladder-header nav{display:flex;gap:18px}.ladder-header a,.ladder-workspace a{color:#a5b4fc}.ladder-header>span,.ladder-muted{color:#94a3b8}.ladder-badge{font-size:10px;background:#312e81;color:#c7d2fe;padding:3px 7px;border-radius:4px}
.ladder-workspace{display:grid;grid-template-columns:minmax(320px,1fr) 350px minmax(270px,23%);gap:1px;background:#2d3748;flex:1;min-height:0}.ladder-charts{display:grid;grid-template-rows:minmax(180px,1fr) minmax(180px,1fr) auto;min-width:0;min-height:0;background:#0f1117;resize:horizontal;overflow:auto}.ladder-chart-panel{display:flex;flex-direction:column;min-height:0;border-bottom:1px solid #2d3748}.ladder-chart-panel header{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 12px;background:#151923}.ladder-chart{flex:1;min-height:100px;position:relative}.ladder-readout,.ladder-legend{padding:7px 12px;font-size:11px;color:#a5b4fc;min-height:16px}.ladder-readout{line-height:1.6;min-height:36px}.ladder-panel{background:#141822;padding:16px;overflow:auto;min-width:0}.ladder-panel h1{font-size:17px;margin:0 0 10px}.ladder-panel h2{font-size:13px;margin:20px 0 10px;color:#c7d2fe}.ladder-panel p,.ladder-panel small{line-height:1.6}.ladder-panel label{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-size:12px;color:#cbd5e1}.ladder-panel input,.ladder-panel select{box-sizing:border-box;width:100%;background:#0b101b;border:1px solid #374151;border-radius:5px;padding:8px;color:#f1f5f9;font:inherit;min-width:0}.ladder-panel select{max-width:100%}.ladder-panel small{display:block;font-size:11px;color:#94a3b8}.ladder-panel hr{border:0;border-top:1px solid #374151;margin:20px 0}.ladder-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ladder-actions,.ladder-tabs{display:flex;gap:6px;flex-wrap:wrap}.ladder-actions{margin:12px 0}.ladder-workspace button{border:1px solid #6366f1;background:#4f46e5;color:white;border-radius:5px;padding:8px 10px;font:inherit;cursor:pointer}.ladder-workspace button:disabled{opacity:.5;cursor:wait}.ladder-workspace button.ladder-secondary,.ladder-tabs button{background:#1e293b;border-color:#475569}.ladder-workspace button.ladder-danger{background:#7f1d1d;border-color:#ef4444}.ladder-workspace summary{cursor:pointer;padding:12px 0;color:#a5b4fc}.ladder-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ladder-metric{background:#0b101b;border:1px solid #2d3748;padding:9px;overflow-wrap:anywhere}.ladder-metric small{font-size:10px}.ladder-metric strong{display:block;margin-top:5px;font-variant-numeric:tabular-nums}.ladder-table-wrap{overflow:auto;max-height:310px}.ladder-workspace table{border-collapse:collapse;width:100%;font-size:11px}.ladder-workspace th,.ladder-workspace td{padding:7px;text-align:left;border-bottom:1px solid #374151;white-space:nowrap}.ladder-event{font-size:11px;padding:7px 0;border-bottom:1px solid #273244;overflow-wrap:anywhere}.ladder-ledger [data-premium-ladder-target=events]{max-height:220px;overflow:auto}.ladder-error{color:#fca5a5}.ladder-settings [role=status]{overflow-wrap:anywhere}
@media(max-width:1100px){.ladder-workspace{grid-template-columns:minmax(300px,1fr) 330px}.ladder-ledger{grid-column:1/-1;max-height:350px}.ladder-charts{min-height:520px}.premium-ladder-page{overflow:auto}.ladder-workspace{overflow:auto;flex:none}.ladder-header>span{display:none}}
@media(max-width:680px){.ladder-workspace{display:flex;flex-direction:column}.ladder-charts{height:570px;resize:none;flex-shrink:0}.ladder-panel{overflow:visible}.ladder-ledger{max-height:none}.ladder-header{padding:12px}.ladder-chart-panel header{font-size:11px}.ladder-tabs button{font-size:10px;padding:5px}}

.ladder-charts { grid-template-rows: minmax(180px, 1fr) minmax(180px, 1fr) auto auto; }
.ladder-history { display: flex; align-items: center; gap: 8px; padding: 6px 12px; color: #94a3b8; font-size: 10px; }
.ladder-history button { flex-shrink: 0; font-size: 10px; padding: 5px 7px; }
.ladder-trade-markers { position: absolute; inset: 0; pointer-events: none; z-index: 2; overflow: hidden; }
.ladder-trade-marker { position: absolute; transform: translateX(-50%); white-space: nowrap; font-size: 10px; font-weight: 700; line-height: 18px; pointer-events: auto; }
.ladder-trade-marker--buy { bottom: 30px; color: #26a69a; }
.ladder-trade-marker--sell { top: 6px; color: #ef5350; }
.ladder-crosshair { position: absolute; top: 0; bottom: 26px; width: 0; border-left: 1px dashed #94a3b8; z-index: 3; pointer-events: none; }
.ladder-run-details { margin: 0 0 12px; font-size: 12px; line-height: 1.5; }
.ladder-run-details dt { color: #94a3b8; margin-top: 8px; }
.ladder-run-details dd { margin: 0; overflow-wrap: anywhere; color: #e2e8f0; }
.ladder-contract-search{position:relative}.ladder-contract-results{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:260px;overflow-y:auto;margin:3px 0 0;padding:4px;list-style:none;background:#0b101b;border:1px solid #475569;border-radius:5px;box-shadow:0 8px 24px #0008}.ladder-contract-results li{padding:9px 7px;cursor:pointer;overflow-wrap:anywhere}.ladder-contract-results li:hover,.ladder-contract-results li[aria-selected=true]{background:#312e81;color:#fff}
.ladder-activation{margin:14px 0;padding:10px;border:1px solid #374151;border-radius:6px;min-width:0}.ladder-activation legend{padding:0 5px;color:#cbd5e1}.ladder-activation label{margin:3px 0}.ladder-activation .ladder-actions{margin:10px 0 0}.ladder-activation input{color-scheme:dark}

.ladder-tabs button[aria-pressed="true"]{background:#312e81;border-color:#a5b4fc;box-shadow:inset 0 -2px #a5b4fc}
.ladder-tabs button[aria-pressed="false"]{color:#94a3b8}

.ladder-workspace{grid-template-columns:minmax(320px,1fr) minmax(300px,25%) 350px;grid-template-areas:"charts activity settings"}
.ladder-charts{grid-area:charts}.ladder-ledger{grid-area:activity}.ladder-settings{grid-area:settings}
.ladder-activity{border-bottom:1px solid #374151;padding-bottom:18px}
.ladder-live-metrics .ladder-metric:first-child{grid-column:1/-1;border-color:#6366f1}
.ladder-live-metrics .ladder-metric:first-child strong{font-size:26px}
.ladder-profit strong{color:#5ee0b5}.ladder-loss strong{color:#fca5a5}
.ladder-fill-feed{max-height:370px;overflow:auto;overflow-wrap:anywhere}
.ladder-fill{background:#0b101b;border:1px solid #2d3748;border-left:3px solid #64748b;padding:10px;margin-bottom:8px;font-variant-numeric:tabular-nums}
.ladder-fill strong{display:block;margin-bottom:4px}.ladder-fill--buy{border-left-color:#26a69a}.ladder-fill--sell{border-left-color:#ef5350}
@media(max-width:1100px){.ladder-workspace{grid-template-columns:minmax(300px,1fr) 330px;grid-template-areas:"charts activity" "settings settings"}.ladder-ledger{max-height:760px}.ladder-charts{height:760px}}
@media(max-width:680px){.ladder-charts{order:0;height:570px}.ladder-ledger{order:1;max-height:none}.ladder-settings{order:2}.ladder-fill-feed{max-height:330px}}

.ladder-comparison{flex:1;min-height:0;overflow:auto}.ladder-comparison a{color:#a5b4fc}.ladder-comparison-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ladder-comparison-filters label{min-width:170px}.ladder-comparison-filters input[type=submit]{width:auto;padding:9px 16px;background:#4f46e5;border-color:#6366f1;cursor:pointer}.ladder-comparison-table{overflow:auto;max-height:65vh;border:1px solid #374151}.ladder-comparison table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;font-variant-numeric:tabular-nums}.ladder-comparison caption{text-align:left;padding:10px;color:#94a3b8}.ladder-comparison th,.ladder-comparison td{padding:10px;text-align:left;white-space:nowrap;border-bottom:1px solid #374151}.ladder-comparison thead th{position:sticky;top:0;background:#1e293b;z-index:2}.ladder-comparison tbody th{position:sticky;left:0;background:#141822;z-index:1}.ladder-comparison tbody tr:hover td{background:#1e293b}.ladder-comparison-pagination{display:flex;gap:20px;margin:16px 0}