:root{--f-ui:arial, tahoma, verdana, helvetica, sans-serif;--f-mono:"Hack", "JetBrains Mono", "DejaVu Sans Mono", ui-monospace, monospace;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:22px;--fs-kennzahl:19px;--lh:1.5;--steuer-hoehe:30px;--knopf-pad-x:12px;--feld-pad-x:8px;--modal-schmal:560px;--modal-normal:880px;--r:6px;--r-card:8px;--r-modal:10px}:root,:root[data-theme=kupfer-dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181a;--panel:#1d2023;--surface:#24282c;--surface-2:#2d3238;--hover:#3a4046;--line:#4a525a;--fg:#d9dde2;--muted:#aab2ba;--faint:#8c949a;--field:#1c2023;--field-line:#4c545b;--accent:#e39b4f;--accent-ink:#1e1206;--accent-soft:#e39b4f40;--code-grund:#fff;--bild-grund:#fff;--datei-pdf:#d93a3a;--datei-pdf-schrift:#fff;--ok:#2ecc71;--warn:#f2c94c;--crit:#e5566a;--info:#e39b4f;--zustand-grau:#babec3;--zustand-grau-zeile:#2c2e31;--zustand-lila:#a278ed;--zustand-lila-zeile:#35234d;--zustand-beere:#d14ba0;--zustand-beere-zeile:#542241;--zustand-gruen:#20a04e;--zustand-gruen-zeile:#11371b;--zustand-gruen-ruhig:#90b697;--zustand-gruen-ruhig-zeile:#202c22;--zustand-aus:#5e646a;--zustand-aus-zeile:#181a1b;--reihe-verkauf:#c68032;--reihe-einkauf:#966ecf;--g-verkauf:#e39b4f;--g-einkauf:#b48cf0;--g-ausf:#2ecc71;--g-technik:#f1c04a;--g-faktura:#ec7aa3;--g-basis:#9aa5b1;--role-kunde:#e39b4f;--role-lieferant:#b48cf0;--role-hersteller:#2ecc71;--role-behoerde:#f1c04a;--role-sonstiger:#9aa5b1;--role-ink:#fff;--shadow-modal:0 20px 50px #00000080;--backdrop:#0000008c;--accent-edge:#8f7355;--accent-edge-dim:#786857;--accent-wash:#3f3d3a;--accent-dim:#765c41;--accent-bright:#e7aa69;--accent-brighter:#e6a561;--on-accent:#fff;--on-accent-dim:#fff6;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 2px 6px #00000059;--shadow-lg:0 4px 8px #0006;--ok-soft:#2ecc7126;--ok-edge:#2ecc718c;--ok-text:#7ee787;--crit-soft:#e5566a1f;--crit-edge:#e5566a73;--crit-text:#f9a29b;--warn-soft:#f2c94c24;--warn-edge:#f2c94c80;--role-kunde-soft:#e39b4f33;--role-lieferant-soft:#b48cf033;--role-hersteller-soft:#2ecc7133;--role-behoerde-soft:#f1c04a33;--role-sonstiger-soft:#9aa5b133}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--f-ui);font-size:var(--fs-base);line-height:var(--lh);margin:0}#app{display:contents}a{color:var(--accent)}abbr[title]{text-underline-offset:3px;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{font-size:var(--fs-xl);margin:0;font-weight:600}h2{font-size:var(--fs-lg);margin:0;font-weight:600}h3{font-size:var(--fs-base);margin:0;font-weight:600}h4{font-size:var(--fs-md);margin:0;font-weight:600}h5{font-size:var(--fs-sm);margin:0;font-weight:600}h6{font-size:var(--fs-xs);margin:0;font-weight:600}small,sub,sup{font-size:var(--fs-xs)}big{font-size:var(--fs-lg)}rt{font-size:var(--fs-2xs)}code,samp,pre,tt{font-family:var(--f-mono);font-size:var(--fs-sm)}font{font:inherit}kbd{border:1px solid var(--line);color:var(--muted);font-family:var(--f-mono);font-size:var(--fs-2xs);border-bottom-width:2px;border-radius:4px;padding:0 5px}.muted{color:var(--muted)}.mono{font-family:var(--f-mono);font-size:var(--fs-sm)}.spalte{flex-direction:column;gap:20px;display:flex}.spalte>*{flex-shrink:0}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.head .sub{color:var(--muted);font-size:var(--fs-md)}.btn{min-height:var(--steuer-hoehe);padding:0 var(--knopf-pad-x);font-size:var(--fs-md);border:1px solid var(--accent-edge);border-radius:var(--r);background:linear-gradient(180deg, var(--accent-wash), var(--surface-2));color:var(--fg);cursor:pointer;box-shadow:0 1px 2px var(--shadow-sm);align-items:center;gap:6px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 2px 6px var(--shadow-md)}.btn.pri{border-color:var(--accent);background:linear-gradient(180deg, var(--accent-bright), var(--accent));color:var(--on-accent);box-shadow:0 2px 5px var(--shadow-md);font-weight:700}.btn.pri:hover{background:var(--accent-brighter);color:var(--on-accent);box-shadow:0 4px 8px var(--shadow-lg);filter:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled.pri{background:var(--accent-dim);border-color:var(--accent-edge-dim);color:var(--on-accent-dim)}.btns{flex-wrap:wrap;gap:8px;display:flex}.btn.sek{border:1px solid var(--accent);color:var(--accent);box-shadow:none;background:0 0;font-weight:600}.btn.sek:hover{background:var(--accent);color:var(--on-accent)}.btn.leise{background:var(--surface-2);border:1px solid var(--line);color:var(--fg);box-shadow:none;font-weight:500}.btn.leise:hover{background:var(--hover);border-color:var(--accent);color:var(--fg);text-decoration:none}.card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);min-width:0;padding:16px}.grid2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.block{flex-direction:column;gap:8px;display:flex}.block>p{margin:0}.ampel{align-items:center;gap:8px;display:flex}.ampel:before{content:"";background:var(--faint);border-radius:50%;flex:none;width:9px;height:9px}.ampel.gut:before{background:var(--ok)}.ampel.schlecht:before{background:var(--crit)}.ampel.warnung:before{background:var(--warn)}.hinweis{border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;background:var(--accent-soft);font-size:var(--fs-md);margin:0;padding:8px 12px}input[type=text],input[type=password],input[type=search],input[type=date],input[type=number],input[type=month],select,textarea{max-width:100%;padding:4px var(--feld-pad-x);border:1px solid var(--field-line);border-radius:var(--r);background:var(--field);color:var(--fg)}input[type=text],input[type=password],input[type=search],input[type=date],input[type=number],input[type=month],select{height:var(--steuer-hoehe);padding-block:0}input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=date]:focus,input[type=number]:focus,input[type=month]:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:0}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}.feld{flex-direction:column;gap:6px;min-width:0;display:flex}.feld>span{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.feld>input,.feld>select,.feld>textarea{width:100%;min-width:0}.raster{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:12px 16px;display:grid}.raster>.span2{grid-column:span 2}.raster>.span3{grid-column:span 3}.raster>.span4{grid-column:span 4}.raster>.span6{grid-column:1/-1}@media (width<=1100px){.raster{grid-template-columns:repeat(2,minmax(0,1fr))}.raster>.span2,.raster>.span3,.raster>.span4,.raster>.span6{grid-column:1/-1}}.abschnittkopf{border-bottom:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 0 0;background:var(--panel);justify-content:space-between;align-items:center;gap:12px;margin:-16px -16px 0;padding:7px 16px;display:flex}.kopfrechts{align-items:center;gap:10px;display:flex}.kartenreiter{border-bottom:1px solid var(--line);flex:0 0 100%;justify-content:flex-start;gap:2px;margin-top:2px;display:flex}.kartenreiter button{color:var(--muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 14px}.kartenreiter button.an{border-bottom-color:var(--accent);color:var(--fg);font-weight:600}.kartenreiter .anzahl{box-sizing:border-box;background:var(--surface-2);min-width:18px;color:var(--muted);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;text-align:center;vertical-align:1px;border-radius:9px;margin-left:4px;padding:1px 6px;font-weight:400;line-height:14px;display:inline-block}.kartenreiter button.an .anzahl{background:var(--accent-soft);color:var(--fg)}.angaben{margin:0;display:grid}.angaben>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;display:flex}.angaben>div:last-of-type{border-bottom:0;padding-bottom:0}.angaben dt{color:var(--fg);font-size:var(--fs-sm);font-weight:600}.angaben dd{min-width:0;font-size:var(--fs-md);text-align:right;margin:0}.angaben dd.mono{font-size:var(--fs-sm)}.angaben>div.zwischenkopf,.raster>.zwischenkopf{border-radius:var(--r);background:var(--surface-2);border-bottom:0;margin-top:12px;padding:6px 10px}.angaben>div.zwischenkopf dt,.raster>.zwischenkopf{color:var(--accent);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.raster>.zwischenkopf{grid-column:1/-1;margin-bottom:0}.angaben>div.zwischenkopf{border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;margin:20px -16px 0;padding:6px 16px}.abschnittkopf h2{color:var(--accent);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.gesperrt{color:var(--muted);font-size:var(--fs-sm)}.chip{color:var(--muted);font-size:var(--fs-xs)}.stapel{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.bezeichnung{font-weight:500}.code{color:var(--muted);font-size:var(--fs-2xs)}.ikon-knopf{border-radius:var(--r);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.ikon-knopf:hover{border-color:var(--line);background:var(--hover);color:var(--accent)}.ikon-knopf:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.kaestchen{align-items:center;gap:8px;min-width:0;display:flex}.kaestchen input[type=checkbox]{flex:none;width:16px;height:16px}.haken{align-items:center;gap:6px;display:flex}.pflicht{background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
