/* Automatisch erzeugt aus admin.css – nicht von Hand ändern. Alle Regeln gelten nur innerhalb von .vfl-v */
.vfl-v {--b: #0B3B8C; --bd: #072A66; --bh: #E8EFFA; --l: #D7E0EE;}
.vfl-v .vfl-kopfzeile {display: flex; align-items: center; gap: 14px; margin: 10px 0 18px; flex-wrap: wrap;}
.vfl-v .vfl-kopfzeile h1 {margin: 0; padding: 0; font-size: 1.7rem; font-weight: 800; color: #072A66;}
.vfl-v .vfl-kopfzeile p {margin: 2px 0 0; color: #5B6B85;}
.vfl-v .vfl-rechts {margin-left: auto !important;}
.vfl-v .vfl-kacheln {display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; margin: 0 0 24px;}
.vfl-v .vfl-kachel {display: flex; flex-direction: column; gap: 2px; padding: 16px 18px; background: #fff; border: 1px solid #D7E0EE; border-radius: 12px; text-decoration: none; color: #14213D;}
.vfl-v .vfl-kachel strong {font-size: 2rem; line-height: 1.1; color: #0B3B8C; font-weight: 800;}
.vfl-v .vfl-kachel span {color: #5B6B85;}
.vfl-v a.vfl-kachel:hover {border-color: #0B3B8C;}
.vfl-v .vfl-kachel--warn {border-color: #F4B400; box-shadow: 0 0 0 3px rgba(244, 180, 0, .18);}
.vfl-v .vfl-kachel--warn strong {color: #B07F00;}
.vfl-v .vfl-kachel--formular {flex-direction: row; align-items: center; gap: 10px; font-weight: 700;}
.vfl-v .vfl-kachel--formular .dashicons {color: #0B3B8C; font-size: 28px; width: 28px; height: 28px;}
.vfl-v .vfl-kachel--formular span:last-child {color: #14213D;}
.vfl-v .vfl-marke {display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #EEF1F5;}
.vfl-v .vfl-marke--offen {background: #FFF4D6; color: #8A6200;}
.vfl-v .vfl-marke--ok, .vfl-v .vfl-marke--unterschrieben {background: #E2F4EA; color: #136C43;}
.vfl-v .vfl-marke--storniert {background: #F6E3E1; color: #9B2C20;}
.vfl-v .vfl-aktionen .button {margin: 2px 2px 2px 0 !important;}
.vfl-v .vfl-link-rot {color: #B32D2E !important;}
.vfl-v .vfl-werhatwas {background: #fff; border: 1px solid #D7E0EE; border-radius: 12px;}
.vfl-v .vfl-person-zeile {display: grid; grid-template-columns: 40px 200px 1fr auto; gap: 12px; align-items: center; padding: 10px 14px; border-top: 1px solid #EEF2F8;}
.vfl-v .vfl-person-zeile:first-child {border-top: 0;}
.vfl-v .vfl-person-name a {font-weight: 700; text-decoration: none; display: block;}
.vfl-v .vfl-person-name small {color: #5B6B85;}
.vfl-v .vfl-chips {display: flex; flex-wrap: wrap; gap: 4px;}
.vfl-v .vfl-chip {background: #E8EFFA; color: #072A66; border-radius: 6px; padding: 2px 8px; font-size: 12px;}
.vfl-v .vfl-chip--offen {background: #FFF4D6; color: #8A6200;}
.vfl-v .vfl-leer {color: #9AA9C2;}
.vfl-v .vfl-avatar {border-radius: 50%; object-fit: cover;}
.vfl-v .vfl-avatar--ini {display: inline-flex; align-items: center; justify-content: center; background: #0B3B8C; color: #fff; font-weight: 800;}
.vfl-v .column-vfl_foto {width: 48px;}
.vfl-v .vfl-maske fieldset {border: 1px solid #E1E7F0; border-radius: 10px; padding: 8px 14px 4px; margin: 0 0 14px;}
.vfl-v .vfl-maske legend {font-weight: 800; color: #072A66; padding: 0 6px;}
.vfl-v .vfl-raster {display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 0 16px;}
.vfl-v .vfl-feld {margin: 6px 0 10px; display: flex; flex-direction: column; gap: 3px;}
.vfl-v .vfl-feld label {font-weight: 600;}
.vfl-v .vfl-feld input:not([type=checkbox]), .vfl-v .vfl-feld select, .vfl-v .vfl-feld textarea {width: 100%; max-width: 100%;}
.vfl-v .vfl-feld--checkbox {justify-content: flex-end;}
.vfl-v .vfl-feld--textarea {grid-column: 1 / -1;}
.vfl-v .vfl-hochladen {display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 12px; padding: 10px; background: #F6F8FB; border-radius: 8px;}
.vfl-v .vfl-gross {min-height: 40px; font-size: 15px !important; min-width: 260px; max-width: 100%;}
.vfl-v .vfl-schritt {display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 16px; background: #fff; border: 1px solid #D7E0EE; border-radius: 12px; padding: 14px 16px;}
.vfl-v .vfl-schritt > span:first-child {width: 30px; height: 30px; border-radius: 50%; background: #0B3B8C; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 800;}
.vfl-v .vfl-schritt > label {font-weight: 800; font-size: 15px; min-width: 90px;}
.vfl-v .vfl-schritt .description {flex-basis: 100%; margin: 0 0 0 42px;}
.vfl-v .vfl-nur {font-weight: 400 !important;}
.vfl-v .vfl-katalog {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; margin: 0 0 16px;}
.vfl-v .vfl-kat {background: #fff; border: 1px solid #D7E0EE; border-radius: 12px; padding: 6px 10px 10px; margin: 0;}
.vfl-v .vfl-kat legend {font-weight: 800; color: #072A66; padding: 0 6px; font-size: 14px;}
.vfl-v .vfl-artikel {display: grid; grid-template-columns: auto 1fr auto auto; gap: 8px; align-items: center; padding: 8px; border-radius: 8px; cursor: pointer;}
.vfl-v .vfl-artikel:hover {background: #F4F7FB;}
.vfl-v .vfl-artikel.ist-gewaehlt {background: #E8EFFA; box-shadow: inset 3px 0 0 #0B3B8C;}
.vfl-v .vfl-artikel.ist-passend .vfl-artikel-name::after {content: "passt"; margin-left: 6px; font-size: 11px; color: #136C43; background: #E2F4EA; padding: 1px 6px; border-radius: 999px;}
.vfl-v .vfl-artikel.ist-weg {opacity: .45; cursor: default;}
.vfl-v .vfl-artikel-name small {display: block; color: #5B6B85;}
.vfl-v .vfl-frei {font-size: 12px; color: #5B6B85; white-space: nowrap;}
.vfl-v .vfl-menge {width: 62px;}
.vfl-v .vfl-absenden {position: sticky; bottom: 0; display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; padding: 12px 16px; background: rgba(255, 255, 255, .96); border: 1px solid #D7E0EE; border-radius: 12px; box-shadow: 0 -4px 16px rgba(7, 42, 102, .08);}
.vfl-v .vfl-ergebnis {background: #fff; border: 2px solid #1A8F5A; border-radius: 14px; padding: 16px 20px; margin: 0 0 20px;}
.vfl-v .vfl-ergebnis h2 {margin: 0 0 6px; color: #136C43;}
.vfl-v .vfl-knoepfe {display: flex; gap: 8px; flex-wrap: wrap;}
.vfl-v .vfl-wa {background: #25D366 !important; border-color: #1EB257 !important; color: #fff !important;}
.vfl-v .vfl-box {background: #fff; border: 1px solid #D7E0EE; border-radius: 12px; padding: 12px 16px; margin: 0 0 16px;}
.vfl-v .vfl-box summary {font-weight: 800; cursor: pointer; color: #072A66;}
.vfl-v .vfl-zeile {display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 12px;}
.vfl-v .vfl-rueck select {min-width: 140px;}
@media (max-width: 782px) {.vfl-v .vfl-person-zeile {grid-template-columns: 40px 1fr auto;} .vfl-v .vfl-chips {grid-column: 1 / -1;} .vfl-v .vfl-gross {min-width: 0; width: 100%;} .vfl-v .vfl-katalog {grid-template-columns: 1fr;} .vfl-v .vfl-absenden .button-hero {width: 100%;}}
.vfl-v .vfl-ausgabe-form:not(.zeige-weg) .vfl-artikel.ist-weg {display:none!important}
.vfl-v .vfl-tipp {margin: -6px 0 12px 4px !important;}
.vfl-v .vfl-kat {margin: 0 0 18px;}
.vfl-v .vfl-kat-titel {margin: 0 0 8px; font-size: 15px; color: #072A66; text-transform: uppercase; letter-spacing: .06em;}
.vfl-v .vfl-modelle {display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 10px;}
.vfl-v .vfl-modell {display: grid; grid-template-columns: 76px 1fr; grid-template-areas: "bild text" "bild gr"; gap: 6px 12px; align-items: start; background: #fff; border: 1px solid #D7E0EE; border-radius: 12px; padding: 10px;}
.vfl-v .vfl-modell.hat-auswahl {border-color: #0B3B8C; box-shadow: 0 0 0 2px rgba(11, 59, 140, .18);}
.vfl-v .vfl-modell.ist-weg {opacity: .55;}
.vfl-v .vfl-bild--modell {grid-area: bild; width: 76px; height: 76px;}
.vfl-v .vfl-modell-text {grid-area: text; line-height: 1.3;}
.vfl-v .vfl-modell-text strong {display: block; font-size: 13.5px; color: #14213D;}
.vfl-v .vfl-modell-text small {color: #5B6B85;}
.vfl-v .vfl-groessen-wahl {grid-area: gr; display: flex; flex-wrap: wrap; gap: 6px;}
.vfl-v .vfl-gr-wahl {position: relative; display: inline-flex !important; align-items: center; gap: 4px; min-height: 34px; padding: 4px 10px; border: 1.5px solid #C9D5E8; border-radius: 999px; background: #fff; cursor: pointer; user-select: none; font-weight: 700;}
.vfl-v .vfl-gr-wahl input[type=checkbox] {position: absolute; opacity: 0; pointer-events: none;}
.vfl-v .vfl-gr-wahl .vfl-frei {font-size: 11px; font-weight: 600; color: #5B6B85; background: #EEF2F8; border-radius: 999px; padding: 0 6px;}
.vfl-v .vfl-gr-wahl.ist-passend {border-color: #1A8F5A;}
.vfl-v .vfl-gr-wahl.ist-passend::after {content: ""; position: absolute; top: -3px; right: -3px; width: 9px; height: 9px; border-radius: 50%; background: #1A8F5A; border: 2px solid #fff;}
.vfl-v .vfl-gr-wahl.ist-gewaehlt {background: #0B3B8C; border-color: #0B3B8C; color: #fff;}
.vfl-v .vfl-gr-wahl.ist-gewaehlt .vfl-frei {background: rgba(255, 255, 255, .2); color: #fff;}
.vfl-v .vfl-gr-wahl.ist-weg {opacity: .45; cursor: not-allowed; text-decoration: line-through;}
.vfl-v .vfl-gr-wahl .vfl-menge {display: none; width: 48px !important; min-height: 26px !important; height: 26px; padding: 0 4px !important; margin-left: 2px; border-radius: 6px;}
.vfl-v .vfl-gr-wahl.ist-gewaehlt .vfl-menge {display: inline-block;}
.vfl-v .vfl-gr-wahl:focus-within {outline: 2px solid #1F5BC4; outline-offset: 2px;}
.vfl-v .vfl-lager-kat {margin: 18px 0 8px; color: #072A66; text-transform: uppercase; letter-spacing: .06em; font-size: 14px;}
.vfl-v .vfl-lager {background: #fff; border: 1px solid #D7E0EE; border-radius: 12px;}
.vfl-v .vfl-lager-modell {display: grid; grid-template-columns: 64px minmax(200px, 320px) 1fr; gap: 12px; align-items: center; padding: 10px 14px; border-top: 1px solid #EEF2F8;}
.vfl-v .vfl-lager-modell:first-child {border-top: 0;}
.vfl-v .vfl-bild--lager {width: 64px; height: 64px;}
.vfl-v .vfl-lager-text strong {display: block;}
.vfl-v .vfl-lager-text small {color: #5B6B85;}
.vfl-v .vfl-lager-groessen {display: flex; flex-wrap: wrap; gap: 6px;}
.vfl-v .vfl-gr {display: inline-flex; align-items: baseline; gap: 4px; padding: 5px 10px; border-radius: 8px; background: #E8EFFA; color: #072A66; text-decoration: none; min-width: 64px;}
.vfl-v .vfl-gr span {font-weight: 700; font-size: 12px; color: #5B6B85;}
.vfl-v .vfl-gr b {font-size: 16px;}
.vfl-v .vfl-gr small {color: #5B6B85;}
.vfl-v .vfl-gr.ist-leer {background: #FDECEA;}
.vfl-v .vfl-gr.ist-leer b {color: #C0392B;}
.vfl-v td.num, .vfl-v th.num {text-align: right;}
@media (max-width: 782px) {.vfl-v .vfl-modelle {grid-template-columns: 1fr;} .vfl-v .vfl-lager-modell {grid-template-columns: 56px 1fr;} .vfl-v .vfl-lager-groessen {grid-column: 1 / -1;}}
.vfl-v .vfl-lager-modell {grid-template-columns: 64px minmax(200px, 320px) 1fr auto;}
.vfl-v .vfl-foto-form {margin: 0;}
@media (max-width: 782px) {.vfl-v .vfl-foto-form {grid-column: 1 / -1;}}
@media (max-width: 782px) {.vfl-v .vfl-lager-modell {grid-template-columns: 56px 1fr;}}