:root{--mirage: #111522;--electric-violet: #5200FF;--flamenco: #FD7E14;--surface-light: #F7F8FB;--white: #FFFFFF;--line: #E4E7EF;--text-muted-base: #5C6478;--violet-700: #3F00C4;--violet-600: #5200FF;--violet-100: #EEE7FF;--violet-50: #F6F2FF;--flamenco-600: #E86A00;--flamenco-500: #FD7E14;--flamenco-100: #FFEEDD;--mirage-900: #111522;--mirage-800: #1A2030;--mirage-700: #262E42;--mirage-400: #5C6478;--mirage-300: #8B92A5;--mirage-200: #C3C8D4;--surface-page: var(--white);--surface-subtle: var(--surface-light);--surface-card: var(--white);--surface-inverse: var(--mirage-900);--border-default: var(--line);--border-strong: var(--mirage-200);--text-body: var(--mirage-900);--text-muted: var(--text-muted-base);--text-faint: var(--mirage-300);--text-on-dark: var(--white);--text-on-dark-muted: #9AA1B4;--accent: var(--electric-violet);--accent-hover: var(--violet-700);--accent-surface: var(--violet-50);--data-highlight: var(--flamenco-500);--data-highlight-surface: var(--flamenco-100);--link: var(--electric-violet);--success: #16824A;--danger: #C2331E;--focus-ring: rgba(82, 0, 255, .28)}@font-face{font-family:Creato Display;src:url(/assets/fonts/CreatoDisplay-Bold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Creato Display;src:url(/assets/fonts/CreatoDisplay-Black.woff) format("woff");font-weight:900;font-display:swap}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--surface-subtle);color:var(--text-body);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}.masthead-innen,.seite{max-width:1520px;margin:0 auto;padding:0 24px}.seite{padding-bottom:40px}.masthead{background:var(--white);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:10}.masthead-oben{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.marke{display:flex;align-items:center;gap:14px}.marke img{height:20px;display:block}.app-name{font-family:Creato Display,Inter,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.01em;padding-left:14px;border-left:1px solid var(--border-default)}.user{color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}.filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0 14px}.auswahl,.suche{font-size:13px;color:var(--text-body);background:var(--white);border:1px solid var(--border-strong);border-radius:6px;padding:7px 11px;height:34px}.auswahl{display:inline-flex;align-items:center;gap:10px;cursor:pointer;min-width:210px;justify-content:space-between}.suche{min-width:300px}.auswahl:hover,.suche:hover{border-color:var(--mirage-300)}.auswahl:focus-visible,.suche:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.pfeil-klein{color:var(--text-faint);font-size:11px}.auswahl-feld{position:relative}.auswahl-liste{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:260px;max-height:60vh;overflow-y:auto;background:var(--white);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 12px 32px #1115221f;padding:6px}.auswahl-liste-breit{min-width:300px}.auswahl-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 8px;border-bottom:1px solid var(--border-default);margin-bottom:4px}.auswahl-titel{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.auswahl-zustand{display:flex;gap:12px;padding:6px 8px 10px;border-bottom:1px solid var(--border-default);margin-bottom:4px}.auswahl-radio{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-muted);cursor:pointer}.auswahl-zeile{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;font-size:13px;cursor:pointer}.auswahl-zeile:hover{background:var(--surface-subtle)}.auswahl-zeile input,.auswahl-radio input{accent-color:var(--accent);margin:0}.auswahl-name{flex:1}.auswahl-anzahl{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.schalter{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.schalter input{accent-color:var(--accent);margin:0}.verweis{background:none;border:none;padding:0;font:inherit;font-size:13px;color:var(--link);cursor:pointer}.verweis:hover{text-decoration:underline}.treffer{margin-left:auto;color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}.tabellenkopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px}.kopfzahl{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.kopfzahl-spaet{color:var(--danger)}.legende{display:flex;gap:16px;font-size:12px;color:var(--text-muted)}.legende-eintrag{display:inline-flex;align-items:center;gap:6px}.karte{background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.karte:has(.baum){overflow-x:auto}.baum{width:100%;min-width:1340px;table-layout:fixed;border-collapse:collapse;font-size:13.5px}.baum thead th{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;vertical-align:bottom;padding:10px 14px;border-bottom:1px solid var(--border-strong);background:var(--white)}.baum thead tr.gruppen-zeile th{border-bottom:none;padding-bottom:2px;padding-top:14px;font-size:10.5px;color:var(--text-faint)}.baum thead th.gruppe-ms{text-align:center}.sortknopf{background:none;border:none;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.sortknopf:hover{color:var(--text-body)}.pfeil{color:var(--accent)}.baum td{padding:9px 14px;border-bottom:1px solid var(--border-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baum tbody tr:last-child td{border-bottom:none}.baum tbody tr.auftrag:hover td{background:#fbfbfd}.baum tbody tr{content-visibility:auto;contain-intrinsic-size:auto 37px}.nummer{color:var(--text-body);font-weight:500;font-variant-numeric:tabular-nums}.kunde{color:var(--text-body)}.tabnum{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.tabnum.vergangen{color:var(--danger);font-weight:600}.sp-schalter{padding-left:14px!important;padding-right:0!important}.klapp{background:none;border:none;padding:3px 5px;font:inherit;font-size:11px;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:5px;border-radius:4px}.klapp:hover{color:var(--text-body);background:var(--surface-subtle)}.klapp:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.klapp-anzahl{font-variant-numeric:tabular-nums}.baum tr.auftrag.auf td{background:var(--surface-subtle)}.baum tr.positionszeile td{background:var(--surface-subtle);font-size:12.5px;color:var(--text-muted);padding-top:7px;padding-bottom:7px}.baum tr.positionszeile td:nth-child(2){padding-left:40px}.baum tr.positionszeile .nummer{color:var(--text-muted);font-weight:400}.baum tr.positionszeile td.kunde{display:flex;align-items:baseline;gap:10px}.pos-name{overflow:hidden;text-overflow:ellipsis}.pos-menge{flex:0 0 auto;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11.5px}.baum th.ms-kopf{text-align:center;padding:10px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.baum td.ms{text-align:center;padding-left:4px;padding-right:4px;font-size:14px;line-height:1;color:var(--text-faint)}.ms-block-start{border-left:1px solid var(--border-default)}.ms-fertig,.baum td.ms-fertig{color:var(--success)}.ms-spaet,.baum td.ms-spaet{color:var(--danger);font-weight:700}.ms-offen,.baum td.ms-offen{color:var(--mirage-200)}.baum td.ms-leer{color:var(--text-faint)}.baum td.ms-warnspalte{color:var(--danger);font-weight:700}.ms-menge{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.baum td.kommunikation-spalte,.baum th.kommunikation-kopf{text-align:right}.chat-knopf{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;font-weight:500;color:var(--text-muted);background:var(--white);border:1px solid var(--border-default);border-radius:6px;padding:4px 9px;cursor:pointer}.chat-knopf:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-surface)}.chat-knopf:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.chat-knopf svg{flex:none}.chat-anzahl{font-variant-numeric:tabular-nums;color:var(--text-faint)}.chat{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--surface-card);border-left:1px solid var(--border-default);box-shadow:-8px 0 32px #1115221a;display:flex;flex-direction:column;z-index:20}.chat-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--border-default)}.chat-titel{font-family:Creato Display,Inter,sans-serif;font-weight:700;font-size:15px}.chat-unterzeile{font-size:12px;color:var(--text-muted);margin-top:3px;font-variant-numeric:tabular-nums}.chat-schliessen{background:none;border:none;font-size:14px;line-height:1;color:var(--text-faint);cursor:pointer;padding:5px;border-radius:4px}.chat-schliessen:hover{color:var(--text-body);background:var(--surface-subtle)}.chat-verlauf{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px;background:var(--surface-subtle)}.blase-reihe{display:flex}.blase-reihe.eigen{justify-content:flex-end}.blase{max-width:88%;border-radius:10px;padding:9px 12px 10px;background:var(--white);border:1px solid var(--border-default)}.blase-reihe.eigen .blase{background:var(--accent-surface);border-color:var(--violet-100)}.blase-kopf{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--text-muted);margin-bottom:4px}.blase-kopf>:first-child{font-weight:600}.blase-zeit{white-space:nowrap;font-variant-numeric:tabular-nums}.blase-text{font-size:13px;line-height:1.5}.chat-eingabe{display:flex;gap:8px;padding:12px 20px 16px;border-top:1px solid var(--border-default)}.chat-eingabe input{flex:1;min-width:0;font:inherit;font-size:13px;padding:8px 11px;border:1px solid var(--border-strong);border-radius:6px}.chat-eingabe input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.knopf{background:var(--accent);color:var(--text-on-dark);border:none;border-radius:6px;padding:8px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.knopf:hover{background:var(--accent-hover)}.knopf:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.mehr{padding:16px;text-align:center;border-top:1px solid var(--border-default)}.mehr-stand{color:var(--text-muted);font-size:12px;margin-top:8px;font-variant-numeric:tabular-nums}.leer{padding:40px;text-align:center;color:var(--text-muted)}.fuss{padding:18px 0 0;font-size:12px;color:var(--text-faint)}