:root{--gold: #EFC247;--teal: #2A6170;--teal-tief: #275967;--grund: #FBFCFC;--flaeche: #FFFFFF;--flaeche-still: #F2F5F5;--linie: #DDE5E6;--linie-stark: #C3D0D2;--text: #12262B;--text-leise: #5C7176;--kritisch: #B0472F;--kritisch-grund: #FBEDE9;--warnung: #8C6210;--warnung-grund: #FBF3E0;--gut: #2C7358;--gut-grund: #E8F2ED;--schiene: 224px;--schrift: "DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--grund: #0E1A1E;--flaeche: #14252A;--flaeche-still: #1A2E34;--linie: #27424A;--linie-stark: #365A63;--text: #E6EEEF;--text-leise: #9AB0B5;--kritisch: #E8836A;--kritisch-grund: #33201C;--warnung: #E0AE4E;--warnung-grund: #2E2618;--gut: #6FC49E;--gut-grund: #16302A}}:root[data-theme=dark]{--grund: #0E1A1E;--flaeche: #14252A;--flaeche-still: #1A2E34;--linie: #27424A;--linie-stark: #365A63;--text: #E6EEEF;--text-leise: #9AB0B5;--kritisch: #E8836A;--kritisch-grund: #33201C;--warnung: #E0AE4E;--warnung-grund: #2E2618;--gut: #6FC49E;--gut-grund: #16302A}:root[data-theme=light]{--grund: #FBFCFC;--flaeche: #FFFFFF;--flaeche-still: #F2F5F5;--linie: #DDE5E6;--linie-stark: #C3D0D2;--text: #12262B;--text-leise: #5C7176;--kritisch: #B0472F;--kritisch-grund: #FBEDE9;--warnung: #8C6210;--warnung-grund: #FBF3E0;--gut: #2C7358;--gut-grund: #E8F2ED}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.015em;text-wrap:balance}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.band{background:var(--teal-tief);color:#e7eeef;font-size:12.5px;padding:6px 20px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.band strong{color:var(--gold);font-weight:600}.huelle{display:flex;min-height:calc(100vh - 31px)}.schiene{width:var(--schiene);flex:0 0 var(--schiene);border-right:1px solid var(--linie);background:var(--flaeche);padding:20px 12px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;align-self:flex-start;height:calc(100vh - 31px)}.marke{display:flex;align-items:center;gap:9px;padding:0 8px}.marke-zeichen{width:26px;height:26px;border-radius:7px;background:var(--gold);display:grid;place-items:center;color:var(--teal-tief);font-weight:700;font-size:13px;flex:0 0 auto}.marke-text{font-weight:600;font-size:15px}.marke-text span{display:block;font-size:10.5px;font-weight:400;color:var(--text-leise);letter-spacing:.08em;text-transform:uppercase}.nav-gruppe{display:flex;flex-direction:column;gap:2px}.nav-titel{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-leise);padding:0 8px 6px}.nav-knopf{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:8px 10px;border-radius:6px;font-size:14px}.nav-knopf:hover{background:var(--flaeche-still)}.nav-knopf[aria-current=true]{background:var(--flaeche-still);font-weight:600;box-shadow:inset 2px 0 0 var(--gold)}.nav-punkt{width:6px;height:6px;border-radius:50%;background:var(--linie-stark);flex:0 0 auto}.nav-knopf[aria-current=true] .nav-punkt{background:var(--gold)}.nav-zahl{margin-left:auto;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-leise)}.nav-zahl.-alarm{color:var(--kritisch);font-weight:600}.nav-fuss{margin-top:auto;font-size:11.5px;color:var(--text-leise);padding:0 8px;line-height:1.45}.buehne{flex:1;min-width:0;padding:28px 28px 64px}.buehne-innen{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.kopf h1{font-size:25px}.kopf p{margin:5px 0 0;color:var(--text-leise);font-size:13.5px;max-width:64ch}.befunde{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.befund{text-align:left;cursor:pointer;background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:13px 15px;display:flex;flex-direction:column;gap:1px}.befund:hover{border-color:var(--linie-stark)}.befund[aria-pressed=true]{border-color:currentColor}.befund.-fehler[aria-pressed=true]{color:var(--kritisch)}.befund.-grenze[aria-pressed=true]{color:var(--warnung)}.befund.-luecke[aria-pressed=true]{color:var(--teal)}.befund-wert{font-size:30px;font-weight:600;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.befund.-fehler .befund-wert{color:var(--kritisch)}.befund.-grenze .befund-wert{color:var(--warnung)}.befund.-luecke .befund-wert{color:var(--teal)}.befund-titel{font-size:13.5px;font-weight:600;color:var(--text)}.befund-satz{font-size:12px;color:var(--text-leise);line-height:1.4}.block{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;overflow:hidden}.sync{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px}.sync-stand{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.sync-stand strong{font-size:13.5px;font-variant-numeric:tabular-nums}.sync-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-leise)}.sync .leise{display:inline}.quellen{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quellen a{font-size:12.5px;color:var(--teal);text-decoration:none;border-bottom:1px solid transparent}.quellen a:hover{border-bottom-color:currentColor}.quellen a:after{content:" ↗";font-size:10px;opacity:.6}#syncKnopf[aria-busy=true]{opacity:.7;pointer-events:none}.block-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--linie)}.block-kopf h2{font-size:14.5px}.block-werkzeug{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tabellen-rahmen{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-leise);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--linie);white-space:nowrap;background:var(--flaeche-still);position:sticky;top:0;z-index:1}td{padding:9px 10px;border-bottom:1px solid var(--linie);vertical-align:middle}tr:last-child td{border-bottom:0}.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.produkt{min-width:116px}.produkt .sku-gross{font-family:var(--mono);font-size:12.5px;font-weight:600}.produkt small{display:block;color:var(--text-leise);font-size:11px;margin-top:1px;max-width:26ch}.leise{color:var(--text-leise);font-size:11.5px;display:block}tr.gruppe td{background:var(--flaeche-still);font-weight:600;font-size:12.5px;padding:7px 12px;border-bottom:1px solid var(--linie)}tr.gruppe .gruppe-meta{font-weight:400;color:var(--text-leise);font-size:11.5px;margin-left:8px}tr.-abgelegt td:not(.aktivitaet){opacity:.45}tr.-abgelegt .produkt strong{text-decoration:line-through}.pille{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:1px 7px;border-radius:20px;white-space:nowrap}.pille.-gut{background:var(--gut-grund);color:var(--gut)}.pille.-warnung{background:var(--warnung-grund);color:var(--warnung)}.pille.-kritisch{background:var(--kritisch-grund);color:var(--kritisch)}.pille.-still{background:var(--flaeche-still);color:var(--text-leise)}.rat{display:block;font-weight:600;font-size:12.5px}.rat.-tun{color:var(--kritisch)}.rat.-pruefen{color:var(--warnung)}.rat.-lassen{color:var(--text-leise)}.aktivitaet{white-space:nowrap}select.status{border:1px solid var(--linie-stark);background:var(--flaeche);color:var(--text);border-radius:6px;padding:3px 6px;font-size:12px;cursor:pointer}select.status.-pruefung{border-color:var(--warnung);color:var(--warnung)}select.status.-ignoriert{border-color:var(--linie-stark);color:var(--text-leise)}select.status.-erledigt{border-color:var(--gut);color:var(--gut)}.notizknopf{background:none;border:0;cursor:pointer;opacity:.5;font-size:13px;padding:2px}.notizknopf:hover,.notizknopf.-hat{opacity:1;color:var(--teal)}.notizzeile td{background:var(--flaeche-still);padding:8px 12px}.notizzeile input{width:100%;border:1px solid var(--linie-stark);border-radius:6px;padding:5px 9px;font-size:12.5px;background:var(--flaeche);color:var(--text)}.notiztext{display:block;font-size:11.5px;color:var(--teal);margin-top:2px}.knopf{border:1px solid var(--linie-stark);background:var(--flaeche);padding:5px 11px;border-radius:6px;cursor:pointer;font-size:12.5px}.knopf:hover{border-color:var(--teal);color:var(--teal)}.knopf.-voll{background:var(--teal);border-color:var(--teal);color:#fff}.knopf.-voll:hover{background:var(--teal-tief);color:#fff}.knopf.-klein{padding:2px 8px;font-size:11.5px}.knopf.-still{border-color:transparent;color:var(--text-leise)}.knopf.-still:hover{border-color:var(--linie-stark)}.filter{border:1px solid var(--linie-stark);background:var(--flaeche);padding:3px 10px;border-radius:20px;cursor:pointer;font-size:12.5px}.filter[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}.haken{width:17px;height:17px;accent-color:var(--teal);cursor:pointer}.familie{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px}.familie.-luecke{border-left:3px solid var(--kritisch)}.familie-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px}.familie-kopf h3{font-size:14.5px}.familie-kopf small{display:block;font-size:11.5px;color:var(--text-leise);font-weight:400}.familie-werkzeug{margin-left:auto;display:flex;gap:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px}.chip{font-family:var(--mono);font-size:11.5px;padding:3px 8px;border-radius:5px;border:1px solid var(--linie);display:inline-flex;align-items:center;gap:6px}.chip.-fehlt{border-style:dashed;border-color:var(--kritisch);color:var(--kritisch);background:var(--kritisch-grund)}.chip.-best{border-color:var(--gut);color:var(--gut);background:var(--gut-grund)}.chip button{background:none;border:0;cursor:pointer;padding:0;font-size:13px;line-height:1;opacity:.55}.chip button:hover{opacity:1}dialog{border:1px solid var(--linie);border-radius:10px;padding:0;background:var(--flaeche);color:var(--text);width:min(560px,calc(100vw - 32px));max-height:78vh}dialog::backdrop{background:#0a1a1e8c}.dialog-kopf{padding:15px 18px;border-bottom:1px solid var(--linie)}.dialog-kopf h2{font-size:15px}.dialog-kopf p{margin:4px 0 0;font-size:12.5px;color:var(--text-leise)}.dialog-koerper{padding:12px 18px;overflow-y:auto;max-height:48vh}.dialog-fuss{padding:12px 18px;border-top:1px solid var(--linie);display:flex;gap:8px;justify-content:flex-end}.suche{font-size:13.5px;width:100%;padding:7px 11px;border:1px solid var(--linie-stark);border-radius:6px;background:var(--flaeche);color:var(--text);margin-bottom:10px}.wahl{display:flex;flex-direction:column;gap:4px}.wahl label{display:flex;gap:9px;align-items:flex-start;padding:7px 9px;border-radius:6px;cursor:pointer;font-size:13px}.wahl label:hover{background:var(--flaeche-still)}.wahl .sku{font-family:var(--mono);font-size:12px}.wahl small{display:block;color:var(--text-leise);font-size:11.5px}.leer{padding:30px 16px;text-align:center;color:var(--text-leise);font-size:13.5px}.geplant{padding:46px 20px;text-align:center}.geplant h2{font-size:18px;margin-bottom:8px}.geplant p{color:var(--text-leise);max-width:48ch;margin:0 auto;font-size:13.5px}.sicht{display:none;flex-direction:column;gap:18px}.sicht.-aktiv{display:flex}.tableiste{display:none}@media (max-width: 900px){.schiene{display:none}.buehne{padding:18px 14px 84px}.kopf h1{font-size:21px}.befunde{grid-template-columns:1fr}.befund{flex-direction:row;align-items:baseline;gap:12px}.befund-wert{font-size:25px;flex:0 0 auto;min-width:44px}.befund-satz{display:none}.tableiste{display:flex;position:fixed;inset:auto 0 0 0;z-index:5;background:var(--flaeche);border-top:1px solid var(--linie);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tableiste button{flex:1;background:none;border:0;cursor:pointer;font-size:11px;padding:6px 2px;border-radius:6px;color:var(--text-leise);display:flex;flex-direction:column;align-items:center;gap:3px}.tableiste button[aria-current=true]{color:var(--text);font-weight:600}.tableiste button[aria-current=true] .nav-punkt{background:var(--gold)}table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody tr{border-bottom:1px solid var(--linie);padding:10px 14px}tr.gruppe{padding:0}tr.gruppe td{padding:8px 14px}td{border:0;padding:2px 0;display:flex;justify-content:space-between;gap:12px;align-items:baseline}td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);flex:0 0 auto}td:not([data-label]):before{content:none}td.produkt{display:block;margin-bottom:5px}td.aktivitaet{margin-top:6px}th{position:static}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.anmeldung{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--grund)}.anmeldung-karte{width:min(360px,100%);background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:26px 24px;display:flex;flex-direction:column;gap:12px}.anmeldung-karte .marke{padding:0;margin-bottom:6px}.anmeldung-karte label{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-leise)}.anmeldung-karte input{font-size:15px;padding:9px 12px;border-radius:6px;border:1px solid var(--linie-stark);background:var(--flaeche);color:var(--text)}.anmeldung-karte button{padding:9px 14px;font-size:14px}.anmeldung-fehler{margin:0;font-size:13px;color:var(--kritisch)}.anmeldung-fuss{margin:4px 0 0;font-size:11.5px;color:var(--text-leise)}.band-abmelden{margin-left:auto;background:none;border:0;cursor:pointer;color:#e7eeef;font-size:12.5px;opacity:.75;padding:0 2px}.band-abmelden:hover{opacity:1;text-decoration:underline}
