.lv-knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--r8);height:var(--gestalt-knopf);padding:0 var(--r12);
  border:1px solid var(--linie-2);border-radius:var(--r-sm);background:var(--flaeche);color:var(--ink);font:var(--knopf-gewicht) var(--knopf-text)/1 var(--sans);
  cursor:pointer;white-space:nowrap;transition:background-color var(--d-1) var(--e-zeiger),border-color var(--d-1) var(--e-zeiger),color var(--d-1) var(--e-zeiger)}
.lv-knopf:hover{background:var(--mulde)}
.lv-knopf.haupt{background:var(--haupt-flaeche);border-color:transparent;color:var(--auf-handlung)}
.lv-knopf.haupt:hover{background:var(--haupt-flaeche-hover)}
.lv-knopf.still{background:transparent;border-color:transparent;color:var(--ink-2)}
.lv-knopf.still:hover{background:var(--hover);color:var(--ink)}
.lv-knopf.gefahr{background:var(--gefahr-flaeche,var(--gefahr));border-color:var(--gefahr-rand,transparent);color:var(--gefahr-schrift,var(--auf-gefahr))}
.lv-knopf.gefahr:hover{background:var(--gefahr-flaeche-hover,var(--gefahr-hover))}
.lv-knopf.klein{height:var(--gestalt-knopf-klein);padding:0 var(--r8);font-size:var(--text-klein)}
.lv-knopf-text{text-box:trim-both cap alphabetic}
.lv-knopf:disabled,.lv-knopf[aria-disabled="true"]{cursor:default;opacity:.5}
.lv-knopf-zeichen{display:inline-flex}
.lv-knopf:focus-visible,.lv-eingabe:focus-visible,.lv-zeile:focus-visible,.lv-punkt:focus-visible,.lv-wahl-zeile input:focus-visible{
  outline:var(--fokus-breite) solid var(--blau-text);outline-offset:var(--fokus-abstand)}

.lv-formular{display:grid;gap:var(--r20);min-width:0}
.lv-feld{display:grid;gap:var(--r4);min-width:0;margin:0;padding:0;border:0}
.lv-beschriftung{padding:0;font:600 var(--text-liste)/1.4 var(--sans);color:var(--ink)}
.lv-eingabe{box-sizing:border-box;width:100%;min-height:var(--gestalt-knopf);padding:0 var(--r12);border:1px solid var(--strich);border-radius:var(--r-sm);
  background:var(--flaeche);color:var(--ink);font:400 var(--text)/1.4 var(--sans);transition:border-color var(--d-1) var(--e-zeiger)}
textarea.lv-eingabe{padding:var(--r8) var(--r12);resize:vertical}
.lv-eingabe:focus{border-color:var(--blau-text)}
.lv-eingabe[aria-invalid="true"]{border-color:var(--rot)}
.lv-hilfe,.lv-fehler{margin:0;font:400 var(--text-klein)/1.4 var(--sans);color:var(--ink-3)}
.lv-fehler{color:var(--rot-text)}
.lv-wahl{display:grid;gap:var(--r4)}
.lv-wahl-zeile{display:flex;align-items:center;gap:var(--r8);min-height:var(--gestalt-knopf);font:400 var(--text)/1.4 var(--sans);color:var(--ink);cursor:pointer}
.lv-wahl-zeile input{accent-color:var(--handlung)}
.lv-knoepfe{display:flex;flex-wrap:wrap;gap:var(--r8);justify-content:flex-start}
.lv-formular[aria-busy="true"]{cursor:progress}
.lv-formular[tabindex]:focus{outline:none}
.lv-formularfuss{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r8) var(--r16);padding-top:var(--r12);border-top:1px solid var(--linie)}
.lv-kartenrumpf>.lv-formular>.lv-formularfuss{margin-inline:calc(-1 * var(--innen));padding-inline:var(--innen)}
.lv-formularfuss[hidden],.lv-formularfuss>[hidden]{display:none}
.lv-fuss-satz{flex:1 1 auto;min-width:0;margin:0;font:400 var(--text-klein)/1.4 var(--sans);color:var(--ink-2)}
.lv-formularfuss>.lv-knoepfe{margin-left:auto;justify-content:flex-end}

.lv-liste{display:grid;border:1px solid var(--linie);border-radius:var(--r-md);background:var(--flaeche);overflow:clip}
.lv-zeile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--r12);min-height:var(--gestalt-zeile);padding:0 var(--innen);
  border:0;border-top:1px solid var(--linie);background:transparent;color:var(--ink);font:inherit;text-align:left;
  transition:background-color var(--d-1) var(--e-zeiger)}
.lv-zeile:first-child{border-top:0}
button.lv-zeile{cursor:pointer;width:100%}
button.lv-zeile:hover,.lv-zeile.an{background:var(--hover)}
.lv-zeile-text{display:grid;min-width:0}
.lv-zeile-zeichen{display:inline-flex;color:var(--ink-3)}
.lv-titel{overflow:hidden;font:600 var(--text-zeile)/1.4 var(--sans);text-overflow:ellipsis;white-space:nowrap}
.lv-unter{overflow:hidden;font:400 var(--text-klein)/1.4 var(--sans);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap}
.lv-zeile-rechts{display:inline-flex;align-items:center;gap:var(--r8);color:var(--ink-2);font:400 var(--text-klein)/1 var(--sans)}
.lv-tabelle{width:100%;border-collapse:collapse;font:400 var(--text-zeile)/1.4 var(--sans);color:var(--ink)}
.lv-tabelle-titel{padding:0 0 var(--r8);font:600 var(--text-titel)/1.4 var(--sans);text-align:left}
.lv-tabelle th{height:var(--gestalt-tabelle-kopf);padding:0 var(--r12);border-bottom:1px solid var(--linie-2);font:600 var(--text-mikro)/1 var(--sans);
  color:var(--ink-3);text-align:left}
.lv-tabelle td{height:var(--gestalt-tabelle-zeile);padding:0 var(--r12);border-top:1px solid var(--linie)}
.lv-tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums}
.lv-tabelle-leer{padding:var(--r24) var(--r12)}

.lv-karte{min-width:0;border-radius:var(--r-karte);background:var(--flaeche);box-shadow:var(--schatten-karte)}
.lv-kartenkopf{display:flex;align-items:center;gap:var(--r8);min-height:var(--gestalt-kartenkopf);padding:0 var(--innen);border-bottom:1px solid var(--linie)}
.lv-kartentitel{margin:0;font:600 var(--text-titel)/1.4 var(--sans);color:var(--ink)}
.lv-kartenhandlung{display:flex;gap:var(--r8);margin-left:auto}
.lv-kartenrumpf{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r12);align-content:start;padding:var(--innen)}
.lv-kartensatz{margin:0}
.lv-kartenfuss{display:flex;gap:var(--r8);padding:0 var(--innen) var(--innen)}

.lv-kontoblatt{display:grid;width:var(--gestalt-kontoblatt);padding:var(--r4);border-radius:var(--r-md);background:var(--flaeche);box-shadow:var(--schatten-hoch);
  font:400 var(--text-neben)/1.4 var(--sans);color:var(--ink)}
.lv-konto-kopf{display:flex;align-items:center;gap:var(--r12);padding:var(--r8)}
.lv-avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--gestalt-avatar);height:var(--gestalt-avatar);border-radius:var(--r-pill);
  border:1px solid color-mix(in oklch,var(--lv-name) 30%,transparent);background:color-mix(in srgb,var(--lv-name) 17%,var(--flaeche));
  color:color-mix(in oklab,var(--lv-name),var(--ink) var(--initialen-licht));font:600 var(--text-klein)/1 var(--sans)}
.lv-avatar[data-name="1"]{--lv-name:var(--name-1)}
.lv-avatar[data-name="2"]{--lv-name:var(--name-2)}
.lv-avatar[data-name="3"]{--lv-name:var(--name-3)}
.lv-avatar[data-name="4"]{--lv-name:var(--name-4)}
.lv-avatar[data-name="5"]{--lv-name:var(--name-5)}
.lv-avatar[data-name="6"]{--lv-name:var(--name-6)}
.lv-konto-text{display:grid;min-width:0}
.lv-konto-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.lv-konto-mail,.lv-konto-weg{overflow:hidden;font-size:var(--text-mikro);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap}
.lv-konto-nachricht{font-size:var(--text-fein);color:var(--ink-2)}
.lv-trenn{height:1px;margin:var(--r4) 0;background:var(--linie)}
.lv-punkt{display:flex;align-items:center;gap:var(--r8);min-height:var(--gestalt-punkt);padding:0 var(--r8);border:0;border-radius:var(--r-xs);background:transparent;
  color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--d-1) var(--e-zeiger)}
.lv-punkt:hover,.lv-punkt:focus-visible{background:var(--hover)}
.lv-punkt-zeichen{display:inline-flex;width:var(--gestalt-zeichen-klein);color:var(--ink-3)}
.lv-punkt-text{flex:1}
.lv-punkt-kuerzel{font:400 var(--text-mikro)/1 var(--sans);color:var(--ink-3)}
.lv-punkt.gefahr,.lv-punkt.gefahr .lv-punkt-zeichen{color:var(--rot-text)}

.lv-zustand{display:grid;justify-items:start;gap:var(--r8);padding:var(--r24) var(--innen);color:var(--ink)}
.lv-zustand-zeichen{display:inline-flex;align-items:center;justify-content:center;width:var(--gestalt-zeichenfeld);height:var(--gestalt-zeichenfeld);border-radius:var(--r-md);background:var(--mulde);color:var(--ink-2)}
.lv-zustand[data-art="fehler"] .lv-zustand-zeichen{background:var(--rot-hell);color:var(--rot-text)}
.lv-zustand[data-art="gesperrt"] .lv-zustand-zeichen,.lv-zustand[data-art="veraltet"] .lv-zustand-zeichen{background:var(--gelb-hell);color:var(--gelb-text)}
.lv-zustand-titel{margin:0;font:600 var(--text)/1.4 var(--sans)}
.lv-zustand-satz,.lv-zustand-schritt{margin:0;font:400 var(--text-liste)/1.4 var(--sans);color:var(--ink-2)}
.lv-zustand-stand{margin:0;font:400 var(--text-klein)/1.4 var(--sans);color:var(--ink-3)}
.lv-zustand-vorfall{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--r8);margin:0;font:400 var(--text-klein)/1.4 var(--sans);color:var(--ink-2)}
.lv-vorfall{font:600 var(--text-liste)/1.4 var(--sans);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--ink);user-select:text}
.lv-zustand[data-art="laedt"]{gap:var(--r12);justify-items:stretch}
.lv-geruest-zeile{height:var(--r12);border-radius:var(--r-xs);background:var(--mulde)}
.lv-geruest-zeile:nth-child(3n+2){width:72%}
.lv-geruest-zeile:nth-child(3n){width:48%}

.lv-toasts{position:fixed;left:50%;bottom:var(--r24);z-index:var(--ebene-hinweis);display:grid;justify-items:center;width:max-content;max-width:calc(100vw - var(--r32));transform:translateX(-50%);pointer-events:none}
.lv-toast{display:flex;align-items:center;gap:var(--r12);min-height:var(--gestalt-knopf);padding:var(--r4) var(--r4) var(--r4) var(--r16);border-radius:var(--r-pill);
  background:var(--pille-grund);color:var(--pille-ink);font:500 var(--text-liste)/1.4 var(--sans);box-shadow:var(--schatten-hoch);pointer-events:auto;white-space:nowrap;
  animation:lv-toast-rein var(--d-2) var(--e-aus)}
.lv-toast-rest{font-variant-numeric:tabular-nums;opacity:.7}
.lv-toast .lv-knopf.still{color:var(--pille-ink)}
@keyframes lv-toast-rein{from{opacity:0;transform:translateY(var(--r8))}}

.lv-rollen{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}
:is(.lv-rollen,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg){scrollbar-width:auto;scrollbar-color:auto}
:is(.lv-rollen,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg)::-webkit-scrollbar{width:var(--r8);height:var(--r8)}
:is(.lv-rollen,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg)::-webkit-scrollbar-button{display:none}
:is(.lv-rollen,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg)::-webkit-scrollbar-track,:is(.lv-rollen,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg)::-webkit-scrollbar-corner{background:transparent}
:is(.lv-rollen,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg)::-webkit-scrollbar-thumb{border:var(--r2) solid transparent;border-radius:var(--r-pill);background:transparent padding-box}
:is(.lv-rollen,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg):is(:hover,:focus-within)::-webkit-scrollbar-thumb{background-color:var(--strich)}

:root[data-gestaltung="arbeitsplatz"] .schleier[data-lavoro-dialog]{position:fixed;inset:0;z-index:var(--ebene-schleier);display:grid;place-items:center;
  padding:var(--r16);background:var(--schleier)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg{display:grid;width:min(var(--gestalt-dialog),100%);max-height:calc(100vh - var(--r32));overflow:auto;
  border-radius:var(--r-lg);background:var(--flaeche);box-shadow:var(--schatten-hoch);color:var(--ink);font:400 var(--text)/1.4 var(--sans)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg.schmal{width:min(var(--gestalt-dialog-schmal),100%)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg.breit,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg.weitwege{width:min(var(--gestalt-dialog-breit),100%)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-kopf{display:flex;align-items:center;gap:var(--r12);padding:var(--r20) var(--r24) var(--r12)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-kopf h2{margin:0;font:600 var(--text-gross)/1.3 var(--sans-gross)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-zeichen{display:inline-flex;align-items:center;justify-content:center;width:var(--gestalt-knopf);height:var(--gestalt-knopf);
  border-radius:var(--r-sm);background:var(--mulde);color:var(--ink-2)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-zeichen.gefahr,:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-zeichen.warnung{
  background:var(--rot-hell);color:var(--rot-text)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-rumpf{display:grid;gap:var(--r12);padding:0 var(--r24) var(--r20)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlgtext{margin:0;color:var(--ink-2)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-zitat{margin:0;padding:var(--r8) var(--r12);border-radius:var(--r-sm);background:var(--mulde);font:400 var(--text-liste)/1.4 var(--mono)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-fuss{display:grid;gap:var(--r8);padding:var(--r12) var(--r24) var(--r20);border-top:1px solid var(--linie)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .knoepfe{display:flex;flex-wrap:wrap;gap:var(--r8);justify-content:flex-end}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .dlg-folge{margin:0;font-size:var(--text-klein);color:var(--ink-3)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] :is(.hauptbtn,.zurueck){height:var(--gestalt-knopf);padding:0 var(--r12);border:1px solid var(--linie-2);
  border-radius:var(--r-sm);background:var(--flaeche);color:var(--ink);font:var(--knopf-gewicht) var(--knopf-text)/1 var(--sans);cursor:pointer;text-box:trim-both cap alphabetic}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .hauptbtn{border-color:transparent;background:var(--haupt-flaeche);color:var(--auf-haupt)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .hauptbtn-gefahr{border-color:var(--gefahr-rand);background:var(--gefahr-flaeche);color:var(--gefahr-schrift)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .hauptbtn-gefahr:hover{background:var(--gefahr-flaeche-hover)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] .gefahrbtn{border-color:var(--rot);color:var(--rot-text)}
:root[data-gestaltung="arbeitsplatz"] [data-lavoro-dialog] :is(.hauptbtn,.zurueck):focus-visible{outline:var(--fokus-breite) solid var(--blau-text);outline-offset:var(--fokus-abstand)}

@media (prefers-reduced-motion:reduce){.lv-toast{animation:none}.lv-knopf,.lv-eingabe,.lv-zeile,.lv-punkt{transition:none}}
@media (pointer:coarse){.lv-knopf,.lv-knopf.klein,.lv-punkt{min-height:var(--ziel-grob)}}