@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#f5f6f8;--surface:#fff;--surface2:#f8fafc;--border:#e5e7eb;--border-light:#d1d5db;--accent:#e8963c;--accent-contrast:#1a1204;--accent-soft:#e8963c1f;--copper:#e8963c;--copper-dim:#b9752c;--blue:#2e7dc0;--green:#3e8a5e;--red:#c94a38;--text:#111827;--text-dim:#4b5563;--text-faint:#6b7280}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);height:100%}body{background:var(--bg);overscroll-behavior-y:contain;min-height:100dvh;margin:0}#root{background:var(--bg);min-height:100dvh}::placeholder{color:var(--text-faint)}select{appearance:none}.app-shell{background:var(--bg);min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:232px;padding:22px 14px;display:flex}.topbar-mobile{display:none}.main-col{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.breadcrumb{border-bottom:1px solid var(--border);height:52px;color:var(--text-faint);align-items:center;gap:8px;padding:0 28px;font-size:12px;display:flex}.content{background:var(--bg);flex:1;padding:28px 32px;overflow:auto}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.two-col{grid-template-columns:1.3fr 1fr;gap:14px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-drawer-overlay,.mobile-drawer{display:none}@media (width>=821px){.kpi-grid.kpi-grid-4{grid-template-columns:repeat(4,1fr)}}@media (width<=820px){input,select,textarea{font-size:16px!important}.sidebar{display:none}.topbar-mobile{display:flex}.content{padding:18px 16px}.breadcrumb{padding:0 16px}.kpi-grid,.two-col,.form-grid,.card-grid{grid-template-columns:1fr}.row-card{flex-direction:column;align-items:flex-start}.row-actions{justify-content:space-between;width:100%}.mobile-drawer-overlay.open{z-index:40;background:#00000080;display:block;position:fixed;inset:0}.mobile-drawer{background:var(--surface);border-right:1px solid var(--border);z-index:41;flex-direction:column;width:260px;padding:20px 14px;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}@keyframes pulsieren{0%,to{opacity:1}50%{opacity:.5}}@keyframes werkos-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.beleg-kopf{grid-template-columns:2fr 1fr 1.2fr 1fr 1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.pos-kopf,.pos-zeile{grid-template-columns:minmax(180px,1fr) 96px 70px 78px 92px 72px 100px 120px;align-items:center;gap:6px;display:grid}.pos-kopf{color:var(--text-faint);padding:0 2px 4px;font-size:11px}.pos-zeile input,.pos-zeile select{padding:8px 9px!important}.pos-aktionen{justify-content:flex-end;gap:4px;display:flex}.pos-aktionen button{min-width:32px!important;min-height:32px!important;padding:6px!important}.pos-abschnitt{background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.pos-abschnitt input{flex:1;min-width:0;border-color:#0000!important}.beleg-summen{border-top:1px solid var(--border);color:var(--text-dim);flex-direction:column;align-items:flex-end;gap:5px;margin-top:16px;padding-top:14px;font-size:13px;display:flex}.beleg-summen>div{justify-content:space-between;gap:24px;min-width:260px;display:flex}.beleg-summen b{color:var(--text);font-family:JetBrains Mono,monospace;font-weight:600}.beleg-summen .beleg-gesamt{color:var(--text);border-top:1px solid var(--border);margin-top:2px;padding-top:6px;font-size:15px;font-weight:700}.plan-zeile{grid-template-columns:1.2fr 70px 100px 1.4fr 36px;align-items:center;gap:6px;margin-bottom:6px;display:grid}.beleg-buttons{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.beleg-buttons button{padding:7px 11px!important;font-size:12px!important}@media (width<=1100px){.beleg-kopf{grid-template-columns:1fr 1fr 1fr}}@media (width<=820px){.beleg-kopf{grid-template-columns:1fr 1fr}.beleg-kopf>:first-child{grid-column:span 2}.pos-kopf{display:none}.pos-zeile{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"b b b""t m e""p r s""a a a";padding:10px}.pos-zeile .pos-beschreibung{grid-area:b}.pos-zeile .pos-typ{grid-area:t}.pos-zeile .pos-menge{grid-area:m}.pos-zeile .pos-einheit{grid-area:e}.pos-zeile .pos-preis{grid-area:p}.pos-zeile .pos-rabatt{grid-area:r}.pos-zeile .pos-summe{grid-area:s;font-weight:700;font-size:14px!important}.pos-zeile .pos-aktionen{grid-area:a;justify-content:flex-start}.pos-abschnitt{flex-wrap:wrap}.pos-abschnitt input{flex-basis:70%}.beleg-summen{align-items:stretch}.beleg-summen>div{min-width:0}.plan-zeile{grid-template-columns:1fr 64px 36px}.plan-zeile>:nth-child(3){grid-column:1/2;text-align:left!important}.plan-zeile>:nth-child(4){grid-column:1/4}.beleg-buttons{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.beleg-buttons::-webkit-scrollbar{display:none}.beleg-buttons>*{flex-shrink:0}}body{-webkit-font-smoothing:antialiased;color:var(--text)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)!important}input:disabled,select:disabled,textarea:disabled{background:var(--surface2)!important;color:var(--text-dim)!important}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}