:root{--grund: linear-gradient(152deg, #e9f1ef 0%, #e7ecf5 46%, #f4eef2 100%);--leiste: rgba(15, 42, 38, .94);--leiste-text: #afccc4;--leiste-gruppe: #5e7f77;--tinte: #0f2a26;--thema: #2563eb;--thema-dark: #1d4ed8;--thema-soft: #eaf1fe;--primary: var(--thema);--primary-dark: var(--thema-dark);--primary-soft: var(--thema-soft);--danger: #dc2626;--danger-soft: #fdecec;--warning: #d4a106;--warning-soft: #fdf6dc;--ok: #0e9f6e;--ok-soft: #e3f6ee;--text: #111b21;--text-secondary: #54656f;--muted: #8a99a3;--border: #eceff2;--border-strong: #dde3e8;--surface: #ffffff;--surface-2: #f7f9fa;--r-xl: 24px;--r-lg: 14px;--r-md: 10px;--r-sm: 7px;--shadow: 0 10px 30px rgba(15, 42, 38, .08), 0 1px 3px rgba(15, 42, 38, .06);--shadow-pop: 0 18px 50px rgba(15, 42, 38, .18);--tag-grau: #eef1f3;--tag-grau-t: #4a5a63;--tag-blau: #e6effe;--tag-blau-t: #1d4ed8;--tag-gruen: #e3f6ee;--tag-gruen-t: #08734f;--tag-gelb: #fdf3d3;--tag-gelb-t: #8a6400;--tag-rot: #fde8e8;--tag-rot-t: #b42318;--tag-lila: #f1eafd;--tag-lila-t: #6d3fc8;--tag-tuerkis: #e0f5f6;--tag-tuerkis-t: #0e7c86;--tag-orange: #feeedf;--tag-orange-t: #b54708;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--grund);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}h1{font-size:22px;font-weight:650;margin:2px 0 0;letter-spacing:-.01em;color:var(--tinte)}h2{font-size:15px;font-weight:650;margin:0}h3{font-size:13px;font-weight:650;margin:0}.shell{display:flex;height:100%;padding:12px;gap:14px}.sidebar{width:248px;flex:none;display:flex;flex-direction:column;border-radius:var(--r-xl);background:var(--leiste);color:var(--leiste-text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:width .18s ease;overflow:hidden}.sidebar.zu{width:64px}.sb-top{display:flex;align-items:center;gap:8px;padding:14px 12px 6px 16px}.sb-mandant{flex:1;min-width:0;font-size:12px;color:var(--leiste-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-mandant small{color:var(--leiste-gruppe)}.sb-icon-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;border:0;background:transparent;color:var(--leiste-text);cursor:pointer;flex:none}.sb-icon-btn:hover{background:#ffffff14;color:#fff}.sb-logo{display:flex;align-items:center;gap:10px;padding:8px 16px 4px;border:0;background:none;color:#fff;cursor:pointer;text-align:left;width:100%}.sb-logo .mark{width:32px;height:32px;border-radius:10px;background:var(--thema);display:grid;place-items:center;color:#fff;flex:none}.sb-logo b{font-size:15px;font-weight:650;letter-spacing:-.01em}.sb-nav{flex:1;overflow-y:auto;padding:0 10px}.sb-gruppe{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--leiste-gruppe);margin:18px 8px 6px;font-weight:600}.sb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:var(--leiste-text);font-size:13px;font-weight:500;position:relative;margin-bottom:2px}.sb-item:hover{background:#ffffff12;color:#eef1f2}.sb-item.active{background:var(--thema);color:#fff;font-weight:600}.sb-item svg{flex:none}.sb-badge{margin-left:auto;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:#ffffff29;color:#fff}.sb-badge.warn{background:var(--warning);color:var(--tinte)}.sb-foot{display:flex;align-items:center;gap:4px;padding:10px;border-top:1px solid rgba(255,255,255,.07);position:relative}.sb-me{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--leiste-text);cursor:pointer;padding:4px;border-radius:10px;text-align:left}.sb-me:hover{background:#ffffff12}.avatar{width:28px;height:28px;border-radius:50%;background:var(--thema-soft);color:var(--thema-dark);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.sb-me .sb-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eef1f2}.dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--danger)}.sidebar.zu .sb-top{flex-direction:column;padding:12px 0 4px}.sidebar.zu .sb-mandant,.sidebar.zu .sb-logo b,.sidebar.zu .sb-item span,.sidebar.zu .sb-me .sb-name{display:none}.sidebar.zu .sb-logo{justify-content:center;padding:6px 0}.sidebar.zu .sb-gruppe{font-size:8px;text-align:center;margin:14px 0 4px}.sidebar.zu .sb-item{justify-content:center;padding:9px 0}.sidebar.zu .sb-badge{position:absolute;top:2px;right:4px;font-size:9px;padding:0 5px}.sidebar.zu .sb-foot{flex-direction:column}.sidebar.zu .sb-me{flex:none}.main{flex:1;min-width:0;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.main-scroll{flex:1;overflow:auto;padding:18px 26px 30px}.mobile-bar{display:none}@media (max-width: 819px){.shell{padding:0;gap:0;flex-direction:column}.mobile-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--leiste);color:#fff}.mobile-bar b{flex:1;font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;border-radius:0 var(--r-xl) var(--r-xl) 0;transform:translate(-105%);transition:transform .2s;width:270px}.sidebar.offen{transform:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:40}.main{border-radius:0}.main-scroll{padding:14px 16px 24px}}.page-head{display:flex;align-items:center;gap:10px;min-height:36px}.crumbs{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12.5px;flex:1;min-width:0}.crumbs a{color:var(--text-secondary)}.crumbs a:hover{color:var(--text)}.nav-arrows{display:flex;gap:2px}.page-actions{display:flex;align-items:center;gap:8px}.page-title{display:flex;align-items:center;gap:10px;margin:6px 0 16px}.page-title .sub{color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:550;font-size:13px;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.danger{color:var(--danger);border-color:#f3c9c9}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{height:28px;padding:0 9px;font-size:12.5px;border-radius:var(--r-sm)}.icon-btn{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:var(--r-sm);border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}:focus-visible{outline:2px solid var(--thema);outline-offset:2px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.field .hint{font-size:11.5px;color:var(--muted)}.field .err{font-size:12px;color:var(--danger)}.input{height:36px;width:100%;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);padding:0 11px;outline:none;transition:border-color .12s,box-shadow .12s}textarea.input{height:auto;min-height:72px;padding:9px 11px;resize:vertical}.input:focus{border-color:var(--thema);box-shadow:0 0 0 3px var(--thema-soft)}.input.unsicher{border-color:var(--warning);background:var(--warning-soft)}.input.num{text-align:right;font-variant-numeric:tabular-nums}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.muted{color:var(--muted)}.sec{color:var(--text-secondary)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.switch{position:relative;width:34px;height:20px;border-radius:999px;background:var(--border-strong);border:0;cursor:pointer;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .15s}.switch.on{background:var(--thema)}.switch.on:after{left:16px}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--tag-grau);color:var(--tag-grau-t)}.pill.gut{background:var(--ok-soft);color:#08734f}.pill.wartet{background:var(--warning-soft);color:#8a6400}.pill.problem{background:var(--danger-soft);color:#b42318}.pill.info{background:var(--thema-soft);color:var(--thema-dark)}.tag{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:600;white-space:nowrap}.tag button{border:0;background:none;padding:0;cursor:pointer;color:inherit;display:grid;opacity:.6}.tag button:hover{opacity:1}.tag-grau{background:var(--tag-grau);color:var(--tag-grau-t)}.tag-blau{background:var(--tag-blau);color:var(--tag-blau-t)}.tag-gruen{background:var(--tag-gruen);color:var(--tag-gruen-t)}.tag-gelb{background:var(--tag-gelb);color:var(--tag-gelb-t)}.tag-rot{background:var(--tag-rot);color:var(--tag-rot-t)}.tag-lila{background:var(--tag-lila);color:var(--tag-lila-t)}.tag-tuerkis{background:var(--tag-tuerkis);color:var(--tag-tuerkis-t)}.tag-orange{background:var(--tag-orange);color:var(--tag-orange-t)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.card-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.card-body{padding:16px}.table-wrap{overflow:auto}table.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.tbl th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:left;font-size:11.5px;font-weight:600;color:var(--text-secondary);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.tbl th.sortierbar{cursor:pointer}.tbl th.sortierbar:hover{color:var(--text)}.tbl th .sort{display:inline-flex;vertical-align:middle;margin-left:3px;color:var(--thema)}.tbl td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{cursor:default}.tbl tbody tr.klickbar{cursor:pointer}.tbl tbody tr:hover td{background:var(--surface-2)}.tbl tbody tr.gewaehlt td{background:var(--thema-soft)}.tbl td.aktionen{width:1%;white-space:nowrap;text-align:right}.tbl .cb{width:34px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--thema);cursor:pointer}.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.kachel{padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.kachel .zahl{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:4px}.kachel .lbl{font-size:12px;color:var(--text-secondary);font-weight:550;display:flex;align-items:center;gap:6px}a.kachel:hover{border-color:var(--border-strong);background:var(--surface-2)}.spalten{display:grid;grid-template-columns:400px 300px minmax(0,1fr);gap:14px;min-height:0}.spalten.zwei{grid-template-columns:400px minmax(0,1fr)}.spalte{border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 170px)}.spalte-kopf{display:flex;align-items:center;gap:8px;padding:13px 14px;border-bottom:1px solid var(--border);flex:none}.spalte-inhalt{overflow-y:auto;padding:6px;flex:1}.spalte-inhalt.pad{padding:16px}.eintrag{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-md);cursor:pointer;border:0;background:none;width:100%;text-align:left}.eintrag:hover{background:var(--surface-2)}.eintrag.gewaehlt{background:var(--thema-soft)}.eintrag .ic{width:32px;height:32px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-secondary);flex:none}.eintrag.gewaehlt .ic{background:#fff;color:var(--thema)}.eintrag .tx{flex:1;min-width:0}.eintrag .tx b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eintrag .tx small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1179px){.spalten,.spalten.zwei{grid-template-columns:minmax(0,1fr)}.spalte{max-height:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a2638;z-index:60;animation:fade .12s}.panel{position:fixed;top:12px;right:12px;bottom:12px;width:min(560px,calc(100vw - 24px));background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);z-index:61;display:flex;flex-direction:column;animation:slide .16s ease-out}.panel.breit{width:min(1280px,calc(100vw - 24px))}.panel-kopf{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.panel-kopf h2{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-inhalt{flex:1;overflow:auto;padding:18px 20px}.panel-fuss{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--border)}@keyframes slide{0%{transform:translate(24px);opacity:0}}@keyframes fade{0%{opacity:0}}.dialog{position:fixed;left:50%;top:18vh;transform:translate(-50%);width:min(440px,calc(100vw - 32px));background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);z-index:80;padding:20px;animation:fade .12s}.dialog.mittel{width:min(580px,calc(100vw - 32px))}.dialog p{color:var(--text-secondary);margin:8px 0 0;line-height:1.5}.dialog-fuss{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a264d;z-index:79}.pop{position:absolute;z-index:90;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-pop);padding:6px;min-width:200px}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;background:none;border-radius:var(--r-sm);cursor:pointer;text-align:left;font-size:13px;color:var(--text)}.menu-item:hover,.menu-item.aktiv{background:var(--surface-2)}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--border);margin:5px 2px}.auswahl-btn{display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.auswahl-btn .wert{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auswahl-btn .platzhalter{color:var(--muted)}.auswahl-liste{max-height:280px;overflow-y:auto;margin-top:4px}.auswahl-suche{margin-bottom:4px}.kal{width:266px;padding:10px}.kal-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-weight:600;font-size:13px}.kal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.kal-grid .wt{font-size:11px;color:var(--muted);padding:4px 0}.kal-grid button{height:32px;border:0;background:none;border-radius:8px;cursor:pointer;font-size:12.5px}.kal-grid button:hover{background:var(--surface-2)}.kal-grid button.fremd{color:var(--muted)}.kal-grid button.heute{font-weight:700;color:var(--thema)}.kal-grid button.gewaehlt{background:var(--thema);color:#fff}.leer{text-align:center;padding:48px 20px;color:var(--text-secondary)}.leer .ic{width:46px;height:46px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;margin:0 auto 12px;color:var(--muted)}.leer b{display:block;color:var(--text);margin-bottom:4px}.skel{background:linear-gradient(90deg,#f0f3f5 25%,#e6ebee 37%,#f0f3f5 63%);background-size:400% 100%;animation:skel 1.3s ease infinite;border-radius:6px;height:14px}@keyframes skel{0%{background-position:100% 50%}to{background-position:0 50%}}.fehlerkarte{border:1px solid #f3c9c9;background:var(--danger-soft);border-radius:var(--r-lg);padding:16px;display:flex;gap:12px;align-items:flex-start;color:#7a1d16}.hinweis{border-radius:var(--r-md);padding:10px 12px;font-size:12.5px;display:flex;gap:9px;align-items:flex-start;background:var(--thema-soft);color:var(--thema-dark)}.hinweis.warn{background:var(--warning-soft);color:#7a5800}.hinweis.fehler{background:var(--danger-soft);color:#9b1c14}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--tinte);color:#fff;padding:10px 16px;border-radius:12px;font-size:13px;box-shadow:var(--shadow-pop);animation:fade .15s}.toast.fehler{background:var(--danger)}.dropzone-aktiv:after{content:attr(data-hinweis);position:fixed;top:12px;right:12px;bottom:12px;left:12px;border-radius:var(--r-xl);border:2px dashed var(--thema);background:#eaf1fed9;display:grid;place-items:center;font-size:18px;font-weight:600;color:var(--thema-dark);z-index:70}.login{min-height:100%;display:grid;place-items:center;padding:20px}.login .card{width:min(400px,100%);padding:28px;box-shadow:var(--shadow);border-radius:var(--r-xl)}.dash{gap:16px}.dash-kachel{position:relative;color:var(--text)}.dash-kachel.warn{box-shadow:inset 3px 0 0 var(--warning)}.dash-kachel.fehler{box-shadow:inset 3px 0 0 var(--danger)}.dash-kachel.fehler .zahl{color:var(--danger)}.dash-raster{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start}@media (max-width: 1179px){.dash-raster{grid-template-columns:minmax(0,1fr)}}.dash-diagramm{width:100%;height:auto;display:block}.dash-diagramm .balken{fill:var(--thema);transition:fill .12s}.dash-diagramm .balken:hover{fill:var(--thema-dark)}.dash-diagramm .achse-linie{stroke:var(--border);stroke-width:1}.dash-diagramm .achse-basis{stroke:var(--border-strong);stroke-width:1}.dash-diagramm .achse-text{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.dash-firmen{display:flex;flex-direction:column;gap:4px}.dash-firma{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:var(--r-md);color:var(--text);font-size:13px}.dash-firma:hover{background:var(--surface-2)}.dash-firma-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-spur{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.dash-fuellung{height:100%;border-radius:999px;background:var(--thema)}.dash-liste{padding:6px}.dash-zeile{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);color:var(--text)}.dash-zeile:hover{background:var(--surface-2)}.dash-zeile .eintrag-ic{width:30px;height:30px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-secondary);flex:none}.dash-zeile .tx{flex:1;min-width:0}.dash-zeile .tx b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-zeile .tx small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-ablage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:220px;padding:28px 20px;border:2px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);cursor:pointer;transition:border-color .12s,background .12s}.dash-ablage:hover,.dash-ablage.ueber{border-color:var(--thema);background:var(--thema-soft)}.dash-ablage b{font-size:15px;color:var(--text)}.dash-ablage-ic{width:48px;height:48px;border-radius:14px;background:var(--surface);display:grid;place-items:center;color:var(--thema);margin-bottom:4px}.aufbau-formular{max-width:640px}.aufbau-text{margin:0;line-height:1.55;max-width:640px}.aufbau-wert{min-height:36px;display:flex;align-items:center;padding:0 11px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text)}.aufbau-grid-host{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px 14px}.aufbau-schmal{max-width:140px}.aufbau-gefahr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:16px;border-top:1px solid var(--border)}.aufbau-sofort{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:11px 14px;border-radius:var(--r-md);background:var(--thema-soft);color:var(--thema-dark);font-size:13px}.aufbau-sofort span{color:var(--text-secondary)}.aufbau-code{margin:0;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;overflow:auto;max-height:360px;white-space:pre}.aufbau-inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:1px 6px;border-radius:5px;background:var(--surface-2)}.aufbau-fehlertext{display:inline-block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:var(--danger);font-size:12.5px}.aufbau-filter{width:220px}.aufbau-matrix td,.aufbau-matrix th{padding:8px 12px}.aufbau-matrix .mitte{text-align:center}.kopierfeld{display:flex;gap:8px;align-items:flex-start}.kopierfeld .input{flex:1;min-width:0}.mono-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}textarea.mono-code{resize:none;word-break:break-all}.dreht{animation:dreht .9s linear infinite}@keyframes dreht{to{transform:rotate(360deg)}}.fi-suche{position:relative;display:flex;align-items:center;width:280px;max-width:100%}.fi-suche>svg{position:absolute;left:10px;pointer-events:none}.fi-suche .input{padding-left:32px;padding-right:32px}.fi-suche .icon-btn{position:absolute;right:3px;width:28px;height:28px}.fi-oben{margin-bottom:14px}.fi-unten{margin-top:10px}.fi-leiste{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.fi-segment{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);flex-wrap:wrap}.fi-segment button{border:0;background:transparent;height:28px;padding:0 12px;border-radius:var(--r-sm);font-size:12.5px;font-weight:550;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.fi-segment button:hover{color:var(--text)}.fi-segment button.aktiv{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.fi-auswahl{display:flex;align-items:center;gap:8px}.fi-name b{display:block;font-weight:600}.fi-unterzeile{display:block;font-size:11.5px;color:var(--muted);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fi-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.input.fi-mono{font-size:13px}.fi-chips{display:flex;flex-wrap:wrap;gap:6px}.fi-abschnitt{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.stack>.fi-abschnitt:first-child{padding-top:0;border-top:0}.fi-abschnitt>h3{display:flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.fi-plz-ort{display:grid;grid-template-columns:110px 1fr 110px;gap:12px 14px}.fi-gefahr{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.fi-gefahr>h3{color:var(--danger)}.fi-fehler{color:var(--danger);font-size:12.5px;min-width:0}.fi-liste{display:flex;flex-direction:column;gap:8px}.fi-wahl{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer}.fi-wahl:hover{background:var(--surface-2)}.fi-wahl.gewaehlt{border-color:var(--thema);background:var(--thema-soft)}.fi-wahl input{accent-color:var(--thema)}.fi-wahl b{font-weight:600}.fi-paar{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--r-md)}.fi-paar-namen{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fi-punkt{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.fi-punkt.gross{width:14px;height:14px}.fi-swatches{display:flex;flex-wrap:wrap;gap:8px}.fi-swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;display:grid;place-items:center;color:var(--surface);padding:0}.fi-swatch.gewaehlt{box-shadow:0 0 0 2px var(--text)}.fi-name-zeile{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.fi-schalter{height:36px;display:flex;align-items:center}.fi-regelzeile{display:grid;grid-template-columns:52px minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.3fr) 30px;gap:8px;align-items:center}.fi-regelzeile.aktion{grid-template-columns:52px minmax(0,1.2fr) minmax(0,2fr) 30px}.fi-wort{font-size:12px;font-weight:600;color:var(--text-secondary)}.fi-x-platz,.fi-platz{display:block}.fi-zeilenfehler{font-size:12px;color:var(--danger);margin:4px 0 0 60px}.fi-betrag{display:flex;align-items:center;gap:6px}.fi-kurz{width:110px}.fi-vorschau{background:var(--surface-2);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:13px}.fi-regelname{font-weight:600}.fi-satz{color:var(--text-secondary);font-size:12.5px}.fi-vorschlaege{display:flex;flex-direction:column}.fi-vorschlag{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.fi-vorschlag:last-child{border-bottom:0}@media (max-width: 819px){.fi-suche{width:100%}.fi-plz-ort,.fi-regelzeile,.fi-regelzeile.aktion{grid-template-columns:1fr 1fr}.fi-wort{grid-column:1 / -1}.fi-zeilenfehler{margin-left:0}}.fi-oben .hinweis>div{flex:1}.belege-filter{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.belege-filter-zeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.belege-suche{position:relative;flex:1;min-width:220px;max-width:520px;display:flex;align-items:center}.belege-suche>svg{position:absolute;left:11px;pointer-events:none}.belege-suche .input{padding-left:34px;padding-right:34px}.belege-suche .icon-btn{position:absolute;right:3px}.belege-zaehler{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--thema);color:var(--surface);font-size:11px;font-weight:700}.belege-filter-pop{padding:8px}.belege-filter-abschnitt{margin-top:12px}.belege-zeitraum{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) auto minmax(130px,1fr);gap:8px;align-items:center}.belege-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.belege-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong);font-size:12px;color:var(--text-secondary);max-width:100%}.belege-chip button{border:0;background:none;padding:2px;cursor:pointer;color:var(--muted);display:grid;border-radius:50%}.belege-chip button:hover{color:var(--text);background:var(--border)}.belege-ansicht{display:flex;align-items:center;gap:2px}.belege-ansicht .menu-item{flex:1;min-width:0}.belege-summe{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:36px;padding:6px 2px;font-size:13px;color:var(--text-secondary)}.belege-summe b{color:var(--text)}.belege-bulk{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:36px;padding:4px 8px 4px 12px;margin-bottom:8px;border-radius:var(--r-md);background:var(--thema-soft);border:1px solid var(--border-strong);font-size:13px}.belege-bulk[aria-busy=true]{opacity:.6;pointer-events:none}.belege-bulk-trenner{width:1px;height:20px;background:var(--border-strong);margin:0 4px}.belege-firma{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:260px}.belege-firma-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column}.belege-firma .avatar{width:26px;height:26px;font-size:11.5px}.belege-avatar-leer{background:var(--surface-2);color:var(--muted)}.belege-datei{color:var(--muted);overflow:hidden;text-overflow:ellipsis;font-size:11px}.belege-nw{white-space:nowrap}.belege-tags{display:inline-flex;gap:4px;flex-wrap:wrap;max-width:240px}.belege-seiten{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.belege-seiten .auswahl-btn{height:30px}.panel.breit .panel-inhalt:has(.beleg-editor){padding:0;overflow:hidden}.beleg-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0}.beleg-vorschau{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface-2)}.beleg-vorschau-kopf{display:flex;align-items:center;gap:4px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.beleg-dateiname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beleg-vorschau-flaeche{flex:1;min-height:0;overflow:auto}.beleg-vorschau-flaeche iframe{width:100%;height:100%;border:0;display:block;background:var(--surface)}.beleg-bild{padding:12px}.beleg-bild img{max-width:100%;display:block;margin:0 auto;border-radius:var(--r-sm);box-shadow:var(--shadow)}.beleg-xml{margin:0;padding:14px 16px;font-size:11.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.beleg-formular{overflow-y:auto;min-height:0;padding:16px 20px 28px;display:flex;flex-direction:column;gap:10px}.beleg-fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:10px}.beleg-abschnitt{padding:14px 0 6px;border-top:1px solid var(--border)}.beleg-abschnitt:first-child{border-top:0}.beleg-abschnitt h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.beleg-aufklapp{display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;color:var(--text-secondary);width:100%;text-align:left}.beleg-aufklapp h3{margin:0}.beleg-unsicher{font-size:11.5px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.beleg-unsicher:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warning);flex:none}.beleg-vorschlag{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1px dashed var(--thema);background:var(--thema-soft);color:var(--text)}.beleg-vorschlag>svg{color:var(--thema);flex:none}.beleg-dubletten{margin:6px 0 0;padding-left:16px}.beleg-dubletten li{margin:2px 0}.link-btn{border:0;background:none;padding:0;cursor:pointer;color:var(--primary);display:inline-flex;align-items:center;gap:4px;font-size:inherit}.link-btn:hover{text-decoration:underline}.beleg-mini{font-size:12.5px}.beleg-mini th{padding:6px 8px;position:static}.beleg-mini td{padding:5px 8px}.beleg-mini .input{height:32px;padding:0 8px}.beleg-mini tbody tr:hover td{background:transparent}.beleg-prozent{display:flex;align-items:center;gap:4px}.beleg-prozent span{color:var(--muted);font-size:12px}.beleg-positionen td:first-child{min-width:160px}.beleg-schalter{display:flex;flex-direction:column;gap:3px}.beleg-schalter .hint{padding-left:42px}.beleg-fehlertext{color:var(--danger)}.beleg-verlauf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.beleg-verlauf li{padding-left:14px;border-left:2px solid var(--border);font-size:13px}.beleg-dreht{animation:belege-dreh 1.2s linear infinite}@keyframes belege-dreh{to{transform:rotate(360deg)}}.panel-fuss .beleg-tasten{margin-right:6px}@media (max-width: 1100px){.panel-fuss .beleg-tasten{display:none}}@media (max-width: 819px){.panel.breit{top:0;right:0;bottom:0;width:100vw;border-radius:0}.panel.breit .panel-inhalt:has(.beleg-editor){overflow-y:auto}.beleg-editor{display:block;height:auto}.beleg-vorschau{border-right:0;border-bottom:1px solid var(--border);height:45vh}.beleg-formular{overflow:visible;padding:14px 16px 24px}.beleg-formular .grid2,.beleg-formular .grid3{grid-template-columns:minmax(0,1fr)}.panel-fuss{flex-wrap:wrap}.belege-zeitraum{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.belege-zeitraum>span{display:none}.belege-zeitraum>:first-child{grid-column:1 / -1}.belege-filter-pop .grid2{grid-template-columns:minmax(0,1fr)}.belege-suche{max-width:none}}
