/* KoAtEx-Dok: Entwicklungsfreigabe und vierstufiger Fragebogen. */
.ast-koatex-overlay{position:fixed;inset:0;z-index:2147483450;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(0,0,0,.72);font-family:Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}
.ast-koatex-card{box-sizing:border-box;width:min(760px,100%);max-height:94vh;display:flex;flex-direction:column;overflow:hidden;padding:16px;border:0;border-radius:16px;background:#fff;color:#111;box-shadow:0 12px 44px rgba(0,0,0,.45)}
.ast-koatex-head{position:relative;display:flex;min-height:40px;flex:none;align-items:center;justify-content:center;padding:0 48px;margin-bottom:14px}
.ast-koatex-title{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:0;color:inherit;text-align:center;font-size:18px;line-height:1.3;font-weight:700}
.ast-koatex-title svg{width:23px;height:23px;flex:none}
.ast-koatex-close{position:absolute;right:0;top:0;box-sizing:border-box;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:#ececec;color:#111;font:400 19px/1 Arial,Helvetica,sans-serif;cursor:pointer;-webkit-appearance:none;appearance:none}
.ast-koatex-close:active{background:#dcdcdc}
.ast-koatex-content{flex:1 1 auto;min-height:0;overflow:auto;padding:1px 3px 4px}
.ast-koatex-intro{max-width:620px;margin:0 auto 14px;text-align:center;font-size:15px;line-height:1.4}
.ast-koatex-options{display:grid;gap:9px;margin:0;padding:0;border:0}
.ast-koatex-option{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:9px;box-sizing:border-box;min-height:50px;padding:10px 12px;border:1px solid #aaa;border-radius:11px;background:#f5f5f5;color:inherit;cursor:pointer}
.ast-koatex-option:has(input:checked){border:3px solid #555;padding:8px 10px;background:#e8e8e8}
.ast-koatex-option input[type=radio],.ast-koatex-option input[type=checkbox]{width:22px;height:22px;margin:0;accent-color:#555}
.ast-koatex-option-text{font-size:16px;line-height:1.3;font-weight:600}
.ast-koatex-subfield-wrap{grid-column:2;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;width:100%;margin-top:3px;padding:10px;border:2px solid #777;border-radius:10px;background:#fff}
.ast-koatex-subfield-wrap[hidden]{display:none}
.ast-koatex-subfield-label{font-size:15px;line-height:1.25;font-weight:700}
.ast-koatex-subfield{box-sizing:border-box;width:100%;min-height:46px;padding:9px 10px;border:1px solid #777;border-radius:8px;background:#f5f5f5;color:#111;-webkit-text-fill-color:#111;font:400 16px/1.25 Arial,Helvetica,sans-serif;-webkit-appearance:none;appearance:none}
.ast-koatex-fields{display:grid;grid-template-columns:1fr;gap:12px}
.ast-koatex-field{display:flex;flex-direction:column;gap:6px}
.ast-koatex-field-wide{grid-column:1/-1}
.ast-koatex-field label{font-size:15px;line-height:1.25;font-weight:700}
.ast-koatex-field input,.ast-koatex-field textarea{box-sizing:border-box;width:100%;min-height:46px;padding:9px 11px;border:1px solid #888;border-radius:8px;background:#fff;color:#111;-webkit-text-fill-color:#111;font:400 16px/1.3 Arial,Helvetica,sans-serif;-webkit-appearance:none;appearance:none}
.ast-koatex-field textarea{min-height:108px;resize:vertical}
.ast-koatex-overlay input.ast-koatex-subfield,.ast-koatex-overlay .ast-koatex-field input,.ast-koatex-overlay .ast-koatex-field textarea{box-sizing:border-box!important;width:100%!important;padding:9px 11px!important;border:1px solid #888!important;border-radius:8px!important;background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;font:400 16px/1.3 Arial,Helvetica,sans-serif!important;-webkit-appearance:none!important;appearance:none!important}
.ast-koatex-overlay input.ast-koatex-subfield,.ast-koatex-overlay .ast-koatex-field input{min-height:46px!important;height:46px!important}
.ast-koatex-overlay .ast-koatex-field textarea{min-height:108px!important;height:108px!important}
.ast-koatex-overlay .ast-koatex-field input[type=date]{text-align:left!important}
.ast-koatex-field input:focus,.ast-koatex-field textarea:focus,.ast-koatex-subfield:focus{outline:3px solid #1976d2;outline-offset:1px}
.ast-koatex-required{color:#c00000}
.ast-koatex-footer{flex:none;margin-top:14px}
.ast-koatex-progress-label{margin:0 0 6px;text-align:center;font-size:13px;line-height:1.2;font-weight:700}
.ast-koatex-progress{height:8px;overflow:hidden;border-radius:999px;background:#d0d0d0}
.ast-koatex-progress-bar{height:100%;width:25%;border-radius:inherit;background:#f00;transition:width .2s ease}
.ast-koatex-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.ast-koatex-button{box-sizing:border-box;min-height:48px;padding:11px 14px;border:0;border-radius:11px;background:#ececec;color:#111;-webkit-text-fill-color:#111;font:600 15px/1.25 Arial,Helvetica,sans-serif;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none}
.ast-koatex-button:active{background:#dcdcdc}.ast-koatex-button:disabled{opacity:.38;cursor:default}
.ast-koatex-button:focus-visible,.ast-koatex-close:focus-visible,.ast-koatex-option:focus-within{outline:3px solid #1976d2;outline-offset:2px}
.ast-koatex-gate .ast-koatex-card{width:min(540px,100%)}
.ast-koatex-gate-body{display:flex;flex-direction:column;align-items:center;gap:13px;overflow:auto}
.ast-koatex-gate-text{max-width:490px;margin:0;text-align:center;font-size:15px;line-height:1.4}
.ast-koatex-camera{position:relative;width:min(65vw,270px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#111;box-shadow:inset 0 0 0 6px #fff,0 0 0 1px #888}
.ast-koatex-camera video{width:100%;height:100%;object-fit:cover}
.ast-koatex-scan-note,.ast-koatex-status{max-width:490px;margin:0;color:#1976d2;text-align:center;font-size:15px;line-height:1.35;font-weight:700}
.ast-koatex-status:empty{display:none}
.ast-koatex-gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;width:100%}
.ast-koatex-gate-actions .ast-koatex-button{flex:1 1 210px}
body.ast-koatex-open{overflow:hidden!important}
@media(prefers-color-scheme:dark){
 .ast-koatex-card{background:#1c1c1e;color:#f2f2f7}
 .ast-koatex-close,.ast-koatex-button{background:#333;color:#f2f2f7;-webkit-text-fill-color:#f2f2f7}
 .ast-koatex-close:active,.ast-koatex-button:active{background:#444}
 .ast-koatex-option{border-color:#666;background:#29292c}.ast-koatex-option:has(input:checked){border-color:#bbb;background:#36363a}
 .ast-koatex-subfield-wrap{border-color:#888;background:#29292c}
 .ast-koatex-subfield,.ast-koatex-field input,.ast-koatex-field textarea{border-color:#777;background:#333;color:#fff;-webkit-text-fill-color:#fff}
 .ast-koatex-overlay input.ast-koatex-subfield,.ast-koatex-overlay .ast-koatex-field input,.ast-koatex-overlay .ast-koatex-field textarea{border-color:#777!important;background:#333!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
 .ast-koatex-progress{background:#444}.ast-koatex-required{color:#ff6b6b}
 .ast-koatex-camera{box-shadow:inset 0 0 0 6px #1c1c1e,0 0 0 1px #666}
}
/* Die Auswahl in den Nutzungshinweisen hat Vorrang vor der Geraeteeinstellung. */
html[data-ast-menu-theme="light"] .ast-koatex-card{background:#fff;color:#111;color-scheme:light}
html[data-ast-menu-theme="light"] .ast-koatex-close,
html[data-ast-menu-theme="light"] .ast-koatex-button{background:#ececec;color:#111;-webkit-text-fill-color:#111}
html[data-ast-menu-theme="light"] .ast-koatex-close:active,
html[data-ast-menu-theme="light"] .ast-koatex-button:active{background:#dcdcdc}
html[data-ast-menu-theme="light"] .ast-koatex-option{border-color:#aaa;background:#f5f5f5}
html[data-ast-menu-theme="light"] .ast-koatex-option:has(input:checked){border-color:#555;background:#e8e8e8}
html[data-ast-menu-theme="light"] .ast-koatex-subfield-wrap{border-color:#777;background:#fff}
html[data-ast-menu-theme="light"] .ast-koatex-overlay input.ast-koatex-subfield,
html[data-ast-menu-theme="light"] .ast-koatex-overlay .ast-koatex-field input,
html[data-ast-menu-theme="light"] .ast-koatex-overlay .ast-koatex-field textarea{border-color:#888!important;background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
html[data-ast-menu-theme="light"] .ast-koatex-progress{background:#d0d0d0}
html[data-ast-menu-theme="light"] .ast-koatex-required{color:#c00000}
html[data-ast-menu-theme="light"] .ast-koatex-camera{box-shadow:inset 0 0 0 6px #fff,0 0 0 1px #888}

html[data-ast-menu-theme="dark"] .ast-koatex-card{background:#1c1c1e;color:#f2f2f7;color-scheme:dark}
html[data-ast-menu-theme="dark"] .ast-koatex-close,
html[data-ast-menu-theme="dark"] .ast-koatex-button{background:#333;color:#f2f2f7;-webkit-text-fill-color:#f2f2f7}
html[data-ast-menu-theme="dark"] .ast-koatex-close:active,
html[data-ast-menu-theme="dark"] .ast-koatex-button:active{background:#444}
html[data-ast-menu-theme="dark"] .ast-koatex-option{border-color:#666;background:#29292c}
html[data-ast-menu-theme="dark"] .ast-koatex-option:has(input:checked){border-color:#bbb;background:#36363a}
html[data-ast-menu-theme="dark"] .ast-koatex-subfield-wrap{border-color:#888;background:#29292c}
html[data-ast-menu-theme="dark"] .ast-koatex-overlay input.ast-koatex-subfield,
html[data-ast-menu-theme="dark"] .ast-koatex-overlay .ast-koatex-field input,
html[data-ast-menu-theme="dark"] .ast-koatex-overlay .ast-koatex-field textarea{border-color:#777!important;background:#333!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-ast-menu-theme="dark"] .ast-koatex-progress{background:#444}
html[data-ast-menu-theme="dark"] .ast-koatex-required{color:#ff6b6b}
html[data-ast-menu-theme="dark"] .ast-koatex-camera{box-shadow:inset 0 0 0 6px #1c1c1e,0 0 0 1px #666}

@media(max-width:600px){.ast-koatex-overlay{padding:8px}.ast-koatex-card{max-height:98vh;padding:13px}.ast-koatex-fields{grid-template-columns:1fr}.ast-koatex-field-wide{grid-column:auto}.ast-koatex-option-text{font-size:15px}.ast-koatex-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Fragebogenkopf und Hauptaktion. */
.ast-koatex-head{justify-content:flex-start;padding:0 48px 0 0}
.ast-koatex-title{justify-content:flex-start;text-align:left;font-size:24px}
html .ast-koatex-questionnaire .ast-koatex-button[data-next]{background:#f00;color:#fff;-webkit-text-fill-color:#fff}
html .ast-koatex-questionnaire .ast-koatex-button[data-next]:active{background:#c00;color:#fff;-webkit-text-fill-color:#fff}
