/* Additive skins: original light dashboard styles and geometry stay intact. */
#theme-choice{font-size:12px;max-width:116px;min-height:40px}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;background:#101413;color:#e7ece9;--muted:#a2b0a8;--border:#303a34;--green:#77c6a4}
[data-theme="dark"] aside{background:#141b17}
[data-theme="dark"] header,[data-theme="dark"] .card,[data-theme="dark"] .skip{background:#191f1b}
[data-theme="dark"] button,[data-theme="dark"] .button,[data-theme="dark"] select,[data-theme="dark"] .input-wrap{background:#202923;border-color:#3d4b42;color:#e1e9e4}
[data-theme="dark"] button:hover,[data-theme="dark"] .button:hover{background:#2b3830}
[data-theme="dark"] button.primary{background:#357e60;border-color:#489873;color:#fff}
[data-theme="dark"] button.primary:hover{background:#408f6e}
[data-theme="dark"] nav a{color:#b0bdb5}
[data-theme="dark"] nav a.active,[data-theme="dark"] body.menu-open #menu{background:#273d30;color:#a4e0bc}
[data-theme="dark"] .brand-icon{background:#304e3d}
[data-theme="dark"] .badge{background:#233129;color:#bed2c4}
[data-theme="dark"] .breadcrumb strong,[data-theme="dark"] .empty strong,[data-theme="dark"] .form-grid label,[data-theme="dark"] fieldset.card legend{color:#c4d3c9}
[data-theme="dark"] .nav-label,[data-theme="dark"] .sidebar-bottom,[data-theme="dark"] .sidebar-bottom small,[data-theme="dark"] .breadcrumb,[data-theme="dark"] .eyebrow,[data-theme="dark"] .metric-label,[data-theme="dark"] .metric-label span,[data-theme="dark"] .metrics p,[data-theme="dark"] .card-heading p,[data-theme="dark"] .card-heading a,[data-theme="dark"] .empty,[data-theme="dark"] .empty-icon,[data-theme="dark"] .chart-footer,[data-theme="dark"] .strategy-card dt,[data-theme="dark"] .form-grid small,[data-theme="dark"] .input-wrap span,[data-theme="dark"] th,[data-theme="dark"] .status-list dt,[data-theme="dark"] footer,[data-theme="dark"] .mobile-record p{color:#a2b0a8}
[data-theme="dark"] .connection-banner{background:#1b2b20;border-color:#36503e}
[data-theme="dark"] .connection-banner strong,[data-theme="dark"] .connection-banner a{color:#b8d7c0}
[data-theme="dark"] .connection-banner p{color:#a3b8a9}
[data-theme="dark"] .status-ring{border-color:#79a58a}
[data-theme="dark"] .chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 64px,#2c362f 65px)}
[data-theme="dark"] .chart-line{stroke:#82cfaa}
[data-theme="dark"] .chart-point{fill:#82cfaa}
[data-theme="dark"] .chart-area{fill:#20382b}
[data-theme="dark"] .chart-label{fill:#a2b0a8}
[data-theme="dark"] .point-picker{accent-color:#82cfaa}
[data-theme="dark"] .risk-note strong,[data-theme="dark"] .status-list dd{color:#dec38c}
[data-theme="dark"] .risk-note p{color:#bcb6a5}
[data-theme="dark"] .save-bar{background:#101413f5}
[data-theme="dark"] .input-wrap input{color:#e1e9e4}
[data-theme="dark"] td{border-color:#303a34}
[data-theme="dark"] #notice:not(:empty){background:#382e18;color:#f1d496}
[data-theme="dark"] #save-result{color:#94d6af}
[data-theme="dark"] :focus-visible{outline-color:#8bdbb8}
@media(max-width:760px){#theme-choice{max-width:96px;padding:8px;font-size:11px}.header-actions{gap:6px}}
/* Shared order/exception layout inherits the selected skin. */
#orders-list details, #diagnostics details { margin: 12px 0; padding: 12px; border: 1px solid currentColor; border-radius: 8px; }
#orders-list summary, #diagnostics summary { cursor: pointer; overflow-wrap: anywhere; }
#orders-list dd, .fill-detail { overflow-wrap: anywhere; }
#account-inventory p { overflow-wrap: anywhere; }
#diagnostics pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; }