/* 0.260906.12 */
#demo-einsatz[open]{display:flex;flex-direction:column}#demo-einsatz .demo-hinweis{margin:0}#demo-einsatz [hidden]{display:none!important}.einsatz-rollen{display:flex;gap:8px;padding:14px 24px;border-bottom:1px solid var(--linie);flex-shrink:0}.einsatz-rollen button{flex:1;border:1px solid var(--linie);background:var(--grund-hoch);color:var(--tinte);border-radius:8px;padding:12px;cursor:pointer}.einsatz-rollen [aria-pressed=true]{border-color:var(--glut);color:var(--glut)}.einsatz-body{overflow:auto;min-height:0;flex:1;padding:24px 30px}.einsatz-body section>p{color:var(--gedaempft);line-height:1.6;font-size:14px}.einsatz-body label{display:grid;gap:6px;font-size:13px;color:var(--gedaempft);margin:14px 0}.einsatz-body textarea,.einsatz-body select,.einsatz-body input[type=number]{font:inherit;color:var(--tinte);background:var(--grund-hoch);border:1px solid var(--linie-stark);padding:10px;border-radius:6px;width:100%;box-sizing:border-box}.einsatz-body textarea{height:76px;resize:vertical}.einsatz-fotos,.einsatz-felder{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.einsatz-foto{color:var(--gedaempft);background:var(--grund-hoch);border:1px solid var(--linie);border-radius:8px;padding:10px;cursor:pointer}.einsatz-foto svg{width:100%;height:68px}.einsatz-foto strong,.einsatz-foto span{display:block;font-size:13px;margin-top:6px}.einsatz-foto[aria-pressed=true]{border-color:var(--glut);color:var(--glut)}.einsatz-body .demo-primaer{width:auto;margin-top:12px}.einsatz-auftrag{padding:14px 18px;background:var(--grund-hoch);border:1px solid var(--linie);border-radius:8px;font-size:14px;line-height:1.6}.einsatz-body .einsatz-check{display:flex;align-items:center;gap:10px}.einsatz-check input{accent-color:var(--glut)}.einsatz-bericht{display:grid;grid-template-columns:160px 1fr;gap:10px;font-size:14px;line-height:1.5}.einsatz-bericht dt{color:var(--gedaempft)}.einsatz-bericht dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.einsatz-fuss{padding:10px 24px;border-top:1px solid var(--linie);display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--gedaempft)}
@media(max-width:780px){.einsatz-rollen{padding:10px;gap:5px}.einsatz-rollen button{font-size:12px;padding:10px 6px}.einsatz-body{padding:16px}.einsatz-fotos{gap:6px}.einsatz-foto{padding:6px}.einsatz-foto strong,.einsatz-foto span{font-size:11px}.einsatz-felder{grid-template-columns:1fr}.einsatz-bericht{grid-template-columns:1fr;gap:5px}.einsatz-bericht dd{margin-bottom:10px}}
/* 0.260914.1 · Design-Kritik: Feldfehler sichtbar, Rollen-Stand, groessere Bildkacheln, kein halbleerer Dialog. */
.einsatz-rollen button{display:grid;gap:4px;justify-items:center;padding:12px 10px;font-size:14px}.einsatz-rollen button small{font-size:12px;color:var(--gedaempft);letter-spacing:.02em}.einsatz-rollen [aria-pressed=true] small{color:var(--glut)}.einsatz-rollen button small:empty{display:none}
.einsatz-body [aria-invalid=true]{border-color:var(--befund)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--befund) 22%,transparent)}.einsatz-foto[aria-invalid=true]{border-color:var(--befund)}
.einsatz-warnung{margin:14px 0 0;padding:12px 14px;border:1px solid var(--befund);border-radius:8px;color:var(--tinte);background:color-mix(in srgb,var(--befund) 10%,transparent);font-size:14px;line-height:1.55}.einsatz-warnung[hidden]{display:none}
.einsatz-body label,.einsatz-body section>p,.einsatz-fuss{font-size:14px}.einsatz-foto strong,.einsatz-foto span{font-size:14px}.einsatz-foto span{color:var(--gedaempft)}.einsatz-foto svg{height:96px}
#demo-einsatz .demo-anschluss{flex:none}
@media(max-width:780px){.einsatz-rollen button{font-size:13px;padding:10px 6px}.einsatz-rollen button small{font-size:11px}.einsatz-fotos{grid-template-columns:1fr 1fr}.einsatz-foto strong,.einsatz-foto span{font-size:13px}.einsatz-foto svg{height:72px}}
@media(min-width:1000px) and (min-height:700px){#demo-einsatz{height:auto;max-height:calc(100dvh - 32px);width:min(1400px,calc(100vw - 32px))}.einsatz-body{flex:0 1 auto}.einsatz-body textarea{height:76px}.einsatz-foto svg{height:96px}#demo-einsatz .demo-kopf{padding:14px 24px}#demo-einsatz .demo-hinweis{padding:8px 24px}.einsatz-rollen{padding:10px 24px}.einsatz-body{padding:18px 24px}.einsatz-body h3{margin-bottom:10px}.einsatz-body label{margin:10px 0}.einsatz-body textarea{height:60px}.einsatz-foto svg{height:48px}.einsatz-fuss{padding:6px 24px}}