:root{--grund:#1d4ed8;--text:#111827;--gedaempft:#6b7280;--linie:#e5e7eb;--flaeche:#ffffff;--hintergrund:#f1f5f9;--rot:#b91c1c;--rot-flaeche:#fef2f2;--gruen:#047857;--gruen-flaeche:#ecfdf5;--gelb:#92400e;--gelb-flaeche:#fffbeb}*{box-sizing:border-box}body{margin:0;background:var(--hintergrund);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--grund)}.leiste{display:flex;align-items:center;gap:1.25rem;background:#0f172a;color:#e2e8f0;padding:.6rem 1.25rem}.leiste .marke{font-weight:700;letter-spacing:-.01em}.leiste nav{display:flex;gap:.25rem}.leiste nav a{color:#cbd5e1;text-decoration:none;padding:.35rem .7rem;border-radius:.4rem}.leiste nav a:hover,.leiste nav a[aria-current=page]{background:#1e293b;color:#fff}.leiste .rechts{margin-left:auto;display:flex;align-items:center;gap:.75rem;font-size:.85rem}.leiste form{margin:0}.leiste button{background:transparent;color:#cbd5e1;border:1px solid #334155;border-radius:.4rem;padding:.3rem .7rem;font:inherit;cursor:pointer;width:auto}.leiste button:hover{background:#1e293b;color:#fff}.huelle{max-width:82rem;margin:0 auto;padding:1.25rem}.schmal{max-width:30rem;margin:4rem auto;padding:0 1.25rem}h1{font-size:1.35rem;margin:0 0 1rem;letter-spacing:-.01em}h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gedaempft);margin:0 0 .75rem;font-weight:600}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:.6rem;padding:1rem;margin-bottom:1rem}.spalten{flex-wrap:wrap;margin-bottom:1rem}.spalte,.spalten{display:flex;gap:.5rem}.spalte{align-items:baseline;background:var(--flaeche);border:1px solid var(--linie);border-radius:.5rem;padding:.5rem .9rem;text-decoration:none;color:inherit}.spalte:hover{border-color:var(--grund)}.spalte[aria-current=page]{border-color:var(--grund);box-shadow:inset 0 0 0 1px var(--grund)}.spalte .zahl{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spalte .titel{color:var(--gedaempft);font-size:.85rem}.filter{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.filter label{display:block;margin:0}.filter span{display:block;font-size:.75rem;color:var(--gedaempft);margin-bottom:.2rem}input[type=email],input[type=text],select{padding:.45rem .6rem;font:inherit;border:1px solid var(--linie);border-radius:.4rem;background:#fff;color:inherit;min-width:12rem}button{padding:.5rem 1rem;font:inherit;font-weight:600;background:var(--grund);color:#fff;border:0;border-radius:.4rem;cursor:pointer}button:hover{filter:brightness(1.08)}button.leise{background:#fff;color:var(--text);border:1px solid var(--linie);font-weight:500}table{width:100%;border-collapse:collapse;background:var(--flaeche);border:1px solid var(--linie);border-radius:.6rem;overflow:hidden}th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gedaempft);font-weight:600}td,th{padding:.6rem .75rem;border-bottom:1px solid var(--linie)}td{vertical-align:top}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fafc}td a{text-decoration:none;font-weight:600;color:var(--text)}td a:hover{color:var(--grund)}.kunde{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font-weight:600;font-size:.85rem}.kunde .punkt{width:.85rem;height:.85rem;border-radius:.25rem;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.kundenband{height:.35rem;border-radius:.2rem;margin-bottom:.75rem}.marke-kanal{display:inline-block;font-size:.72rem;padding:.1rem .45rem;border:1px solid var(--linie);border-radius:1rem}.anriss,.marke-kanal{color:var(--gedaempft)}.anriss{font-size:.85rem}.leer{color:var(--gedaempft);padding:2rem;text-align:center}.sla{font-size:.82rem;font-weight:600;white-space:nowrap}.sla.ueberfaellig{color:var(--rot)}.sla.offen{color:var(--gelb)}.sla.beantwortet{color:var(--gruen);font-weight:500}.sla.entfallen,.sla.kein_ziel{color:var(--gedaempft);font-weight:500}.tabellenrahmen{overflow-x:auto}.zeilenknoepfe{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin:0}.zeilenknoepfe button{padding:.25rem .55rem;font-size:.78rem;border-radius:.35rem}.zeilenknoepfe select{min-width:7rem;padding:.2rem .35rem;font-size:.78rem}.zweispaltig{display:grid;grid-template-columns:minmax(0,1fr) 22rem;grid-gap:1rem;gap:1rem;align-items:start}@media (max-width:60rem){.zweispaltig{grid-template-columns:minmax(0,1fr)}}.verlauf{display:flex;flex-direction:column;gap:.6rem}.nachricht{border:1px solid var(--linie);border-radius:.5rem;padding:.6rem .75rem;background:#fff;max-width:44rem}.nachricht.INBOUND{background:#f8fafc}.nachricht.OUTBOUND{background:#eff6ff;border-color:#bfdbfe;margin-left:auto}.nachricht.INTERNAL_NOTE{background:var(--gelb-flaeche);border-color:#fde68a}.nachricht .kopfzeile{display:flex;gap:.6rem;font-size:.72rem;color:var(--gedaempft);margin-bottom:.3rem}.nachricht p{margin:0;white-space:pre-wrap}.akte{position:-webkit-sticky;position:sticky;top:1rem}.akte .block+.block{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--linie)}.akte h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gedaempft);margin:0 0 .4rem}.akte p{margin:0 0 .3rem;font-size:.88rem}.akte dl{margin:0}.akte .zeile{display:flex;justify-content:space-between;gap:.75rem;padding:.25rem 0;font-size:.85rem}.akte .zeile dt{color:var(--gedaempft);margin:0}.akte .zeile dd{margin:0;text-align:right}.befugnis{display:flex;justify-content:space-between;gap:.6rem;padding:.35rem .5rem;border-radius:.35rem;font-size:.84rem;margin-bottom:.25rem;align-items:baseline}.befugnis .wert{font-weight:600;text-align:right}.befugnis.befugt{background:var(--gruen-flaeche);color:var(--gruen)}.befugnis.bedingt{background:var(--gelb-flaeche);color:var(--gelb)}.befugnis.nicht_befugt{background:var(--rot-flaeche);color:var(--rot)}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));grid-gap:.75rem;gap:.75rem}.kachel{background:var(--flaeche);border:1px solid var(--linie);border-radius:.6rem;padding:.85rem 1rem}.kachel .wert{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kachel .titel{font-size:.75rem;color:var(--gedaempft);text-transform:uppercase;letter-spacing:.05em}.kachel .fuss{font-size:.78rem;color:var(--gedaempft);margin-top:.25rem}.hinweis{background:var(--gruen-flaeche);border:1px solid #a7f3d0;color:#065f46;border-radius:.5rem}.fehler,.hinweis{padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.fehler{background:var(--rot-flaeche);border:1px solid #fecaca;color:var(--rot);border-radius:.5rem}.warnung{background:var(--gelb-flaeche);border:1px solid #fde68a;color:var(--gelb);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.fuss{color:var(--gedaempft);font-size:.8rem;margin-top:1.5rem}.anmeldung label{display:block;margin-bottom:.9rem}.anmeldung label span{display:block;font-size:.8rem;color:var(--gedaempft);margin-bottom:.25rem}.anmeldung button,.anmeldung input{width:100%}.code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.schmalspur{max-width:52rem}.formular .raster{display:grid;grid-gap:.75rem 1rem;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}@media (max-width:40rem){.formular .raster{grid-template-columns:minmax(0,1fr)}}.formular label{display:block;margin:0}.formular label>span{display:block;font-size:.75rem;color:var(--gedaempft);margin-bottom:.2rem}.formular input[type=email],.formular input[type=number],.formular input[type=text],.formular select,.formular textarea{width:100%;min-width:0}.formular textarea{padding:.45rem .6rem;font:inherit;color:inherit;resize:vertical}.formular input[type=color],.formular textarea{border:1px solid var(--linie);border-radius:.4rem;background:#fff}.formular input[type=color]{width:4rem;height:2.2rem;padding:.15rem;cursor:pointer}.formular button{margin-top:1rem}.formular .knopfreihe button{margin-top:0}.formular>label+.feldhinweis{margin-top:-.4rem}.formular h2{margin-top:0}.feldhinweis{color:var(--gedaempft);font-size:.82rem;margin:.35rem 0 1rem}.feldhinweis code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.95em;background:var(--hintergrund);padding:.05rem .3rem;border-radius:.25rem}.kaestchen{display:flex;align-items:flex-start;gap:.5rem;margin:.75rem 0 0}.kaestchen input{margin-top:.2rem}.kaestchen span{display:inline;font-size:.88rem;color:inherit}.knopfreihe{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.kennwerte{margin:1rem 0 0;max-width:26rem}.kennwerte .zeile{display:flex;justify-content:space-between;gap:.75rem;padding:.25rem 0;font-size:.85rem;border-bottom:1px solid var(--linie)}.kennwerte .zeile dt{color:var(--gedaempft);margin:0}.kennwerte .zeile dd{margin:0;text-align:right}.unterzeile{color:var(--gedaempft,#6b7280);margin:-.4rem 0 1.5rem}.kundenzeile{display:flex;align-items:center;gap:.55rem;font-size:1.05rem;margin:0 0 .75rem}.kundenzeile .punkt{width:.85rem;height:.85rem;border-radius:.25rem;flex:none}.kachelreihe{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.fussnote{margin-top:2rem;color:var(--gedaempft,#6b7280);font-size:.9rem}.oauthstart{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 0;border-top:1px solid var(--linie)}.oauthstart strong{min-width:7rem}.oauthstart form{margin:0}.oauthstart .feldhinweis{flex:1 1 20rem}.trennfrage{border-color:var(--rot);background:var(--rot-flaeche)}.trennfrage .knopfreihe{margin-top:1rem;align-items:center}.baum{padding:0}.baum,.baum ul{list-style:none;margin:0}.baum ul{padding-left:1.1rem;border-left:1px solid var(--linie)}.baum .knoten{display:flex;align-items:baseline;gap:.5rem;padding:.25rem 0}.baum .knoten .zahl{font-size:.72rem;color:var(--gedaempft)}.eintrag{border:1px solid var(--linie);border-left-width:3px;border-radius:.5rem;padding:.6rem .75rem;margin-bottom:.5rem;background:var(--flaeche)}.eintrag.ebene-kunde{border-left-color:#cbd5e1}.eintrag.ebene-standort{border-left-color:#818cf8}.eintrag.ebene-objekt{border-left-color:#38bdf8}.eintrag.ebene-einheit{border-left-color:#34d399}.eintrag .kopfzeile{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.eintrag .kopfzeile strong{font-size:.95rem}.eintrag p{margin:.35rem 0 0;white-space:pre-wrap;font-size:.9rem}.schild{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;border-radius:.3rem;padding:.1rem .4rem;font-weight:700;white-space:nowrap}.schild.intern{background:var(--rot-flaeche);color:var(--rot);border:1px solid #fecaca}.schild.gast{background:var(--gruen-flaeche);color:var(--gruen);border:1px solid #a7f3d0}.schild.art{background:var(--hintergrund);color:var(--gedaempft);border:1px solid var(--linie)}.schild.ebene{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.bestaetigung,.schild.inaktiv{background:var(--rot-flaeche);color:var(--rot);border:1px solid #fecaca}.bestaetigung{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;border-radius:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600}.bestaetigung input{margin:.15rem 0 0;flex:none;accent-color:var(--rot)}.vorschlag{border:2px solid #c7d2fe;background:#eef2ff;border-radius:.6rem;padding:.85rem 1rem;margin-bottom:1rem}.vorschlag .kopfzeile{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.vorschlag .kopfzeile strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#4338ca}.vorschlag .entwurf{background:var(--flaeche);border:1px solid var(--linie);border-radius:.4rem;padding:.6rem .75rem;white-space:pre-wrap;margin:0 0 .6rem}.vorschlag .herkunft{font-size:.78rem;color:var(--gedaempft);margin:0 0 .6rem}.vorschlag .knoepfe{display:flex;gap:.5rem;flex-wrap:wrap}.vorschlag .knoepfe button{width:auto}.zuversicht{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--gedaempft)}.zuversicht .balken{width:3.5rem;height:.4rem;border-radius:.2rem;background:var(--linie);overflow:hidden}.zuversicht .balken i{display:block;height:100%;background:var(--grund)}.zuversicht.schwach .balken i{background:var(--gelb)}.luecke{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--linie);font-size:.9rem}.luecke:last-child{border-bottom:0}.luecke .fehlt{color:var(--rot);font-size:.8rem}.knopf{display:inline-block;padding:.4rem .9rem;border-radius:.4rem;background:var(--grund);color:#fff;text-decoration:none;font:inherit;font-size:.9rem;border:1px solid transparent}.knopf:hover{filter:brightness(1.08)}