/* Gotthard – Design-System v2: ruhig, klar, eine Akzentfarbe */
:root{
  --ink:#15181c;--ink-2:#1f2329;--ink-3:#2a2f36;      /* Navigation */
  --canvas:#f3f4f6;--surface:#ffffff;--line:#e4e7ea;--line-2:#eef0f2;
  --text:#1c1f24;--muted:#6f7680;--faint:#a0a6ae;
  --acc:#e23a2e;--acc-soft:#fdeeec;--acc-ink:#b8271c;
  --ok:#137a4a;--ok-soft:#e4f4ec;--bad:#c62828;--bad-soft:#fdecea;--warn:#a35b00;--warn-soft:#fff4e0;--blue:#1f4ea8;--blue-soft:#e8eff9;
  --bg:var(--canvas);--panel:var(--surface);
  --font:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
  --r:12px;--r-sm:8px;--shadow:none
}
*{box-sizing:border-box}html,body{margin:0;height:100%}
body{background:var(--canvas);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;display:flex;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1,"cv11" 1}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
h2{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--text);letter-spacing:0;text-transform:none}
h3{font-size:14px;font-weight:600;margin:20px 0 8px}
.muted{color:var(--muted)}.ok{color:var(--ok)}.bad{color:var(--bad)}.err{color:var(--bad);font-size:13.5px}.small{font-size:13px}
code{font-family:ui-monospace,"SF Mono",Consolas,monospace;font-size:12.5px;color:#2f3640;background:var(--line-2);padding:2px 6px;border-radius:5px}
.mono{font-family:ui-monospace,"SF Mono",Consolas,monospace;font-size:12.5px}

/* ── Navigation ─────────────────────────────────────────────── */
.side{width:248px;flex:none;background:var(--ink);color:#d9dde3;display:flex;flex-direction:column;padding:22px 14px 18px;min-height:100vh;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 18px;color:#fff;font-weight:600;letter-spacing:.14em;font-size:13px;border-bottom:1px solid var(--ink-3);margin-bottom:12px}
.brand-logo{height:30px;width:auto;background:#fff;border-radius:7px;padding:3px 4px}
.brand .dot{display:none}
.brand.big{font-size:22px;justify-content:center;margin-bottom:6px;color:var(--text);border:0;letter-spacing:.14em}
.side nav{display:flex;flex-direction:column;gap:2px}
.side nav a{color:#c3c9d1;text-decoration:none;padding:10px 12px;border-radius:var(--r-sm);display:flex;align-items:center;gap:12px;font-weight:500;font-size:14.5px;position:relative}
.side nav a svg{width:19px;height:19px;flex:none;opacity:.8}
.side nav a:hover{background:var(--ink-2);color:#fff;text-decoration:none}
.side nav a.on{background:var(--ink-3);color:#fff}.side nav a.on::before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;background:var(--acc);border-radius:0 3px 3px 0}
.side nav a.on svg{opacity:1}
.side nav a.dim{color:#7d858f}.side nav a small{margin-left:auto;font-size:10px;border:1px solid var(--ink-3);border-radius:10px;padding:1px 7px;color:#9aa3ad}
.who{margin-top:auto;font-size:13px;color:#9aa3ad;border-top:1px solid var(--ink-3);padding:14px 10px 0;display:flex;justify-content:space-between;align-items:center}
.who div{color:#fff;font-weight:500}.who a{color:#9aa3ad}.who a:hover{color:#fff}

/* ── Arbeitsbereich ──────────────────────────────────────────── */
main{flex:1;padding:32px 40px 48px;max-width:1400px;min-width:0}
main.full{max-width:none;display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(900px 500px at 50% -10%,#e9edf3 0,var(--canvas) 60%)}
header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:12px}
header p{margin:4px 0 0;color:var(--muted);font-size:14px}header > a.muted{font-size:14px}
header form a{margin-left:8px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-bottom:16px}
.card p{margin:6px 0}.card.empty{text-align:center;padding:60px}.card.muted{color:var(--muted)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.grid2 .card{margin-bottom:0;min-width:0}.card{min-width:0}
.flash{background:var(--blue-soft);color:var(--blue);border:1px solid #cfdcf3;border-radius:var(--r-sm);padding:12px 16px;margin-bottom:18px;font-size:14px}

/* Kennzahlen */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px 20px;position:relative;overflow:hidden;display:block;color:inherit;text-decoration:none}
.tile small{color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
.tile b{display:block;font-size:32px;font-weight:600;margin:6px 0 4px;letter-spacing:-.02em;line-height:1.1}
.tile span{color:var(--muted);font-size:13px}
.tile i{position:absolute;left:0;bottom:0;height:3px;background:var(--ok);display:block}
.tiles a.tile:hover{border-color:#cdd3da;text-decoration:none}
.tile.t-out{border-top:3px solid var(--blue)}.tile.t-new.hot{border-top:3px solid var(--warn)}.tile.t-ready.hot{border-top:3px solid var(--ok)}
.tile.t-new.hot b{color:var(--warn)}.tile.t-ready.hot b{color:var(--ok)}

/* Tabellen */
table{width:100%;border-collapse:collapse;font-size:14px}
td{padding:11px 10px;border-top:1px solid var(--line-2);vertical-align:middle;overflow-wrap:break-word}td.muted:first-child,tr.th td,th{white-space:nowrap}td a{overflow-wrap:anywhere}table:not(.list) td+td{overflow-wrap:anywhere}tr:first-child td{border-top:0}
tr.th td,th{color:var(--muted);font-size:12.5px;font-weight:500;text-transform:none;letter-spacing:0;border-top:0;padding:0 10px 8px;text-align:left;border-bottom:1px solid var(--line)}
table.list td{white-space:nowrap}table.list td.wrap{white-space:normal;line-height:1.3;min-width:190px}table.list tr:hover td{background:#f8f9fb}table.list td.actions{display:flex;gap:6px}
table.small td{font-size:13px;padding:7px 10px}
tr.dim td{color:var(--faint)}tr.fail td{background:#fff7f6}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px}.tscroll table{min-width:100%}

/* Status */
.st{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;font-weight:500;line-height:1.3}
.st-neu{color:var(--blue);background:var(--blue-soft)}.st-bereinigt{color:#5b3fb5;background:#efeafb}.st-freigegeben{color:var(--ok);background:var(--ok-soft)}
.st-geliefert{color:#0f5f3a;background:#d6efe2}.st-retourniert{color:var(--warn);background:var(--warn-soft)}.st-ausgeschlossen{color:var(--bad);background:var(--bad-soft)}
.st-dublette{color:var(--warn);background:var(--warn-soft)}.st-archiviert{color:var(--muted);background:var(--line-2)}
.flag{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--bad-soft);color:var(--bad);margin-right:4px;font-weight:500}
.pill{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:999px;font-weight:500;background:var(--line-2);color:var(--muted)}
.pill.ok{color:var(--ok);background:var(--ok-soft)}.pill.bad{color:var(--bad);background:var(--bad-soft)}.pill.warn{color:var(--warn);background:var(--warn-soft)}
.count{font-size:12px;background:var(--line-2);color:var(--muted);border-radius:999px;padding:1px 8px;margin-left:6px;font-weight:500}

/* Formulare */
label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px;font-weight:500}
input,select{background:#fff;border:1px solid #cfd5dc;border-radius:var(--r-sm);padding:10px 12px;color:var(--text);font-size:14.5px;font-family:inherit;min-height:40px}
input:focus,select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(21,24,28,.08)}
input[type=date]{color-scheme:light}input[type=checkbox]{accent-color:var(--acc);width:16px;height:16px;min-height:0}
input[type=file]{padding:8px}
button{background:var(--acc);color:#fff;border:0;border-radius:var(--r-sm);padding:10px 18px;font-weight:600;font-size:14.5px;cursor:pointer;font-family:inherit;min-height:40px;white-space:nowrap}
button:hover{background:var(--acc-ink)}
button.sm{padding:7px 12px;font-size:13px;min-height:34px}
button.ghost{background:#fff;border:1px solid #cfd5dc;color:var(--text);font-weight:500}button.ghost:hover{background:#f3f4f6}
button.danger{background:#fff;border:1px solid var(--bad);color:var(--bad)}button.danger:hover{background:var(--bad);color:#fff}
button[disabled]{opacity:.4;cursor:default}
.filter{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filter input{flex:1;min-width:200px}
form.inline{display:flex;gap:8px;align-items:center;margin-top:14px}form.inline.wrap{flex-wrap:wrap}form.inline input{min-width:160px}
form.stack{display:flex;flex-direction:column;gap:12px;max-width:440px}form.stack button{align-self:flex-start}
.grid-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.grid-form label.wide{grid-column:span 3}.grid-form button{grid-column:span 3;justify-self:start}
.bulkbar{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}details summary{cursor:pointer;margin-top:10px;color:var(--muted)}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}td.row{display:flex}
.presets{display:inline-flex;gap:4px;flex-wrap:nowrap}.presets button{padding:6px 10px;font-size:13px;min-height:34px}
.modebar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.modebar label{font-size:13px}
.keybox{border-color:var(--acc);background:var(--acc-soft)}.keybox code{display:block;font-size:15px;padding:12px;background:#fff;border-radius:var(--r-sm);word-break:break-all;user-select:all;border:1px solid var(--line)}
.card.warn{border-color:#efcf8a;background:#fffaf0}
pre.pubkey{background:var(--line-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;font-size:11.5px;white-space:pre-wrap;word-break:break-all;user-select:all}
.qr{background:#fff;display:inline-block;padding:10px;border:1px solid var(--line);border-radius:var(--r-sm);margin:8px 0}.qr svg{display:block;width:200px;height:200px}
.steps{margin:0;padding-left:20px;line-height:1.8}

/* Zu erledigen */
.todo{border-left:4px solid var(--warn)}.todo h2{color:var(--text)}.todo table td{padding:9px 10px}.todo .age{color:var(--muted);font-size:13px;white-space:nowrap}
.todo .n{display:inline-block;min-width:22px;text-align:center;background:var(--warn);color:#fff;border-radius:999px;font-size:12px;padding:1px 7px;margin-left:8px;font-weight:600}
.todo.ok{border-left-color:var(--line)}.todo.ok h2{color:var(--muted)}

/* Tagesverlauf */
.chart-card h2{display:flex;align-items:center;gap:8px}.legend{margin-left:auto;font-weight:400;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px}.l-all{background:#d7dde5}.l-good{background:var(--ok)}
.bars{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px;height:160px}
.bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;text-decoration:none;color:inherit;border-radius:6px}.bar:hover{background:var(--line-2);text-decoration:none}
.bar .v{font-size:11px;font-weight:600;line-height:1;margin-bottom:4px;height:11px}
.bar .stack{width:70%;position:relative;background:#d7dde5;border-radius:3px 3px 0 0;flex:none;min-height:2px;overflow:hidden}
.bar .stack i{position:absolute;left:0;right:0;bottom:0;background:var(--ok)}
.bar .d{font-size:11px;color:var(--muted);margin-top:5px;height:12px}.bar .d.we{color:var(--faint)}
.quote{display:inline-block;width:64px;height:6px;background:var(--line-2);border-radius:3px;vertical-align:middle;margin-right:6px}.quote i{display:block;height:100%;background:var(--ok);border-radius:3px}
.sysbar{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding:4px 4px}.sysbar .bad{color:var(--bad);font-weight:600}
.dot-s{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--ok)}.dot-s.bad{background:var(--bad)}

/* Login */
.loginwrap{display:flex;flex-direction:column;align-items:center;width:min(420px,100%)}
.hero{width:100%;border-radius:16px 16px 0 0;overflow:hidden;line-height:0}.hero svg{width:100%;height:auto;display:block}
.login{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px 28px;width:min(380px,100%);text-align:center}
.loginwrap .login{border-radius:0 0 16px 16px;width:100%;padding-top:26px}
.login form{display:flex;flex-direction:column;gap:14px;margin-top:22px;text-align:left}
.logo-foot{margin-top:22px;display:flex;justify-content:center;opacity:.9}.logo-foot img{height:34px;width:auto}

/* ── Responsiv ───────────────────────────────────────────────── */
@media(max-width:1100px){.tiles{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.side{width:210px}main{padding:22px 24px}}
.tabbar{display:none}.filter-toggle{display:none}
@media(max-width:760px){
  body{flex-direction:column;font-size:15px}
  .side{display:none}
  main{padding:16px 16px calc(84px + env(safe-area-inset-bottom));max-width:none}
  main.full{padding:14px;min-height:100vh;align-items:flex-start}
  header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}h1{font-size:22px}header form{width:100%}
  .tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:14px 16px}.tile b{font-size:26px}
  .grid2{grid-template-columns:1fr;gap:10px}.card{padding:16px;border-radius:var(--r)}
  .filter{gap:6px}.filter input,.filter select{width:100%;flex:none}
  .presets{display:flex;flex-wrap:wrap;gap:6px;width:100%}.presets button{flex:1;padding:9px 6px;font-size:13px}
  form.inline{flex-wrap:wrap}form.inline input,form.inline select,form.inline button{width:100%;min-width:0}
  .grid-form{grid-template-columns:1fr}.grid-form label.wide,.grid-form button{grid-column:span 1}
  input,select,button{font-size:16px;padding:12px 14px;border-radius:10px;min-height:46px}button.sm,.presets button{padding:9px 10px;font-size:13.5px;min-height:40px}
  .bulkbar{gap:6px}.bulkbar button{flex:1}
  table.list td{white-space:nowrap;padding:12px 10px}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:50;justify-content:space-around}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);text-decoration:none;font-size:10.5px;flex:1;padding:5px 2px;border-radius:10px;font-weight:500}
  .tabbar a.on{color:var(--acc)}.tabbar a:hover{text-decoration:none}
  .loginwrap{width:100%}.hero svg{max-height:200px}.login{padding:22px 18px}
  .keybox code{font-size:13px}.flash{font-size:13.5px}.modebar{flex-direction:column;align-items:stretch}
  .bars{height:120px}.bar .v{display:none}.sysbar{gap:10px}
  .filter-toggle{display:block;width:100%}
  form.filter:not(.open) > select, form.filter:not(.open) > input[type=date], form.filter:not(.open) > button:not(.filter-toggle){display:none}
  form.filter input[type=date]{width:calc(50% - 3px)}
  header form.presets{display:flex;flex-wrap:wrap;gap:6px}
  header form.presets > button[data-preset]{flex:1 1 17%;min-width:0;white-space:nowrap;padding:9px 4px;font-size:12.5px}
  header form.presets > input[type=date]{flex:1 1 44%}
  header form.presets > button:not([data-preset]){flex:1 1 100%}
  form.inline input[type=date]{width:calc(50% - 4px)}
}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

.clock{display:flex;align-items:baseline;gap:12px;margin-top:6px;flex-wrap:wrap}
.clock-time{font-size:22px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--text)}
.clock-date{font-size:14px;color:var(--text)}.clock-note{font-size:12px;color:var(--faint)}
@media(max-width:760px){.clock{gap:8px}.clock-time{font-size:20px}.clock-note{width:100%}}
.sub{margin:6px 0 0;font-size:15px;color:var(--text)}
/* Regionen */
.chmap{width:100%;height:auto;display:block}.chmap path{stroke:#fff;stroke-width:1.4;transition:none}.chmap a:hover path{stroke:var(--ink);stroke-width:2}
.chmap .lvl0{fill:#e9edf1}.chmap .lvl1{fill:#cfe3d8}.chmap .lvl2{fill:#8fc4a8}.chmap .lvl3{fill:#3f9a6b}.chmap .lvl4{fill:#137a4a}
.chmap text{font-size:17px;font-weight:600;text-anchor:middle;fill:#3a4149;pointer-events:none;font-family:var(--font)}.chmap text.lbl3,.chmap text.lbl4{fill:#fff}
.legend i.lvl0{background:#e9edf1}.legend i.lvl1{background:#cfe3d8}.legend i.lvl3{background:#3f9a6b}
.map-grid{grid-template-columns:3fr 2fr}
.tiles-3{grid-template-columns:repeat(3,1fr)}
.bar-row{display:grid;grid-template-columns:110px 1fr 36px;align-items:center;gap:8px;margin:8px 0;font-size:13.5px}.bar-row.wide{grid-template-columns:160px 1fr 40px}
.bar-row i{display:block;height:8px;background:var(--ok);border-radius:4px;min-width:2px}.bar-row b{text-align:right;font-weight:600}
table.heat td{text-align:center;padding:4px 3px;font-size:11.5px;min-width:26px;border:1px solid #fff;border-radius:4px}
table.heat .h0{background:#f3f4f6;color:transparent}table.heat .h1{background:#d9ebe1}table.heat .h2{background:#a9d3bb}table.heat .h3{background:#5eab83;color:#fff}table.heat .h4{background:#137a4a;color:#fff}
@media(max-width:1100px){.map-grid{grid-template-columns:1fr}.tiles-3{grid-template-columns:1fr}}
.tile .bar-row b{display:block;font-size:13.5px;margin:0;letter-spacing:0;line-height:1.3}.tile .bar-row i{position:static;height:8px;border-radius:4px;background:var(--ok)}
.tile .bar-row span{color:var(--text);font-size:13.5px}.tiles-3 .tile small{display:block;margin-bottom:6px;font-weight:600;color:var(--text)}
td .quote{white-space:nowrap}

/* Mobil-Paket: Karten, Aktionsleiste, Tabbar-Zähler, Toast */
.lead-cards,.selbar,.actbar,.more-menu{display:none}
a.tel{color:inherit}
.tabbar .ico{position:relative;display:inline-flex}.tabbar .badge{position:absolute;top:-6px;right:-10px;background:var(--acc);color:#fff;font-size:10px;font-weight:700;border-radius:999px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1}
@media(max-width:760px){
  .lead-cards{display:flex;flex-direction:column;gap:8px}.lead-cards ~ .tscroll,.lead-cards ~ table{display:none}
  .card:has(.lead-cards){padding:10px;background:transparent;border:0}
  .lead-card{display:grid;grid-template-columns:28px 1fr 44px;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 10px 12px 12px}
  .lead-card:has(input:checked){border-color:var(--ink);background:#f7f8fa}
  .lead-card input{width:20px;height:20px;min-height:0;margin:0}
  .lc-main{color:inherit;text-decoration:none;min-width:0}.lc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.lc-top b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lc-sub{font-size:13px;color:var(--muted);margin-top:2px}.lc-flags{margin-top:6px}
  .lc-call{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ok-soft);color:var(--ok)}
  .selbar{display:none;position:fixed;left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;border-radius:14px;padding:10px 12px;align-items:center;gap:8px;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.25)}
  .selbar.show{display:flex}.selbar span{flex:1;font-size:14px}.selbar button{min-height:38px;padding:8px 12px;font-size:13.5px}.selbar button.ghost{background:transparent;color:#fff;border-color:#4b5563}
  .bulkbar{display:none}
  .actbar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:calc(66px + env(safe-area-inset-bottom));padding:10px 12px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:55}
  .actbar form,.actbar a{flex:1;display:flex}.actbar button{width:100%;min-height:44px;padding:10px 6px;font-size:14px}
  main:has(.actbar){padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  .flash{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:70;background:var(--ink);color:#fff;border:0;border-radius:12px;padding:12px 16px;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:opacity .3s,transform .3s}
  .flash.hide{display:none}
  .more-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.more-menu a{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text);font-weight:500;text-align:center}
  header .presets{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
}

/* Chips, Details, Dunkelmodus */
.chips{display:none}.dates-toggle{display:none}
details.card > summary{list-style:none;cursor:pointer}details.card > summary::-webkit-details-marker{display:none}details.card > summary h2{display:inline-block}
.sel-x{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;padding:0 6px 0 0;min-height:0;width:auto}
@media(max-width:760px){
  .chips{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px 10px;padding:0 16px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
  .chips a{flex:none;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:500;text-decoration:none;white-space:nowrap}
  .chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chips a b{background:var(--acc);color:#fff;border-radius:999px;padding:0 6px;font-size:11px;margin-left:4px}
  .clock-note{display:none}.clock{margin-top:2px}.clock-time{font-size:18px}.clock-date{font-size:13px}
  header .presets{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:none}header .presets::-webkit-scrollbar{display:none}
  header form.presets > button[data-preset]{flex:none;padding:8px 12px;border-radius:999px}
  header form.presets > input[type=date]{flex:1 1 44%}header form.presets > button:not([data-preset]){flex:1 1 100%}
  .tile b{font-size:24px}.tile span{font-size:12px}
  details.card > summary h2::after{content:" ▸";color:var(--muted);font-weight:400}details.card[open] > summary h2::after{content:" ▾"}
  .sysbar{display:none}
}
@media (prefers-color-scheme: dark){
  :root{--ink:#0b0d10;--ink-2:#15181c;--ink-3:#20242a;--canvas:#111418;--surface:#181c21;--line:#262b32;--line-2:#20252b;--text:#e6e9ee;--muted:#9aa3ad;--faint:#5f6873;
    --acc-soft:#3a1b18;--ok-soft:#10301f;--bad-soft:#3b1a17;--warn-soft:#3a2a10;--blue-soft:#172540;--ok:#3fbf7f;--blue:#7aa2f7;--warn:#e0a84a;--bad:#ff6b5e}
  body{background:var(--canvas)}
  input,select{background:#0f1215;border-color:#30363d;color:var(--text)}button.ghost{background:#1f242a;border-color:#30363d;color:var(--text)}button.ghost:hover{background:#262c33}
  code{background:#0f1215;color:#c9d1d9}table.list tr:hover td{background:#1d2228}tr.fail td{background:#2a1a18}
  .tile,.card,.lead-card,.chips a,.more-menu a,.login{background:var(--surface);border-color:var(--line)}
  .lead-card:has(input:checked){background:#20252b}.lc-call{background:var(--ok-soft)}
  .tabbar,.actbar{background:rgba(17,20,24,.96);border-color:var(--line)}.tabbar a{color:var(--muted)}
  .flash{background:#e6e9ee;color:#111}.selbar{background:#e6e9ee;color:#111}.sel-x{color:#111}.selbar button.ghost{color:#111;border-color:#999}
  .bar .stack,.l-all{background:#2a3038}.bar:hover{background:#1d2228}.quote,.pill,.count{background:#242930}
  .st-neu{background:var(--blue-soft)}.st-freigegeben{background:var(--ok-soft)}.st-geliefert{background:#0f3a26;color:#5fd39a}.st-ausgeschlossen{background:var(--bad-soft)}.st-dublette,.st-retourniert{background:var(--warn-soft)}.st-archiviert{background:#242930}
  .keybox{background:#2a1b19}.card.warn{background:#2a2211;border-color:#5a4418}.todo{border-left-color:var(--warn)}
  .chmap .lvl0{fill:#262b32}.chmap text{fill:#c9d1d9}table.heat .h0{background:#1a1e23}
  main.full{background:radial-gradient(900px 500px at 50% -10%,#1a2230 0,var(--canvas) 60%)}.hero svg{filter:brightness(.9)}
  .brand-logo{background:#fff}
  @media(max-width:760px){.card:has(.lead-cards){background:transparent}}
}

@media(max-width:760px){
  header form.presets > input[type=date], header form.presets > button:not([data-preset]):not(.dates-toggle){display:none}
  header form.presets.dates-open > input[type=date]{display:block;flex:1 1 44%}header form.presets.dates-open > button:not([data-preset]){display:block;flex:1 1 100%}
  header form.presets{gap:6px;margin-top:6px}
  header form.presets > button{padding:7px 11px;font-size:12.5px;min-height:34px}
  .dates-toggle{display:inline-block;flex:none;padding:7px 11px;border-radius:999px}
  .todo table td{padding:8px 6px}.todo .n{margin-left:6px}
  .tiles{gap:8px}.tile{padding:12px 14px}.tile b{font-size:22px;margin:4px 0 2px}.tile small{font-size:12px}.tile span{font-size:11.5px}
  .chart-card{padding:12px 14px}.bars{height:100px}
  h1{font-size:20px}.sub{font-size:14px}
}
@media(max-width:760px){
  header form.presets{display:flex!important;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none}
  header form.presets > button{width:auto!important;flex:none}
  header form.presets.dates-open{flex-wrap:wrap}
  header form.presets.dates-open > input[type=date]{width:calc(50% - 3px)!important;flex:1 1 44%}
  header form.presets.dates-open > button:not([data-preset]):not(.dates-toggle){width:100%!important;flex:1 1 100%}
  form.filter .presets, form.filter > input[type=date]{display:none!important}
  .todo table, .todo tbody{display:block}.todo tr{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 0;border-top:1px solid var(--line-2)}
  .todo tr:first-child{border-top:0}.todo td{display:block;padding:0;border:0;white-space:normal}
  .todo td:nth-child(1){grid-column:2;grid-row:1;font-size:12px}.todo td:nth-child(2){grid-column:1;grid-row:1;font-size:15px}
  .todo td:nth-child(3){grid-column:1;grid-row:2;color:var(--muted);font-size:13px}.todo td:nth-child(4){grid-column:1;grid-row:3;font-size:12px;color:var(--muted)}
  .todo td:nth-child(5){grid-column:1/3;grid-row:4;margin-top:4px}.todo td:nth-child(6){grid-column:2;grid-row:2/4;align-self:center}
  .todo .tscroll{margin:0;overflow:visible}
}
@media(max-width:760px){.todo > p.muted.small{display:none}}

@media(max-width:760px){
  .lief-tiles{grid-template-columns:1fr}.lief-tiles .tile{padding:16px}.lief-tiles .tile b{font-size:30px}
  .lief-tiles form,.lief-tiles .row{width:100%}.lief-tiles .row a{flex:1}.lief-tiles button{width:100%}
  .lief-list .tscroll{margin:0;overflow:visible}.lief-list table,.lief-list tbody{display:block}
  .lief-list tr.th{display:none}.lief-list tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 0;border-top:1px solid var(--line-2)}
  .lief-list td{display:block;padding:0;border:0;white-space:normal}
  .lief-list td:nth-child(1){grid-column:1;grid-row:1;font-size:13px;color:var(--muted)}
  .lief-list td:nth-child(2){grid-column:1;grid-row:2;font-weight:600;font-size:15px}
  .lief-list td:nth-child(3){grid-column:2;grid-row:1;font-weight:600}.lief-list td:nth-child(3)::after{content:" Leads";font-weight:400;color:var(--muted)}
  .lief-list td:nth-child(4){grid-column:1/3;grid-row:3}.lief-list td:nth-child(4) code{font-size:12px}
  .lief-list td:nth-child(5){display:none}
  .lief-list td.lief-act{grid-column:1/3;grid-row:4;margin-top:6px;display:flex;gap:10px;align-items:center}.lief-list td.lief-act a:first-child{flex:1}.lief-list td.lief-act button{width:100%}
}

@media(max-width:760px){
  .pace .tscroll{margin:0;overflow:visible}.pace table,.pace tbody{display:block}.pace tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:10px 0;border-top:1px solid var(--line-2)}
  .pace tr:first-child{border-top:0}.pace td{display:block;padding:0;border:0;white-space:normal;font-size:13.5px}
  .pace td:nth-child(1){grid-column:1/3;font-size:15px}.pace td:nth-child(4){grid-column:1/3}
}

/* Matterhorn: Tabellen als Karten auf dem Handy. table.stack-m = jede Zeile eine Karte, Spaltentitel als Beschriftung. table.kv = Feld/Wert-Paare. */
@media(max-width:760px){
  .tscroll:has(> table.stack-m),.tscroll:has(> table.kv){margin:0;overflow:visible}
  table.stack-m,table.stack-m tbody{display:block}table.stack-m thead,table.stack-m tr.th,table.stack-m tr:has(th){display:none}
  table.stack-m tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:12px 0;border-top:1px solid var(--line-2)}
  table.stack-m tr:first-of-type{border-top:0}
  table.stack-m td{display:block;padding:0;border:0;white-space:normal;font-size:14px;overflow-wrap:anywhere}
  table.stack-m td::before{content:attr(data-l);display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px}
  table.stack-m td.w2,table.stack-m td:first-child{grid-column:1/3}
  table.stack-m td:empty{display:none}
  table.kv,table.kv tbody{display:block}table.kv tr{display:block;padding:8px 0;border-top:1px solid var(--line-2)}table.kv tr:first-child{border-top:0}
  table.kv th,table.kv td{display:block;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}
  table.kv th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}table.kv th:first-child{margin-top:0}
  table.kv td{font-size:14.5px;margin-bottom:2px}
}
/* Matterhorn: breite Formulare (Import) */
form.wide{display:flex;flex-direction:column;gap:14px;max-width:none}
.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px;width:100%}.meta-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.meta-grid input,.meta-grid select{width:100%}
table.zuord{width:100%}table.zuord select{width:100%;max-width:420px}
@media(max-width:760px){table.zuord td:first-child{grid-column:1/3}}
.pill,td a.sm,td button.sm{white-space:nowrap}