.fast-entry {max-width: 42rem; margin: 1rem auto; padding: 1.5rem;}
.fast-entry form,.settings-form fieldset {display: grid; gap: 1rem;}
.fast-entry label,.settings-form label {display: grid; gap: .4rem; font-size: 1rem;}
.fast-entry input {font-size: 1.15rem;}
.trade-entry-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start;}
.trade-entry-grid > *, .entry-preview {min-width: 0;}
.trade-entry-grid dd, .entry-preview dd {max-width: 65%; overflow-wrap: anywhere;}
.trade-heading-actions, .entry-actions {display: flex; flex-wrap: wrap; align-items: center; gap: .75rem;}
.entry-preview {margin: 1rem 0; padding: 1rem; border: 1px solid var(--border); background: var(--surface-2);}
.entry-preview h2 {font-size: 1rem; margin: 1rem 0 .5rem;}
.entry-actions button {margin: 0; font-size: .85rem; padding: .5rem .75rem;}
.entry-offset {padding: .65rem 0; color: var(--accent);}
.trade-entry-grid details, .entry-preview details {margin-top: .75rem;}
.operator-form .form-grid {grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));}
.operator-form input, .operator-form select, .fast-entry input {min-width: 0; max-width: 100%; box-sizing: border-box;}
@media(max-width: 820px) {.trade-entry-grid {grid-template-columns: minmax(0, 1fr);} }
@media(max-width: 500px) {.trade-entry-grid .detail-list > div, .entry-preview .detail-list > div {flex-direction: column; gap: .3rem;} .trade-entry-grid dd, .entry-preview dd {text-align: left; max-width: 100%;} }
.settings-form {display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,24rem),1fr)); gap: 1rem; margin-bottom: 1.5rem;}
.settings-form fieldset {border: 1px solid #364456; border-radius: .5rem; padding: 1rem;}
.table-scroll {max-height: 34rem; overflow: auto;}
.cockpit-charts {display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; margin-bottom: 12px;}
.cockpit-chart-panel {min-width: 0; border-radius: 8px; padding: 18px; margin: 0;}
.cockpit-chart-panel .panel-heading {margin-bottom: 8px; min-height: 24px;}
.cockpit-chart-panel .panel-heading h2 {font-size: 1rem;}
.cockpit-chart-summary {font: .8rem var(--mono); min-height: 2.8em; line-height: 1.5; color: var(--text);}
.cockpit-chart {min-width: 0; width: 100%;}
.cockpit-chart svg {display: block; width: 100%; height: 285px; overflow: visible; cursor: crosshair; touch-action: pan-y;}
.cockpit-chart svg:focus-visible {outline: 1px solid var(--accent); outline-offset: 3px;}
.cockpit-chart-controls {display: flex; flex-wrap: wrap; align-items: center; min-height: 34px; gap: 8px 14px;}
.cockpit-chart-controls > span {font-size: .75rem; color: var(--muted);}
.cockpit-chart-controls label {display: flex; gap: 6px; align-items: center; font-size: .75rem; color: var(--muted); min-width: 0;}
.cockpit-chart-controls select {font-size: .75rem; max-width: 100%; min-width: 0; padding: 5px 8px;}
.cockpit-chart-readout {font: .75rem var(--mono); min-height: 68px; line-height: 1.5; margin: 0;}
.chart-inspected-value {display: block; font: 650 clamp(1.6rem,3vw,2.1rem) var(--mono); letter-spacing: -.04em; color: var(--text);}
.chart-inspected-time {display: block; color: var(--muted); font-size: .7rem;}
.cockpit-chart-head {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 10px 0 2px;}
.chart-toolbar {display: flex; flex-direction: column; align-items: flex-end; gap: 6px; margin: 0 0 8px;}
.chart-toolbar .chart-range-presets button {min-height: 30px;}
.cockpit-chart-support {border-top: 1px solid var(--border-soft); padding-top: 8px;}
.cockpit-chart-support .subtle {font-size: .72rem; line-height: 1.6;}
.position-card-heading {align-items: flex-start;}
.position-card-heading h2 {font-size: 1.3rem !important;}
.position-open-pnl {text-align: right;}
.position-open-pnl span {display: block; font-size: .72rem; color: var(--muted);}
.position-open-pnl strong {font: 650 1.6rem var(--mono);}
.position-close-link {display: table; margin: 8px 0 0 auto; padding: 8px 12px; border: 1px solid var(--accent); border-radius: 6px; background: #122733; font-size: .85rem; font-weight: 600; white-space: nowrap;}
.position-close-link:hover {background: #1c3b4b; text-decoration: none;}
.position-close-link:focus-visible {outline: 2px solid var(--accent); outline-offset: 3px;}
#close-position {scroll-margin-top: 10rem;}
.position-card-facts {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) 1.5fr 1fr; gap: 12px; margin: 20px 0 12px;}
.position-card-facts dt {font-size: .72rem;}
.position-card-facts dd {font-size: .8rem; text-align: left; margin-top: 5px; overflow-wrap: anywhere;}
.position-card .position-signal {font-size: .75rem; color: var(--muted); margin-bottom: 14px;}
.position-card > .home-detail-row {padding: 16px; margin-top: 8px; background: var(--surface-2); border-radius: 4px;}
.position-card > .home-detail-row[hidden] {display: none;}
.position-card > .home-detail-row .subtle {font-size: .76rem;}
.positions-heading {margin: 0 0 10px;}
.positions-heading[hidden] {display: none;}
.topbar-cockpit {grid-template-columns: auto auto minmax(0,1fr) auto; gap: 16px;}
.nav-pnl {display: flex; justify-content: flex-end; gap: 10px 22px; align-items: center; flex-wrap: wrap; padding: 8px 0;}
.nav-pnl-item {display: block; color: var(--text); text-align: right;}
.nav-pnl-item span {display: block; color: var(--muted); font-size: .65rem; white-space: nowrap;}
.nav-pnl-item strong {font: 650 1rem var(--mono); white-space: nowrap;}
.nav-pnl-status {width: 100%; color: var(--warn); font-size: .7rem; text-align: right;}
.nav-pnl-status:empty {display: none;}
.topbar-cockpit .research-badge {font-size: .6rem;}
@media(max-width:1200px) {.topbar-cockpit {grid-template-columns: auto 1fr auto;} .topbar-cockpit nav {grid-column: 1 / 2; grid-row: 2; height: 42px;} .topbar-cockpit .top-meta {grid-column: 3; grid-row: 1;} .nav-pnl {grid-column: 2 / -1; grid-row: 2; padding-top: 0;} .position-card-facts {grid-template-columns: repeat(3,minmax(0,1fr));} }
@media(max-width:600px) {.topbar-cockpit {grid-template-columns: 1fr auto; gap: 0 8px;} .topbar-cockpit nav {grid-column: 1 / -1; grid-row: 2;} .topbar-cockpit .top-meta {grid-column: 2;} .nav-pnl {grid-column: 1 / -1; grid-row: 3; justify-content: space-between; border-top: 1px solid var(--border-soft); padding: 8px 0;} .nav-pnl-item {text-align: left;} .nav-pnl-item strong {font-size: .95rem;} .position-card-facts {grid-template-columns: repeat(2,minmax(0,1fr));} .cockpit-chart-panel {padding: 14px;} .cockpit-chart-head {display: block;} .chart-toolbar {align-items: flex-start; margin-top: 8px;} .position-open-pnl strong {font-size: 1.25rem;} }
.cockpit-chart-panel > .subtle {font-size: .72rem; line-height: 1.6; margin-bottom: 0;}
.cockpit-chart-empty, .cockpit-chart.is-empty {min-height: 225px; display: flex; flex-direction: column; justify-content: center; text-align: center; color: var(--muted); font-size: .85rem;}
.cockpit-chart-empty p {font-size: .8rem;}
.cockpit-point-slider {display: block; width: 100%; height: 12px; margin: 8px 0; padding: 0; accent-color: #64caed; cursor: pointer;}
.chart-navigator {min-width: 0; margin: 12px 8px 6px; color: var(--muted);}
.cockpit-chart-plot {min-height: 285px;}
.cockpit-chart-plot.is-empty {display: grid; place-items: center; text-align: center; color: var(--muted);}
.path-chart-plot {aspect-ratio: 1000 / 280;}
.portfolio-chart-plot {min-height: 240px;}
.chart-range-toolbar {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 5px;}
.chart-range-readout {font: .7rem var(--mono);}
.chart-range-presets {display: flex; gap: 4px;}
.chart-range-presets button {font-size: .7rem; padding: 3px 8px; border-radius: 4px; background: #141e29; border: 1px solid #334455; color: #bacbdc; cursor: pointer;}
.chart-range-presets button[aria-pressed="true"] {background: #214459; border-color: #64caed; color: #e0f6ff;}
.chart-range-presets button:disabled {opacity: .4; cursor: default;}
.chart-range-track {position: relative; height: 52px; background: #0b131d; border: 1px solid #293b4b; border-radius: 4px; margin: 0 7px;}
.chart-navigator svg.chart-range-overview {display: block; width: 100%; height: 48px; overflow: hidden; opacity: .7; pointer-events: none;}
.chart-range-overview path {fill: none; stroke: #64caed; stroke-width: 1.5; vector-effect: non-scaling-stroke;}
.chart-range-overview circle {fill: #64caed;}
.chart-range-window {position: absolute; top: 0; height: 100%; min-width: 0; margin: 0; padding: 0; border: 1px solid #64caed; border-radius: 2px; background: #64caed20; cursor: grab; touch-action: none;}
.chart-range-window:active {cursor: grabbing;}
.chart-navigator input.chart-range-handle {position: absolute; inset: 0 -7px; width: calc(100% + 14px); height: 100%; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; pointer-events: none; appearance: none; -webkit-appearance: none;}
.chart-range-handle::-webkit-slider-runnable-track {background: transparent; border: 0; height: 28px; pointer-events: none;}
.chart-range-handle::-webkit-slider-thumb {appearance: none; -webkit-appearance: none; width: 14px; height: 28px; background: #76bdd9; border: 3px solid #142b3a; border-radius: 4px; pointer-events: auto; cursor: ew-resize;}
.chart-range-handle::-moz-range-track {background: transparent; border: 0; pointer-events: none;}
.chart-range-handle::-moz-range-thumb {width: 10px; height: 24px; background: #76bdd9; border: 3px solid #142b3a; border-radius: 4px; pointer-events: auto; cursor: ew-resize;}
.chart-range-handle:focus-visible::-webkit-slider-thumb {outline: 2px solid white; outline-offset: 2px;}
.chart-range-handle:focus-visible::-moz-range-thumb {outline: 2px solid white; outline-offset: 2px;}
.chart-range-window:focus-visible, .chart-range-presets button:focus-visible {outline: 2px solid white; outline-offset: 2px;}
.chart-range-hint {display: block; font-size: .65rem; margin-top: 5px;}
@media(max-width: 900px) {.cockpit-charts {grid-template-columns: minmax(0,1fr);} }
.table-scroll th {position: sticky; top: 0; background: #17212d; z-index: 1;}
.table-scroll td {font-variant-numeric: tabular-nums; padding: .55rem .7rem;}
.table-scroll td.message-cell {white-space: normal; min-width: 18rem; max-width: 44rem;}
.fast-link {display: inline-block; padding: .3rem .5rem; border: 1px solid #4ac3af; border-radius: .3rem; margin-left: .5rem;}
.topbar nav {flex-wrap: wrap;}
@media(max-width: 700px) {.topbar {flex-wrap: wrap;} .fast-entry {margin: 0;} .page-heading {flex-wrap: wrap; gap: .75rem;} }
.paper-summary {border-left:3px solid var(--accent);padding:18px;margin:16px 0}
.paper-target-form {max-width:760px}
.paper-target-form input[type="number"] {max-width:240px}
.paper-target-actions {display:flex;gap:12px;flex-wrap:wrap}
.paper-target-status {font-size:.9rem;margin:8px 0 16px}
.status-paper_closed {color:var(--accent)}
.paper-pnl {border-left:1px solid var(--accent)}
.topbar-cockpit {row-gap:0}
.nav-session {grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;min-width:0;padding:8px 0;border-top:1px solid var(--border-soft);color:var(--muted);font-size:.75rem}
.nav-session .status {text-transform:none;font:500 .75rem var(--sans);letter-spacing:0;padding:3px 8px}
.nav-session-date,.nav-session-updated,.nav-session-notifications {white-space:nowrap}
.nav-session-health {display:flex;align-items:center;gap:8px;min-width:0}
.nav-session-health a {color:var(--warn)}
.nav-session-updated {margin-left:auto}
#attentionTitle {scroll-margin-top:120px}
@media(max-width:1200px) {.nav-session {grid-row:3;gap:6px 14px}#attentionTitle {scroll-margin-top:170px}}
@media(max-width:600px) {.nav-session {grid-row:4;gap:6px 12px;padding:8px 0;font-size:.7rem}.nav-session .status {font-size:.7rem}.nav-session-updated {margin-left:0}.nav-session-notifications {margin-left:auto}#attentionTitle {scroll-margin-top:280px}}
.cockpit-main {width:100%}
.home-page {max-width:none;container:cockpit / inline-size}
.cockpit-charts {align-items:start}
.cockpit-positions,.cockpit-market {display:grid;gap:20px;align-content:start;min-width:0}
.cockpit-positions[hidden] {display:none}
.cockpit-positions > .positions-heading {margin:0;flex-wrap:wrap}
.cockpit-positions .position-card-facts {grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
.cockpit-market .home-opportunities {margin-bottom:0}
.cockpit-market .home-opportunities th {white-space:normal}
.cockpit-market .home-opportunities .home-quote-label {white-space:normal}
@container cockpit (min-width:1280px) {
  .cockpit-charts.cockpit-has-positions {grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px}
  .cockpit-has-positions .cockpit-market {grid-column:1;grid-row:1}
  .cockpit-has-positions .cockpit-positions {grid-column:2;grid-row:1}
}

/* Attention items live in the top status bar as a dropdown */
.nav-attention {position:relative}
.nav-attention summary {display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border:1px solid #5a472b;border-radius:999px;background:#1a1815;color:var(--warn);cursor:pointer;list-style:none;white-space:nowrap}
.nav-attention summary::-webkit-details-marker {display:none}
.nav-attention summary:hover,.nav-attention[open] summary {border-color:var(--warn)}
.nav-attention summary:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.nav-attention-icon {display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--warn);color:#1a1815;font:700 .62rem var(--sans)}
.nav-attention-menu {position:absolute;top:calc(100% + 6px);left:0;z-index:50;width:min(420px,calc(100vw - 32px));padding:4px 14px;border:1px solid #5a472b;border-left:3px solid var(--warn);border-radius:6px;background:#1a1815;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.nav-attention-item {padding:10px 0;border-top:1px solid #30291e;color:var(--text);font-size:.8rem;white-space:normal}
.nav-attention-item:first-child {border-top:0}
.nav-attention-item b {font-weight:600}
.nav-attention-item p {margin:3px 0 6px;color:var(--muted);font-size:.75rem}
.nav-attention-item a {color:var(--accent);font-size:.78rem}