/* Every form shares the Audita brand and the selected local theme. */
html[data-theme][data-surface] dialog.audita-dialog{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-accent-border);box-shadow:0 24px 90px #0005}
html[data-theme][data-surface] dialog.audita-dialog::backdrop{background:#07131db3;backdrop-filter:blur(6px)}
html[data-theme][data-surface] .audita-dialog .audita-dialog-header{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center;background:linear-gradient(105deg,color-mix(in srgb,var(--theme-blue) 9%,var(--theme-surface)),var(--theme-surface));border-bottom:1px solid var(--theme-border);border-radius:9px 9px 0 0;padding:12px 14px;margin-bottom:18px;min-width:0}
.audita-form-logo{display:block;width:76px;height:28px;object-fit:contain;mix-blend-mode:screen;flex-shrink:0}
[data-theme=light] .audita-form-logo{filter:invert(1);mix-blend-mode:multiply}
html[data-theme][data-surface] .audita-dialog-header>:not(.audita-form-logo){min-width:0}
html[data-theme][data-surface] .audita-dialog-header h2{color:var(--theme-text);margin:0;font-size:20px;line-height:1.25;overflow-wrap:anywhere}
html[data-theme][data-surface] .audita-dialog-header p{color:var(--theme-muted);margin:4px 0 0;overflow-wrap:anywhere}
html[data-theme][data-surface] .audita-dialog-header .close{position:static;align-self:start;display:grid;place-items:center;min-width:32px;width:32px;height:32px;padding:5px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-soft);color:var(--theme-text);font-size:22px}
html[data-theme][data-surface] .audita-dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea),html[data-theme][data-surface] .audita-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--theme-base);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:8px;accent-color:var(--theme-blue)}
html[data-theme][data-surface] .audita-dialog :is(input,select,textarea):focus-visible,html[data-theme][data-surface] .audita-form :is(input,select,textarea):focus-visible{outline:2px solid var(--theme-accent-border);outline-offset:2px;border-color:var(--theme-accent-border)}
html[data-theme][data-surface] .audita-dialog :is(input,textarea)::placeholder{color:var(--theme-muted);opacity:1}
html[data-theme][data-surface] .audita-dialog label{color:var(--theme-text)}
html[data-theme][data-surface] .audita-dialog .btn{background:var(--theme-soft);color:var(--theme-text);border-color:var(--theme-border)}
html[data-theme][data-surface] .audita-dialog .btn.primary{background:var(--theme-blue);color:#fff;border-color:var(--theme-blue)}
html[data-theme=classic][data-surface] .audita-dialog .btn.primary{background:linear-gradient(110deg,#00e8b3,#00c5e3 48%,#075bfa);color:#021824;border-color:#00b9e4}
.audita-inline-brand{padding:12px 16px;margin-bottom:16px;background:var(--theme-soft);border:1px solid var(--theme-border);border-radius:9px}
@media(max-width:600px){html[data-theme][data-surface] .audita-dialog .audita-dialog-header{grid-template-columns:55px minmax(0,1fr) auto;gap:9px;padding:10px 8px;margin-bottom:12px}html[data-theme][data-surface] .audita-dialog-header h2{font-size:17px}.audita-form-logo{width:55px;height:23px}}
/* The reading screen keeps its viewport-sized layout. */
html[data-theme][data-surface] #import-dialog:has(>.progress-screen) .audita-dialog-header{margin:0;padding:6px 8px;gap:10px}
@media print{.audita-form-logo{filter:invert(1);mix-blend-mode:multiply}}
/* The method header blends into the dialog rather than forming a heavy banner. */
html[data-theme][data-surface] #flow-detail[data-content=method]>.dialog-head{background:var(--theme-surface);border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--theme-border) 65%,transparent);box-shadow:none;padding:8px 0 18px;margin-bottom:22px}
html[data-theme][data-surface] #flow-detail[data-content=method]>.dialog-head .section-eyebrow{color:var(--theme-muted);font-size:9px;letter-spacing:1.25px}
html[data-theme][data-surface] #flow-detail[data-content=method]>.dialog-head h2{margin-top:5px;font-size:21px;font-weight:600}
html[data-theme][data-surface] #flow-detail[data-content=method]>.dialog-head .close{background:transparent;border-color:transparent;color:var(--theme-muted)}
html[data-theme][data-surface] #flow-detail[data-content=method]>.dialog-head .close:hover{background:var(--theme-soft);color:var(--theme-text)}
@media(max-width:600px){html[data-theme][data-surface] #flow-detail[data-content=method]>.dialog-head{padding:6px 0 14px;margin-bottom:16px}html[data-theme][data-surface] #flow-detail[data-content=method]>.dialog-head h2{font-size:18px}}