/* Prüfpaket: Auswahldialog (das Druckdokument bringt eigenes CSS mit, siehe auditpack-core.js) */
.ap-overlay[hidden] { display: none; }
.ap-dialog { width: min(600px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; }
.ap-dialog > p { font-size: 13px; }
.ap-dialog select { width: 100%; }
.ap-row { display: grid; grid-template-columns: 1fr 180px; gap: 12px; }
.ap-row:has(> label:only-of-type) { grid-template-columns: 200px; }
.ap-hint { min-height: 0; font-size: 12.5px; color: #b45309 !important; }
.ap-hint:empty { display: none; }
.ap-scope { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px 12px; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; }
.ap-scope legend { font-size: 12.5px; font-weight: 600; color: var(--ink-2); padding: 0 6px; }
.form-dialog .ap-check { flex-direction: row; align-items: center; gap: 8px; font-weight: 500; font-size: 13px; color: var(--ink); cursor: pointer; }
.ap-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--brand); }
.ap-check small { color: var(--muted); font-weight: 400; }
.ap-status { font-size: 12.5px; color: var(--muted); }
@media (max-width: 560px) { .ap-row, .ap-scope { grid-template-columns: 1fr; } }