:root{--farbe-marke: #0f3554;--farbe-marke-hell: #3d8fc4;--farbe-hintergrund: #f2f5f7;--farbe-flaeche: #ffffff;--farbe-text: #14202a;--farbe-text-gedimmt: #4c5d6b;--farbe-linie: #d4dde3;--farbe-aktiv: #0b62a4;--farbe-warnung: #a33b00;--icon-slot: 24px;--icon-slot-tab: 26px;--z-sticky-header: 40;--z-top-nav: 50;--z-fab: 80;--z-summary-footer: 90;--z-tab-bar: 100;--z-modal-bg: 200;--z-modal-sheet: 210;--z-toast: 300;--nav-top-h: 0px;--tab-bar-h: 0px;--summary-footer-h: 0px;--header-safe-h: 0px;--footer-safe-h: 0px;--abstand: 16px;--radius: 10px;--sidebar-b: 240px}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html,body{height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--farbe-hintergrund);color:var(--farbe-text)}#app{height:100%}.top-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-top-nav);display:flex;align-items:baseline;gap:12px;padding:14px var(--abstand);padding-top:calc(14px + env(safe-area-inset-top));background:var(--farbe-marke);color:#fff}.top-nav .app-titel{font-size:1.05rem;font-weight:600;white-space:nowrap}.top-nav .modul-titel{font-size:.95rem;opacity:.85;white-space:nowrap}.panel{height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:calc(var(--header-safe-h) + var(--abstand));padding-bottom:calc(var(--footer-safe-h) + 16px);padding-left:max(var(--abstand),env(safe-area-inset-left));padding-right:max(var(--abstand),env(safe-area-inset-right))}.panel[hidden]{display:none}.panel__inhalt{max-width:860px;margin:0 auto}.panel h2{font-size:1.25rem;margin-bottom:12px}.karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius);padding:var(--abstand);margin-bottom:var(--abstand)}.karte--hinweis{color:var(--farbe-text-gedimmt)}.status-zeile{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--farbe-hintergrund);min-height:44px;align-items:center}.status-zeile:last-child{border-bottom:none}.status-label{color:var(--farbe-text-gedimmt)}.status-wert{font-variant-numeric:tabular-nums;text-align:right}.status-wert--warnung{color:var(--farbe-warnung);font-weight:600}.unterpunkt-liste{list-style:none;padding:0}.unterpunkt-liste li{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 0;border-bottom:1px solid var(--farbe-hintergrund);color:var(--farbe-text-gedimmt)}.unterpunkt-liste li:last-child{border-bottom:none}.unterpunkt-liste li strong{display:block}.unterpunkt-liste li .kunden-zeile__detail{margin-top:2px}.sfi-sprite-quelle{position:absolute;width:0;height:0;overflow:hidden}sf-icon{display:inline-flex;width:var(--icon-slot);height:var(--icon-slot);flex:0 0 var(--icon-slot)}sf-icon svg{width:100%;height:100%}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tab-bar);display:flex;background:var(--farbe-flaeche);border-top:1px solid var(--farbe-linie);padding-bottom:env(safe-area-inset-bottom)}.tab-bar__tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px 9px;border:none;background:none;font:inherit;color:var(--farbe-text-gedimmt);cursor:pointer}.tab-bar__tab sf-icon{width:var(--icon-slot-tab);height:var(--icon-slot-tab);flex:0 0 var(--icon-slot-tab)}.tab-bar__label{font-size:11px;line-height:1;min-height:12px;white-space:nowrap}.tab-bar__tab[aria-current=page]{color:var(--farbe-aktiv)}.sidebar{position:fixed;top:var(--nav-top-h);bottom:0;left:0;width:var(--sidebar-b);z-index:var(--z-top-nav);display:none;flex-direction:column;gap:2px;padding:12px;background:var(--farbe-flaeche);border-right:1px solid var(--farbe-linie);overflow-y:auto;overscroll-behavior:contain}.sidebar__eintrag{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border:none;border-radius:8px;background:none;font:inherit;font-size:.95rem;color:var(--farbe-text);cursor:pointer;text-align:left}.sidebar__eintrag:hover{background:var(--farbe-hintergrund)}.sidebar__eintrag[aria-current=page]{background:var(--farbe-marke);color:#fff}.rechner-zeile__kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.rechner-zeile__steuer{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.rechner-feld{display:flex;flex-direction:column;gap:4px;flex:1 1 120px}.rechner-feld--breit{flex:1 1 260px}.rechner-feld span{font-size:.85rem;color:var(--farbe-text-gedimmt)}.rechner-feld input,.rechner-feld select{min-height:46px;padding:8px 10px;font:inherit;border:2px solid var(--farbe-linie);border-radius:8px;background:var(--farbe-flaeche);width:100%}.rechner-extra{display:flex;align-items:center;gap:6px;min-height:46px;padding:0 4px}.rechner-extra input{width:22px;height:22px}.rechner-zeile__betrag{margin-top:10px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.preise-gruppe{font-size:1rem;margin:16px 0 6px}.preis-zeile{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;border-bottom:1px solid var(--farbe-hintergrund)}.preis-zeile:last-child{border-bottom:none}.preis-zeile input{width:110px;min-height:42px;padding:6px 10px;font:inherit;text-align:right;border:2px solid var(--farbe-linie);border-radius:8px}.kunden-zeile{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 4px;border:none;border-bottom:1px solid var(--farbe-hintergrund);background:none;font:inherit;color:var(--farbe-text);text-align:left;cursor:pointer}.kunden-zeile:last-child{border-bottom:none}.kunden-zeile:hover{background:var(--farbe-hintergrund)}.kunden-zeile__detail{color:var(--farbe-text-gedimmt);font-size:.9rem;margin-top:2px}.beleg-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 0;border-bottom:1px solid var(--farbe-hintergrund)}.beleg-zeile:last-child{border-bottom:none}.beleg-zeile__aktionen{display:flex;gap:8px;flex-wrap:wrap}.summary-footer{position:fixed;left:0;right:0;bottom:var(--tab-bar-h);z-index:var(--z-summary-footer);background:var(--farbe-marke);color:#fff;border-top:1px solid rgba(255,255,255,.2)}.summary-footer__kopf{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 var(--abstand);border:none;background:none;color:inherit;font:inherit;font-size:1.05rem;font-weight:600;cursor:pointer}.summary-footer__gesamt{font-variant-numeric:tabular-nums}.summary-footer__detail{display:none;padding:0 var(--abstand) 8px;max-height:40dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.summary-footer__detail .status-label{color:#ffffffbf}.summary-footer--offen .summary-footer__detail{display:block}.summary-footer__hinweis{display:none;padding:0 var(--abstand) 10px;font-size:.85rem;color:#ffffffd9}.summary-footer__hinweis:not(:empty){display:block}.anmeldung{position:fixed;inset:0;z-index:var(--z-modal-bg);display:flex;align-items:center;justify-content:center;padding:var(--abstand);background:var(--farbe-marke);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.anmeldung[hidden]{display:none}.anmeldung__karte{z-index:var(--z-modal-sheet);width:100%;max-width:420px;background:var(--farbe-flaeche);border-radius:var(--radius);padding:24px var(--abstand)}.anmeldung__karte h2{font-size:1.25rem;margin-bottom:12px}.anmeldung__hinweis{color:var(--farbe-text-gedimmt);margin-bottom:16px}.anmeldung__feld{display:block;margin-bottom:14px}.anmeldung__feld span{display:block;margin-bottom:6px;color:var(--farbe-text-gedimmt);font-size:.9rem}.anmeldung__feld input{width:100%;min-height:50px;padding:10px 12px;font:inherit;font-size:1.1rem;border:2px solid var(--farbe-linie);border-radius:8px}.anmeldung__feld input:focus{outline:none;border-color:var(--farbe-aktiv)}.anmeldung__knopf{width:100%;min-height:52px;margin-top:8px;border:none;border-radius:8px;background:var(--farbe-marke);color:#fff;font:inherit;font-size:1.05rem;font-weight:600;cursor:pointer}.anmeldung__knopf--sekundaer{background:var(--farbe-hintergrund);color:var(--farbe-text)}.anmeldung__knopf--benutzer{background:var(--farbe-hintergrund);color:var(--farbe-text);text-align:left;padding:0 16px}.anmeldung__fehler{color:var(--farbe-warnung);min-height:1.2em;margin-top:8px;font-weight:600}.anmeldung__benutzerliste{display:flex;flex-direction:column;gap:4px}.grossknopf{display:block;width:100%;min-height:64px;margin-top:12px;padding:12px 16px;border:none;border-radius:var(--radius);background:var(--farbe-aktiv);color:#fff;font:inherit;font-size:1.2rem;font-weight:700;cursor:pointer}.grossknopf:disabled{background:var(--farbe-linie);color:var(--farbe-text-gedimmt);cursor:not-allowed}.heute-kopf{margin-bottom:12px}.heute-uhrzeit{font-size:2rem;font-weight:700;line-height:1.1}.heute-kunde{font-size:1.2rem;font-weight:600;margin-top:2px}.heute-status{color:var(--farbe-text-gedimmt);margin-top:2px}.warnung{margin-top:16px;padding:14px;border-radius:var(--radius);border:3px solid var(--farbe-warnung);background:#fff4ec}.warnung--rot{border-color:#9b1c1c;background:#fdecec}.warnung__titel{font-weight:700;font-size:1.05rem;letter-spacing:.03em;margin-bottom:6px}.warnung--rot .warnung__titel{color:#9b1c1c}.warnung--gelb .warnung__titel{color:var(--farbe-warnung)}.warnung__text{font-size:1.05rem;font-weight:600;margin-bottom:10px}.warnung__haken{display:flex;align-items:center;gap:10px;min-height:52px;font-size:1.05rem;cursor:pointer}.warnung__haken input{width:28px;height:28px}.material-block{margin-top:16px}.material-block [data-material-auswahl]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.protokoll-text{text-align:right;font-size:.9rem;word-break:break-word}.recovery-code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.4rem;letter-spacing:.08em;text-align:center;padding:14px;margin:12px 0;border:2px solid var(--farbe-marke);border-radius:var(--radius);background:var(--farbe-hintergrund);-webkit-user-select:all;user-select:all;word-break:break-all}.sammel-auswahl{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.9rem;color:var(--farbe-text-gedimmt);cursor:pointer}.sammel-auswahl input{width:24px;height:24px}.ampel{display:inline-block;padding:8px 14px;border-radius:var(--radius);font-weight:700;margin-bottom:12px;border:2px solid transparent}.ampel--ok{background:#dff2e3;color:#14532d;border-color:#14532d}.ampel--warnung{background:#fff4ec;color:var(--farbe-warnung);border-color:var(--farbe-warnung)}.ampel--ueberschritten{background:#fdecec;color:#9b1c1c;border-color:#9b1c1c}.stempel-status{padding:14px;border-radius:var(--radius);font-size:1.2rem;font-weight:700;text-align:center;background:var(--farbe-hintergrund);margin-bottom:12px}.stempel-status[data-zustand=arbeit]{background:#dff2e3;color:#14532d}.stempel-status[data-zustand=pause]{background:#fff4ec;color:var(--farbe-warnung)}.unterschrift-block{margin-top:16px}.unterschrift{display:block;width:100%;height:auto;aspect-ratio:3 / 1;margin-top:8px;border:2px dashed var(--farbe-linie);border-radius:8px;background:#fff}.unterschrift-bild{display:block;width:100%;max-width:320px;border:1px solid var(--farbe-linie);border-radius:8px;background:#fff}.foto-galerie{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.foto-vorschau{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid var(--farbe-linie)}.dialog{position:fixed;inset:0;z-index:var(--z-modal-bg);display:flex;align-items:center;justify-content:center;padding:var(--abstand);background:#0f35548c}.dialog__karte{z-index:var(--z-modal-sheet);width:100%;max-width:480px;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--farbe-flaeche);border-radius:var(--radius);padding:20px var(--abstand)}.dialog__karte h2{font-size:1.15rem;margin-bottom:10px}.dialog__knoepfe{display:flex;gap:10px;margin-top:16px}.top-nav__rechts{margin-left:auto;display:flex;align-items:center;gap:4px}.top-nav__benutzer{font-size:.9rem;opacity:.85;white-space:nowrap;margin-right:4px}.top-nav__aktion{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:none;color:#fff;cursor:pointer}.top-nav__aktion:hover{background:#ffffff26}.ma-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid var(--farbe-hintergrund)}.ma-zeile:last-child{border-bottom:none}.ma-zeile__status{color:var(--farbe-text-gedimmt);font-size:.9rem}.ma-knopf{min-height:44px;padding:0 14px;border:1px solid var(--farbe-linie);border-radius:8px;background:var(--farbe-flaeche);font:inherit;cursor:pointer}.ma-formular{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ma-formular input{flex:1 1 180px;min-height:44px;padding:8px 12px;font:inherit;border:2px solid var(--farbe-linie);border-radius:8px}.ma-temp-pin{margin-top:12px;padding:12px;border-radius:8px;background:var(--farbe-hintergrund);font-weight:600}@media(max-width:640px){.tab-bar__tab--sekundaer{display:none}}@media(min-width:1025px){.tab-bar{display:none}.sidebar{display:flex}.panel{margin-left:var(--sidebar-b)}.summary-footer{left:var(--sidebar-b)}}