/* Airtec Orders — Design-Fundament (Airtec-Designsystem: Manrope, Flame Orange als einzige Akzentfarbe,
   warmes Steingrau, kantige Radien, flache Karten; Token-Muster wie Auftragstool/Assistent). */
:root {
  color-scheme: light;
  --bg: #f6f5f2; --surface: #ffffff; --surface-2: #efede8; --surface-3: #e6e3dc;
  --line: #dedbd3; --line-strong: #c8c4ba;
  --ink: #1d1c19; --ink-2: #4a4843; --muted: #6b6860; /* 24.10.2026 B2: 5.1:1 auf --bg (vorher #7a776f 4.1:1) */
  --accent: #f29100; --accent-hover: #d87f00; --accent-pressed: #bf6f00; --accent-soft: #fff1dc; --accent-ink: #8a5200; --on-accent: #1d1c19; /* 24.10.2026 E1 (a) Daniel: dunkle Schrift auf Flame Orange, 7.2:1 (Weiss 2.4:1) */
  --ok: #2f7a4f; --ok-soft: #e4f2e9; --warn: #8a6d00; --warn-soft: #fbf3d2; --danger: #b3261e; --danger-soft: #fae8e6;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-12: 48px;
  --font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --t-xs: 12px; --t-sm: 13px; --t-base: 14px; --t-md: 16px; --t-lg: 20px; --t-xl: 26px;
  --lh: 1.5; --lh-eng: 1.2; --r-sm: 4px; --r-md: 6px; --r-lg: 8px;
  --sh-1: 0 1px 2px rgba(29, 28, 25, 0.06); --sh-2: 0 6px 20px rgba(29, 28, 25, 0.10);
  --dur-fast: 100ms; --dur: 160ms; --ease: cubic-bezier(0.2, 0, 0, 1); --topbar-h: 56px;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #151412; --surface: #1e1d1a; --surface-2: #27251f; --surface-3: #312e27; --line: #34322c; --line-strong: #4a4740;
    --ink: #ecebe6; --ink-2: #c9c7c0; --muted: #9a978f;
    --accent: #ffa32b; --accent-hover: #ffb24d; --accent-pressed: #f29100; --accent-soft: #3a2a12; --accent-ink: #ffc97f; --on-accent: #1d1c19;
    --ok: #6ccb93; --ok-soft: #163220; --warn: #e6c25a; --warn-soft: #3a3113; --danger: #f0908a; --danger-soft: #3b1b18;
    --sh-1: 0 1px 2px rgba(0,0,0,.35); --sh-2: 0 6px 20px rgba(0,0,0,.5);
  }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }

* { box-sizing: border-box; }
html { height: 100%; }
body { margin: 0; min-height: 100%; font: var(--t-base) / var(--lh) var(--font); color: var(--ink); background: var(--bg); -webkit-font-smoothing: antialiased; }
input, textarea, select, button { font: inherit; color: inherit; }
a { color: var(--accent-ink); text-decoration: none; } a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
code, .mono { font-family: var(--mono); font-size: 0.92em; }
.num { font-variant-numeric: tabular-nums; } .muted { color: var(--muted); } [hidden] { display: none !important; }

/* Topbar */
.topbar { position: sticky; top: 0; z-index: 50; height: var(--topbar-h); display: flex; align-items: center; gap: var(--s-5); padding: 0 var(--s-6);