/* SFB Console — Orbitfilter control-room skin (from the Even Keel "Orbitfilter" canvas,
   palette read from Task board/schedule.html :root). Light only, system fonts. */
:root {
  --ground: #f4f6f7; --surface: #ffffff; --raised: #eaeef0;
  --ink: #14202b; --muted: #5c6b76; --rule: #d3dade; --rule-soft: #e4e9eb;
  --accent: #b4661a; --accent-sf: #fdf3e9; --accent-ink: #7a4713;
  --brand: #1580c3; --brand-dk: #0e5c8a; --steel: #10618f;
  --good: #2f6b4f; --good-sf: #ebf3ee; --good-line: #bcd8c8;
  --bad: #a33a2e; --bad-sf: #f9ece9; --bad-line: #e4c1ba;
  --warn: #b4661a; --warn-sf: #fdf3e9; --warn-line: #eccdaa;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --r: 5px; --r-sm: 4px;
  --shadow: 0 2px 12px rgba(20, 32, 43, .14);
  color-scheme: light;
}
html, body { background: var(--ground); color: var(--ink); font-family: var(--sans); margin: 0; }
.lbl { font-family: var(--mono); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.chip { display: inline-block; font-family: var(--mono); font-size: .7rem; letter-spacing: .09em; text-transform: uppercase; border: 1px solid; border-radius: var(--r-sm); padding: 3px 8px; }
.chip.good { color: var(--good); background: var(--good-sf); border-color: var(--good-line); }
.chip.warn { color: var(--warn); background: var(--warn-sf); border-color: var(--warn-line); }
.chip.bad { color: var(--bad); background: var(--bad-sf); border-color: var(--bad-line); }
.chip.info { color: var(--brand-dk); background: #e8f2fa; border-color: #bcd8ec; }
.chip.muted { color: var(--muted); background: var(--raised); border-color: var(--rule); }
.card { background: var(--surface); border: 1px solid var(--rule); border-radius: var(--r); }
button, .btn { font: inherit; min-height: 44px; border-radius: var(--r-sm); border: 1px solid var(--rule); background: var(--surface); color: var(--ink); padding: 0 14px; cursor: pointer; }
.btn-primary { background: var(--brand); border-color: var(--brand); color: #fff; }
.btn-accent { background: var(--accent); border-color: var(--accent); color: #fff; }
input, select, textarea { font: inherit; min-height: 44px; border: 1px solid var(--rule); border-radius: var(--r-sm); padding: 0 10px; background: var(--surface); color: var(--ink); box-sizing: border-box; }
textarea { padding: 10px; min-height: 88px; }
:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }