/* Fælles layout for indgående IMAP og udgående SMTP, baseret på PDF-fordeleren. */
.mail-config-dialog { box-sizing:border-box; width:620px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); height:fit-content; padding:0; overflow:auto; border:1px solid var(--bm-menu-border-strong); border-radius:var(--bygmak-radius); background:var(--bygmak-surface); color:var(--bygmak-text); box-shadow:0 22px 60px rgba(10,24,38,.28); }
.mail-config-dialog::backdrop { background:rgba(18,35,50,.55); }
.mail-config-dialog form { margin:0; }
.mail-config-dialog header { display:flex; align-items:center; justify-content:space-between; min-height:54px; padding:8px 12px; border-bottom:1px solid var(--bm-menu-border); background:var(--bygmak-surface); }
.mail-config-dialog header div { display:grid; gap:2px; }
.mail-config-dialog header small { color:var(--bygmak-primary); font-size:10px; font-weight:700; letter-spacing:.08em; }
.mail-config-dialog header strong { font-size:14px; }
.mail-config-dialog header button { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid var(--bm-control-border); border-radius:var(--bygmak-radius); background:var(--bygmak-surface); cursor:pointer; }
.mail-config-dialog form > p { margin:0; padding:10px 12px; border-bottom:1px solid var(--bygmak-border); background:var(--bygmak-primary-soft); color:var(--bygmak-text); font-size:12px; }
.mail-config-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:9px; padding:12px; }
.mail-config-grid label { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; min-width:0; color:var(--bygmak-label-text); font-size:11px; }
.mail-config-grid label.is-wide { grid-column:1 / -1; }
.mail-config-grid :is(input, select) { width:100%; min-width:0; box-sizing:border-box; }
.mail-config-result { min-height:18px; padding:0 12px; color:var(--bygmak-muted); font-size:12px; }
.mail-config-result.is-error { color:var(--bygmak-danger); }
.mail-config-dialog form > footer { display:flex; justify-content:flex-end; gap:6px; padding:10px 12px 12px; }
.onboarding-user-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.onboarding-user-fields label { display:grid; gap:4px; }

.onboarding-user-fields label > span { color:var(--bygmak-label-text); }

.onboarding-actions > [data-onboarding-back] { grid-column:3; width:auto; min-width:70px; justify-self:end; }
.onboarding-actions > [data-onboarding-next] { grid-column:4; width:auto; justify-self:end; }
[data-onboarding-scanner-form] .mail-config-grid { padding:0; }
[data-onboarding-scanner-form] .mail-config-result { padding:0; }