/* Tripwire: a quiet instrument panel, with a mint rope as its accent. */
:root[data-theme="dark"] {
  --bg:#0d1218; --surface:#151c24; --surface-2:#1a232e;
  --border:#283341; --border-strong:#405164; --text:#eef3f8;
  --text-dim:#a6b4c4; --text-faint:#8b9aac;
  --calm:#72dfbd; --calm-bg:#17372f; --watch:#efc16e; --watch-bg:#392e1d;
  --catch:#ff8d98; --catch-bg:#37212a; --track:#2a3643;
  --catch-glow:transparent; --catch-glow-peak:transparent;
}
:root[data-theme="light"] {
  --bg:#f2f5f8; --surface:#fff; --surface-2:#eaf0f5;
  --border:#d7e0e8; --border-strong:#94a7b9; --text:#172536;
  --text-dim:#52657a; --text-faint:#596f83;
  --calm:#096d55; --calm-bg:#e1f4ed; --watch:#896013; --watch-bg:#fff0d4;
  --catch:#b52b43; --catch-bg:#fff0f2; --track:#dce5eb;
  --catch-glow:transparent; --catch-glow-peak:transparent;
}
body {font-size:16px; background:var(--bg); line-height:1.55;}
.topbar {height:80px; padding:0 max(28px,calc((100vw - 1400px)/2)); gap:18px; background:var(--bg); border-color:var(--border);}
.wordmark {font-size:26px; letter-spacing:-1px;}
.wordmark-glyph {width:29px;height:29px;}
.version-chip {font-size:12px;}
.nav {gap:8px;}
.nav a {padding:10px 16px; font-size:14px; border:1px solid transparent;}
.nav a.active {background:var(--surface-2); border-color:var(--border);}
.market {background:none;border:0; font-size:13px; margin-left:12px;}
.icon-btn {width:40px;height:40px;}
.shell {max-width:1400px;padding:42px 28px 72px;}
.section-head {align-items:center; margin-bottom:28px;}
h1 {font-size:38px;letter-spacing:-1.7px;font-weight:500;line-height:1.2;}
h2 {font-size:17px;letter-spacing:-.3px;}
.title-dot {color:var(--calm);}
.eyebrow {font-size:12px;text-transform:uppercase;letter-spacing:1.8px;color:var(--text-faint);margin:0 0 10px;}
.muted {font-size:14px;}
.faint {font-size:13px;}
#summary {margin-bottom:0;}
button,.button-link {min-height:40px;padding:9px 15px;border-radius:9px;transition:background .15s,border-color .15s;}
button.primary,.button-link {background:var(--calm);border-color:var(--calm);color:var(--bg);font-weight:600;}
.button-link {display:inline-block;text-decoration:none;margin-top:12px;}
button.small {min-height:36px;font-size:14px;}
button.linkish {min-height:34px;font-size:13px;padding:5px 8px;}
a:focus-visible,summary:focus-visible {outline:2px solid var(--calm);outline-offset:4px;}
.overview {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px;}
.stat {display:flex;flex-direction:column;padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;position:relative;}
.stat:before {content:'';width:20px;height:2px;background:var(--border-strong);position:absolute;right:24px;top:27px;}
.stat-label {font-size:14px;color:var(--text-dim);}
.stat-value {font-family:'Space Grotesk',sans-serif;font-size:40px;font-weight:500;letter-spacing:-2px;line-height:1.5;}
.stat-value.calm {color:var(--calm);}.stat-value.catch {color:var(--catch);}.stat-value.watch {color:var(--watch);}
.dashboard-grid {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;}
.panel-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;}
.watch-panel {min-width:0;}
.watch-panel>.panel-heading h2 {font-size:20px;}
.add-row {margin:0 0 14px;gap:10px;}
.add-row .ticker-input {font-family:inherit;text-transform:none;letter-spacing:0;}
.watch-toolbar {display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:10px;}
input[type="search"],input[type="text"],input[type="password"],input[type="number"],select {min-height:42px;border-color:var(--border);font-size:14px;}
input[type="search"] {padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);min-width:0;font-family:inherit;}
.filter-tabs {display:flex;gap:5px;margin:16px 0 20px;border-bottom:1px solid var(--border);padding-bottom:12px;flex-wrap:wrap;}
.filter-tabs button {min-height:36px;padding:7px 12px;background:transparent;border:0;color:var(--text-dim);font-size:13px;}
.filter-tabs button[aria-pressed="true"] {background:var(--calm-bg);color:var(--calm);}
.card {border-radius:12px;box-shadow:none;overflow:hidden;margin-bottom:14px;}
.card[data-state="caught"] {border-color:var(--catch);border-left-width:3px;box-shadow:none;animation:none;}
.card[data-state="caught"] .ticker {text-shadow:none;}
.card[data-state="past"] {border-left:3px solid var(--watch);}
.card-head {padding:20px 20px 8px;gap:14px;flex-wrap:wrap;}
.ticker {font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:0;}
.company {font-size:14px;margin-top:2px;}
.price {font-size:20px;letter-spacing:-.6px;}
.price-block {margin-left:auto;}
.change {font-size:13px;}
.price-meta {padding:0 20px 14px;font-size:12px;color:var(--text-faint);}
.card-actions {display:flex;gap:2px;}
.spark {width:90px;height:30px;}
.lines {padding:12px 20px 16px;border-top:1px solid var(--border);gap:4px;}
.line {grid-template-areas:none;grid-template-columns:100px minmax(35px,1fr) 66px 48px auto;gap:9px;padding:5px 0;}
.line-name,.meter,.line-move,.line-limit,.line-tags {grid-area:auto;}
.line-actions {grid-area:auto;grid-column:1/-1;opacity:1;justify-content:flex-end;margin-top:0;}
.line-name,.line-move,.line-limit {font-size:13px;}
.line-tags {display:flex;gap:4px;flex-wrap:wrap;}
.pill {font-size:12px;white-space:nowrap;}
.meter {height:5px;}
.monitor-sidebar {display:grid;gap:20px;}
.side-panel {padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:12px;}
.side-panel h2 {font-size:16px;}
.status-orb {width:7px;height:7px;border-radius:50%;background:var(--calm);box-shadow:0 0 0 4px var(--calm-bg);}
.health-row {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;padding:10px 0;border-bottom:1px solid var(--border);}
.health-row>span {color:var(--text-dim);}.health-row strong {font-weight:500;text-align:right;}
.health-row a,.text-link {color:var(--calm);text-decoration:none;}
.text-link {font-size:12px;white-space:nowrap;}
.jobline {font-size:12px;line-height:1.8;margin-top:18px;overflow-wrap:anywhere;}
.inline-notice {font-size:13px;padding:12px;background:var(--watch-bg);border-radius:8px;color:var(--watch);}
.activity-item {display:block;padding:15px 0;border-top:1px solid var(--border);text-decoration:none;}
.activity-item>div {display:flex;justify-content:space-between;font-size:15px;}
.activity-item p,.activity-item time {font-size:12px;color:var(--text-faint);margin:6px 0 0;}
.activity-move {color:var(--catch);font-family:'IBM Plex Mono',monospace;}
.activity-empty {padding:25px 0;text-align:center;color:var(--text-faint);font-size:14px;}
.activity-empty>span {display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-strong);border-radius:50%;color:var(--calm);}
.activity-empty p {color:var(--text);margin-bottom:4px;}
.quiet-note {font-size:12px;color:var(--text-faint);padding:0 10px;line-height:1.8;}
.archive-panel {margin-top:24px;border-top:1px solid var(--border);padding-top:18px;}
.archive-panel summary {cursor:pointer;color:var(--text-dim);font-size:14px;}
.empty {padding:52px 24px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface);}
.empty h2 {font-size:22px;}.empty p {font-size:14px;}
.delivery-channels {display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.alert-row {padding:24px;}.alert-row .faint {line-height:1.9;}
.settings-grid {gap:22px;}.panel {border-radius:12px;}
.lf-row {flex-wrap:wrap;}.line-form {padding:16px;}
@media(min-width:1250px) {.line {grid-template-columns:100px minmax(35px,1fr) 64px 45px auto 150px;}.line-actions {grid-column:auto;}}
@media(max-width:1050px) {.dashboard-grid {grid-template-columns:minmax(0,1fr) 265px;gap:20px;}.market {display:none;}.stat {padding:16px;}.stat:before {display:none;}.stat .faint {font-size:12px;}.card-head .spark {display:none;}.card-actions {width:100%;justify-content:flex-end;}}
@media(max-width:800px) {.dashboard-grid {grid-template-columns:1fr;}.monitor-sidebar {grid-template-columns:1fr 1fr;}.quiet-note {grid-column:1/-1;}.overview {gap:10px;}.stat {padding:14px;}.stat-value {font-size:34px;}.stat-label {font-size:12px;}.topbar {padding:0 20px;gap:12px;}.version-chip {display:none;}.shell {padding:28px 20px 48px;}.line {grid-template-columns:100px minmax(40px,1fr) 65px 48px auto;}}
@media(max-width:560px) {.topbar {height:auto;min-height:70px;flex-wrap:wrap;padding:15px 16px 10px;gap:8px;}.wordmark {font-size:23px;margin-right:auto;}.nav {order:3;width:100%;margin:4px 0 0;justify-content:space-between;}.nav a {flex:1;text-align:center;padding:9px;}.topbar>.icon-btn {margin-left:4px;}.shell {padding:24px 16px 40px;}.section-head {align-items:flex-start;flex-direction:column;gap:20px;}h1 {font-size:32px;}.section-head>.row {width:100%;}.section-head>.row button {flex:1;}.overview {grid-template-columns:1fr 1fr;margin-bottom:26px;}.stat-label {font-size:14px;}.stat-value {font-size:36px;}.monitor-sidebar {grid-template-columns:1fr;}.watch-toolbar {grid-template-columns:1fr;}.filter-tabs {gap:0;}.filter-tabs button {font-size:12px;padding:7px 9px;}.card-head {padding:16px 14px 8px;}.price-meta {padding-left:14px;padding-right:14px;}.lines {padding:12px 14px;}.line {grid-template-columns:90px minmax(20px,1fr) 60px 44px;gap:6px;}.line-tags {grid-column:1/3;justify-content:flex-start;}.line-actions {grid-column:3/-1;}.line-actions .linkish {font-size:12px;padding:4px 6px;}.line-name,.line-move,.line-limit {font-size:12px;}.alert-row {padding:18px;display:flex;flex-wrap:wrap;gap:12px;}.alert-row>div {flex:1;min-width:190px;}.alert-row>span:last-child {width:100%;}.health-row {flex-wrap:wrap;}.lf-row {display:flex;}.lf-field {min-width:120px;}.add-row button {padding:9px 12px;}.eyebrow {font-size:11px;}}
@media(prefers-reduced-motion:reduce) {* {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
