:root{--brand-navy:#0a1929;--brand-turquoise:#14b8a6;--brand-white:#fff;--brand-light-gray:#f4f6f7;--brand-slate:#5c6b73;--brand-blue-mid:#1e3a5f;--brand-amber:#e8a33d;--func-turquoise-text:#0f766e;--func-success:#1e9e64;--func-danger:#c6362d;--color-bg-page:var(--brand-light-gray);--color-bg-surface:var(--brand-white);--color-bg-sidebar:var(--brand-navy);--color-bg-sidebar-raised:var(--brand-blue-mid);--color-bg-muted:color-mix(in srgb, var(--brand-light-gray) 60%, var(--brand-white));--color-border:color-mix(in srgb, var(--brand-navy) 10%, transparent);--color-border-strong:color-mix(in srgb, var(--brand-navy) 18%, transparent);--color-border-sidebar:color-mix(in srgb, var(--brand-white) 12%, transparent);--color-text-heading:var(--brand-navy);--color-text-body:var(--brand-navy);--color-text-muted:var(--brand-slate);--color-text-on-dark:var(--brand-white);--color-text-on-dark-muted:color-mix(in srgb, var(--brand-white) 68%, var(--brand-navy));--color-text-on-accent:var(--brand-navy);--color-text-link:var(--func-turquoise-text);--color-text-danger:var(--func-danger);--color-accent:var(--brand-turquoise);--color-accent-hover:color-mix(in srgb, var(--brand-turquoise) 85%, black);--color-accent-soft:color-mix(in srgb, var(--brand-turquoise) 14%, white);--color-warning:var(--brand-amber);--color-warning-soft:color-mix(in srgb, var(--brand-amber) 16%, white);--color-success:var(--func-success);--color-success-soft:color-mix(in srgb, var(--func-success) 14%, white);--color-danger:var(--func-danger);--color-danger-soft:color-mix(in srgb, var(--func-danger) 12%, white);--color-focus-ring:color-mix(in srgb, var(--brand-turquoise) 45%, transparent);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.55;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-full:999px;--shadow-sm:0 1px 2px color-mix(in srgb, var(--brand-navy) 6%, transparent), 0 1px 1px color-mix(in srgb, var(--brand-navy) 4%, transparent);--shadow-md:0 6px 16px color-mix(in srgb, var(--brand-navy) 8%, transparent), 0 2px 5px color-mix(in srgb, var(--brand-navy) 5%, transparent);--shadow-lg:0 16px 40px color-mix(in srgb, var(--brand-navy) 14%, transparent), 0 4px 10px color-mix(in srgb, var(--brand-navy) 6%, transparent);--shadow-focus:0 0 0 3px var(--color-focus-ring);--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.32s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text-body);background:var(--color-bg-page)}html,body{font-family:var(--font-family);font-size:var(--text-md);line-height:var(--line-height-base);color:var(--color-text-body);background:var(--color-bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2,h3,h4{font-family:var(--font-family);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);line-height:var(--line-height-tight);letter-spacing:-.01em;margin:0 0 var(--space-2)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:var(--color-text-link)}button,input,select,textarea{font-family:inherit}::selection{background:var(--color-accent-soft);color:var(--color-text-heading)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.app-shell{max-width:440px;padding:var(--space-16) var(--space-4);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.app-shell-wrapper{flex-direction:column;min-height:100vh;display:flex}.app-shell-wrapper .app-shell{flex:1}.rechts-footer{justify-content:center;gap:var(--space-2);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.rechts-footer a{color:inherit;text-decoration:underline}.rechts-footer a:hover{color:var(--color-text-link)}.status{text-align:center;margin-top:var(--space-12);color:var(--color-text-muted)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.card label{gap:var(--space-1);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);color:var(--color-text-heading);flex-direction:column;display:flex}.card input,.card select,.card textarea{font:inherit;font-weight:var(--font-weight-regular);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card input:focus,.card select:focus,.card textarea:focus{border-color:var(--brand-turquoise);box-shadow:var(--shadow-focus);outline:none}.card button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:none;align-self:flex-start}.card button:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-sm)}.card button:active:not(:disabled){transform:translateY(1px)}.card button:disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.card fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);transition:opacity var(--transition-base);flex-direction:column;display:flex}.card fieldset legend{padding:0 var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.card fieldset:disabled{opacity:.5}.formular-zweispaltig{gap:0 var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}.formular-spalte{gap:var(--space-4);flex-direction:column;display:flex}.abschnitt-header{background:var(--color-bg-muted);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);text-align:center}.abschnitt-header:first-child{margin-top:0}@media (width<=800px){.formular-zweispaltig{grid-template-columns:minmax(0,1fr)}}.checkbox{align-items:center;gap:var(--space-2)!important;flex-direction:row!important}.hinweis{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.fehler{color:var(--color-text-danger);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin:0}.card input[aria-invalid=true],.card select[aria-invalid=true],.card textarea[aria-invalid=true]{border-color:var(--color-danger)}.card input[aria-invalid=true]:focus,.card select[aria-invalid=true]:focus,.card textarea[aria-invalid=true]:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.card label.feld--fehler{color:var(--color-text-danger)}.pflicht-stern{color:var(--color-text-danger);margin-left:.15em}.feld-meldung{color:var(--color-text-danger);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin:var(--space-1) 0 0}.layout{background:var(--color-bg-page);min-height:100vh;display:flex}.sidebar{background:var(--color-bg-sidebar);width:240px;padding:var(--space-6) var(--space-4);flex-direction:column;flex-shrink:0;display:flex}.app-header-logo{height:38px;display:block}.app-header-nutzer{color:var(--color-text-on-dark);font-weight:var(--font-weight-medium)}.app-header-rolle{color:var(--color-text-on-dark-muted);font-weight:var(--font-weight-regular,400)}.sidebar-logo{margin:0 0 var(--space-8);padding-left:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-on-dark);letter-spacing:.01em;align-items:center;gap:var(--space-2);display:flex}.sidebar-logo:before{content:"";border-radius:var(--radius-full);background:var(--brand-turquoise);flex-shrink:0;width:10px;height:10px;display:inline-block}.sidebar nav ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar nav a{padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-on-dark-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-left:3px solid #0000;text-decoration:none;display:block}.sidebar nav a:hover{background:color-mix(in srgb, var(--brand-white) 6%, transparent);color:var(--color-text-on-dark)}.sidebar nav a.active{background:var(--color-bg-sidebar-raised);color:var(--color-text-on-dark);font-weight:var(--font-weight-semibold);border-left-color:var(--brand-turquoise)}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-header{padding:var(--space-4) var(--space-6);background:var(--color-bg-sidebar);border-bottom:1px solid var(--color-border-sidebar);justify-content:space-between;align-items:center;display:flex}.app-header div{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-on-dark-muted);display:flex}.app-header button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-sidebar);border-radius:var(--radius-sm);color:var(--color-text-on-dark);font-weight:var(--font-weight-medium);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);background:0 0}.app-header button:hover{border-color:var(--brand-turquoise);background:color-mix(in srgb, var(--brand-white) 6%, transparent)}.content{padding:var(--space-8);flex:1}.page{gap:var(--space-5);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.tabelle-scroll{overflow-x:auto}.tabelle-aktionsspalte{position:sticky;right:0;box-shadow:-2px 0 4px #00000014}td.tabelle-aktionsspalte{background:var(--color-bg-surface)}th.tabelle-aktionsspalte{background:var(--color-bg-muted)}.kommunikation-text{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-bg-muted,#f4f6f7);border-radius:var(--radius,6px);white-space:pre-wrap;word-break:break-word;font-size:var(--text-sm)}@media (width<=992px){.sidebar{width:200px}.content{padding:var(--space-5)}}@media (width<=768px){.layout{flex-direction:column;min-height:auto}.sidebar{border-bottom:1px solid var(--color-border-sidebar);width:100%;padding:var(--space-4)}.sidebar-logo{margin-bottom:var(--space-3)}.sidebar nav ul{gap:var(--space-2);flex-flow:wrap}.sidebar nav a{border-bottom:2px solid #0000;border-left:none}.sidebar nav a.active{border-left-color:#0000;border-bottom-color:var(--brand-turquoise)}.app-header{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.app-header>div{justify-content:flex-start;row-gap:var(--space-2);flex-wrap:wrap;width:100%}.sync-status{row-gap:var(--space-1,4px);flex-wrap:wrap;margin-right:0}.app-header-link{margin-left:auto}.content{padding:var(--space-4)}.tabellen-kopf,.tabellen-pagination{gap:var(--space-2);flex-wrap:wrap}.formular-zweispaltig{grid-template-columns:minmax(0,1fr)}}@media (width<=576px){.app-shell{padding:var(--space-8) var(--space-2)}.content{padding:var(--space-3)}.grenzwerte-zeile{flex-direction:column;align-items:stretch}.app-header-rolle{display:none}.sync-meldung{flex-basis:100%}}.filter-leiste{gap:var(--space-3);display:flex}.tabelle{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.tabelle th,.tabelle td{text-align:left;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.tabelle th{background:var(--color-bg-muted);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.tabelle th.sortierbar{cursor:pointer;transition:color var(--transition-fast)}.tabelle th.sortierbar:hover{color:var(--func-turquoise-text)}.tabelle tr{transition:background-color var(--transition-fast)}.tabelle tr.klickbar{cursor:pointer}.tabelle tr.klickbar:hover{background:var(--color-accent-soft)}.tabelle th.tabellen-checkbox-spalte,.tabelle td.tabellen-checkbox-spalte{width:var(--space-8);text-align:center}.daten-tabelle-seite{gap:var(--space-4);flex-direction:column;display:flex}.tabellen-kopf{justify-content:space-between;align-items:center;display:flex}.tabellen-kopf-links{align-items:center;gap:var(--space-4);display:flex}.tabellen-kopf-links h2{margin:0}.tabellen-neu-button{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--text-lg);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:flex}.tabellen-neu-button:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tabellen-kopf-rechts{align-items:center;gap:var(--space-2);display:flex}.tabellen-such-icon{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:var(--space-7);height:var(--space-7);cursor:pointer;font-size:var(--text-sm);transition:border-color var(--transition-fast)}.tabellen-such-icon:hover{border-color:var(--brand-turquoise)}.tabellen-filter-button{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-heading);transition:border-color var(--transition-fast), color var(--transition-fast)}.tabellen-filter-button:hover{border-color:var(--brand-turquoise);color:var(--func-turquoise-text)}.tabellen-filter-zeile th{padding:var(--space-2) var(--space-4);background:var(--color-bg-surface)}.tabellen-filter-zeile input{width:100%;font:inherit;font-weight:var(--font-weight-regular);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-sizing:border-box}.tabellen-suchfeld{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);max-width:320px}.tabellen-pagination{color:var(--color-text-muted);font-size:var(--text-xs);justify-content:space-between;align-items:center;display:flex}.tabellen-pagination-buttons{align-items:center;gap:var(--space-2);display:flex}.tabellen-pagination-buttons button{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast)}.tabellen-pagination-buttons button:hover:not(:disabled){border-color:var(--brand-turquoise);color:var(--func-turquoise-text)}.tabellen-pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.inline-form{gap:var(--space-2);flex-direction:column;max-width:400px;display:flex}.inline-form-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.tabellen-zeilen-aktionen{gap:var(--space-2);white-space:nowrap;display:flex}.tabellen-zeilen-aktionen button{align-self:auto}.tabellen-aktion-link{padding:2px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--brand-turquoise);color:var(--func-turquoise-text);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast);text-decoration:none;display:inline-block}.tabellen-aktion-link:hover{background:var(--brand-turquoise);color:var(--color-text-on-accent)}.link-button{cursor:pointer;font:inherit;transition:color var(--transition-fast);border:none;align-self:flex-start;text-decoration:underline;color:var(--color-text-link)!important;background:0 0!important;padding:0!important}.link-button:hover{color:var(--brand-navy)!important}.kunden-liste{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kunde-titel{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.standort-zeile{align-items:center;gap:var(--space-4);display:flex}.standorte-liste{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.standorte-block{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);gap:var(--space-2);flex-direction:column;display:flex}.dashboard-spalten{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=800px){.dashboard-spalten{grid-template-columns:minmax(0,1fr)}}.betriebsbereich-beispiele{margin:.15rem 0 0;font-size:.85em;line-height:1.35}label>select{text-overflow:ellipsis;max-width:100%}.fristen-liste{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fristen-zeile{border-left:4px solid var(--farbe-rahmen);padding:var(--space-2) var(--space-3);background:var(--farbe-flaeche-gedaempft,#00000005);border-radius:var(--radius-s,4px)}.fristen-ueberfaellig{border-left-color:var(--farbe-fehler,#c0392b)}.fristen-bald{border-left-color:var(--farbe-warnung,#e67e22)}.fristen-spaeter{border-left-color:var(--farbe-erfolg,#27ae60)}.fristen-kopf{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.fristen-standort{font-weight:600}.fristen-datum{white-space:nowrap;font-variant-numeric:tabular-nums}.fristen-kennzahlen{gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin-top:.25rem;font-size:.9em;display:flex}.fristen-warnung{color:var(--farbe-fehler,#c0392b);font-weight:600}.fristen-hinweis-marker:before{content:"📝 "}.standort-fristen{align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.standort-fristen .checkbox-zeile{align-items:center;gap:.4rem;display:flex}.standort-fristen .hinweis{flex-basis:100%;margin:0}.pruefarten-liste{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.pruefart-karte{color:inherit;transition:transform var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none}.pruefart-karte:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.grenzwerte-block{gap:var(--space-4);margin-top:var(--space-3);flex-direction:column;display:flex}.grenzwerte-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.grenzwerte-fieldset legend{font-weight:var(--font-weight-semibold);padding:0 var(--space-2)}.grenzwerte-felder{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.grenzwerte-felder label{gap:var(--space-1);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);flex-direction:column;display:flex}.grenzwerte-fieldset button{align-self:flex-start}.tab-leiste{gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.tab-leiste a{color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--text-sm);padding-bottom:var(--space-1);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;flex-shrink:0;text-decoration:none}.tab-leiste a:hover,.tab-leiste a.active{color:var(--func-turquoise-text);border-bottom-color:var(--brand-turquoise)}.sichtpruefung-liste{column-gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.sichtpruefung-frage{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);display:flex}.sichtpruefung-schalter{gap:var(--space-3);flex-shrink:0;display:flex}.schalter-option{align-items:center;gap:var(--space-1);font-weight:var(--font-weight-regular);display:flex}.messwerte-grid{gap:var(--space-1);flex-direction:column;display:flex}.messwerte-kopf{font-weight:var(--font-weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border-strong);grid-template-columns:1fr 1fr;display:grid}.messwerte-zeile-neu{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);grid-template-columns:90px 1fr 120px;display:grid}.messwerte-label{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.messwerte-eingabe-neu{align-items:center;gap:var(--space-2);display:flex}.messwerte-eingabe-neu input{flex:1;min-width:0}.messwerte-einheit{color:var(--color-text-muted);font-size:var(--text-sm);flex-shrink:0}.messwerte-grenzwert{color:var(--color-text-muted);font-size:var(--text-sm)}.modal-overlay{background:color-mix(in srgb, var(--brand-navy) 45%, transparent);z-index:100;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.modal-formular{max-width:720px;max-height:90vh;overflow-y:auto}.termine-auswahl{gap:var(--space-3);flex-wrap:wrap;display:flex}.termine-option{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast), background-color var(--transition-fast)}.termine-option:has(input:checked){background:var(--color-accent-soft);border-color:var(--brand-turquoise)}.checkbox-gross input[type=checkbox]{width:var(--space-6);height:var(--space-6);accent-color:var(--brand-turquoise)}.ampel{border-radius:var(--radius-full);background:var(--color-border-strong);width:12px;height:12px;box-shadow:var(--shadow-sm);transition:background-color var(--transition-slow), box-shadow var(--transition-slow);display:inline-block}.ampel.ampel-gruen{background:var(--color-success);box-shadow:0 0 0 4px var(--color-success-soft)}.ampel.ampel-gelb{background:var(--color-warning);box-shadow:0 0 0 4px var(--color-warning-soft)}.ampel.ampel-rot{background:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-soft)}.checkbox-inline{white-space:nowrap;align-items:center;gap:6px;font-weight:400;display:inline-flex}.standort-karte{border:1px solid var(--farbe-rahmen,#e2e8f0);margin:12px 0 16px}.standort-karte .page-header{margin-bottom:8px}.standort-name-input{min-width:20rem;font-size:1.05rem;font-weight:600}.betriebsbereiche-block{margin-top:12px}.betriebsbereiche-block h5{text-transform:uppercase;letter-spacing:.04em;color:var(--farbe-grau-blau,#5c6b73);margin:0 0 8px;font-size:.85rem}.card fieldset,.grenzwerte-fieldset{min-width:0}@media (width<=640px){.card select,.card input,.card textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.sichtpruefung-liste{grid-template-columns:1fr}.sichtpruefung-frage{align-items:stretch;gap:var(--space-2);padding:var(--space-3) 0;flex-direction:column}.sichtpruefung-frage>span{overflow-wrap:anywhere;min-width:0}.sichtpruefung-schalter{gap:var(--space-2)}.schalter-option{padding:var(--space-2) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface,#fff);flex:1;justify-content:center}.schalter-option:has(input:checked){border-color:var(--brand-turquoise);background:color-mix(in srgb, var(--brand-turquoise) 12%, #fff);font-weight:var(--font-weight-semibold)}.messwerte-kopf{display:none}.messwerte-zeile-neu{gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label grenzwert""eingabe eingabe"}.messwerte-label{grid-area:label}.messwerte-grenzwert{text-align:right;grid-area:grenzwert}.messwerte-grenzwert:before{content:"Grenzwert: "}.messwerte-eingabe-neu{grid-area:eingabe}.messwerte-eingabe-neu input,.messwerte-eingabe-neu select{flex:1;width:auto;min-height:44px;font-size:16px}.messwerte-zeile-neu>.checkbox-gross{grid-column:1/-1}}.datei-button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);background:#fff;align-items:center;gap:6px;display:inline-flex}.datei-button:hover{border-color:var(--brand-turquoise)}.datei-liste{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);padding:0;list-style:none}.pruefart-tabs{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.pruefart-tab{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);background:#fff}.pruefart-tab.aktiv{background:var(--brand-navy,#0a1929);border-color:var(--brand-navy,#0a1929);color:#fff}.pruefart-tab:not(.aktiv):hover{border-color:var(--brand-turquoise)}.pruefart-kontext-hinweis{padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-sm);background:var(--brand-navy,#0a1929);color:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-medium);display:inline-block}.portal-shell{background:var(--color-bg,#f6f7f9);flex-direction:column;min-height:100vh;display:flex}.portal-inhalt{width:100%;max-width:960px;padding:var(--space-6) var(--space-4);margin:0 auto}.portal-inhalt .card{margin-bottom:var(--space-4)}.portal-passwort{max-width:420px;margin-bottom:var(--space-4)}.portal-standort{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.zuordnung-block{margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3)}.zuordnung-liste{max-height:320px;margin:var(--space-2) 0;overflow-y:auto}.zuordnung-gruppe{margin-bottom:var(--space-2)}.zuordnung-gruppe-kopf{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.mfa-qr{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:200px;height:200px;padding:var(--space-2);background:#fff}.app-header-link{color:#fff;font-size:var(--text-sm);margin-right:var(--space-3);opacity:.9;text-decoration:none}.app-header-link:hover{opacity:1;text-decoration:underline}.offline-badge{margin-right:var(--space-3);color:#fff;font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-semibold,600);vertical-align:middle;background:#b45309;border-radius:999px;padding:2px 8px;display:inline-block}.sync-status{align-items:center;gap:var(--space-2);margin-right:var(--space-3);vertical-align:middle;display:inline-flex}.sync-badge{color:#fff;font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-semibold,600);background:#0e7490;border-radius:999px;padding:2px 8px;display:inline-block}.sync-button{font-size:var(--text-xs,.75rem);padding:2px 10px}.sync-meldung{color:var(--color-text-on-dark-muted,#cbd5e1);font-size:var(--text-xs,.75rem)}.neuer-betriebsbereich{gap:var(--space-2,8px);margin:var(--space-2,8px) 0;padding:var(--space-3,12px);border:1px solid var(--color-border,#d0d7de);border-radius:var(--radius,8px);background:var(--color-surface-muted,#f6f8fa);flex-direction:column;display:flex}.neuer-betriebsbereich label,.neuer-betriebsbereich input{width:100%}.code-block{background:var(--color-bg,#f6f7f9);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-sm);white-space:pre;overflow-x:auto}.pruefart-badge{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border:1px solid var(--color-border);vertical-align:middle;margin-left:var(--space-2);border-radius:999px;padding:2px 10px;display:inline-block}.einstellungen-gruppe{margin-bottom:var(--space-4)}.einstellungen-gruppe-titel{font-size:var(--text-xs,.75rem);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1);display:block}.einheit-input{max-width:70px}.zahl-input{max-width:90px}.id-scan-zeile{align-items:center;gap:var(--space-2);display:flex}.id-scan-zeile input{flex:1;min-width:0}.id-scan-zeile .datei-button{white-space:nowrap;flex-shrink:0}.scanner-overlay{z-index:1000;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scanner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-rahmen{border:3px solid var(--brand-turquoise,#14b8a6);border-radius:12px;width:min(75vw,340px);height:45vw;max-height:200px;position:relative;box-shadow:0 0 0 100vmax #00000073}.scanner-hinweis{color:#fff;font-size:var(--text-sm);text-align:center;margin-top:16px;padding:0 16px;position:relative}.scanner-fehler{color:#fca5a5;font-size:var(--text-sm);text-align:center;margin-top:8px;padding:0 16px;position:relative}.scanner-abbrechen{bottom:max(24px, env(safe-area-inset-bottom));color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff80;border-radius:999px;padding:12px 32px;font-size:16px;position:absolute;left:50%;transform:translate(-50%)}.ampel-kennzahlen{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.ampel-karte{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid;flex-direction:column;flex:140px;display:flex}.ampel-karte strong{font-size:var(--text-2xl);line-height:1}.ampel-karte span{font-size:var(--text-sm);color:var(--color-text-muted)}.ampel-block{margin-bottom:var(--space-6);padding-left:var(--space-4);border-left:4px solid}.ampel-block h3{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-md);display:flex}.ampel-anzahl{padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-muted);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.ampel-rot{border-color:var(--color-danger)}.ampel-rot .ampel-karte,.ampel-karte.ampel-rot{background:var(--color-danger-soft)}.ampel-gelb{border-color:var(--color-warning)}.ampel-karte.ampel-gelb{background:var(--color-warning-soft)}.ampel-gruen{border-color:var(--color-success)}.ampel-grau{border-color:var(--color-border-strong)}.ampel-text-gruen{color:var(--color-success);white-space:nowrap;font-weight:600}.fristen-tabelle td:first-child{padding-left:var(--space-3);border-left:4px solid #0000}.fristen-zeile-rot td:first-child{border-left-color:var(--color-danger)}.fristen-zeile-gelb td:first-child{border-left-color:var(--color-warning)}.fristen-zeile-gruen td:first-child{border-left-color:var(--color-success)}.fristen-zeile-grau td:first-child{border-left-color:var(--color-border-strong)}.status-pille{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;padding:.1em .6em;display:inline-block}.status-rot{background:var(--color-danger-soft);color:var(--color-text-danger)}.status-gelb{background:var(--color-warning-soft);color:var(--color-text-heading)}.status-gruen{background:var(--color-success-soft);color:var(--color-text-heading)}.status-grau{background:var(--color-bg-muted);color:var(--color-text-muted)}.abschluss-kopf{align-items:center;gap:var(--space-6);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.abschluss-gruppe{margin-top:var(--space-3)}.abschluss-liste{margin:var(--space-1) 0 0;padding-left:var(--space-5)}.abschluss-liste li{margin-bottom:var(--space-1)}.fristen-tabelle td button{white-space:nowrap;padding:var(--space-2) var(--space-4)}.fristen-tabelle .inline-form-buttons{flex-wrap:nowrap}.tabelle-thema-zeile td{background:var(--color-bg-muted);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.typ-pille{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-accent-soft);color:var(--color-text-muted);white-space:nowrap;padding:.1em .6em;display:inline-block}.ampel-karte.ampel-grau{background:var(--color-bg-muted)}.ampel-liste{margin:0;padding:0;list-style:none}.ampel-zeile{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.ampel-zeile:last-child{border-bottom:none}.ampel-zeile-haupt{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ampel-zeile-titel{font:inherit;color:var(--color-text-heading);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.ampel-zeile-titel:disabled{cursor:default;color:var(--color-text-heading)}.ampel-zeile-person{font-size:var(--text-sm);color:var(--color-text-muted)}.ampel-zeile-termin{align-items:baseline;gap:var(--space-2);white-space:nowrap;display:flex}@media (width<=640px){.ampel-zeile{flex-direction:column;align-items:flex-start}.ampel-zeile-termin{white-space:normal;flex-wrap:wrap}}.schnell-tabelle{font-size:var(--text-base)}.schnell-tabelle td{vertical-align:top}.schnell-tabelle th.schnell-wahl,.schnell-tabelle td.schnell-wahl{text-align:center;width:8.5rem}.card .schnell-wahl-feld{padding:var(--space-2) 0;cursor:pointer;display:block}.card .schnell-wahl-feld input[type=radio]{width:1.35rem;height:1.35rem;accent-color:var(--color-accent);cursor:pointer;background:0 0;border:none;border-radius:0;padding:0}.card .schnell-wahl-feld input[type=radio]:focus{box-shadow:none;outline:2px solid var(--color-accent);outline-offset:2px}.schnell-erkennen{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:2px}.card .schnell-info{margin-top:var(--space-2);color:var(--color-text-link);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;align-self:auto;padding:0;text-decoration:underline}.card .schnell-info:hover:not(:disabled){box-shadow:none;color:var(--color-text-heading);background:0 0}.schnell-zeile.schnell-ja,.schnell-zusatz.schnell-ja{background:var(--color-accent-soft)}.schnell-zeile.schnell-nein,.schnell-zusatz.schnell-nein{background:var(--color-bg-muted)}.schnell-zeile.schnell-spaeter,.schnell-zusatz.schnell-spaeter{background:var(--color-warning-soft)}.schnell-zusatz td{padding-top:0}.schnell-umfang{margin:0 0 var(--space-2);padding-left:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.pwa-update-banner{z-index:2000;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--brand-navy);color:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.pwa-update-banner button{flex-shrink:0}