/* Finestre di dialogo, moduli, avvisi. */
/* finestre */
dialog{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);padding:0;width:min(980px,calc(100vw - 24px));max-height:calc(100vh - 32px)}
dialog::backdrop{background:rgba(0,0,0,.5)}
.dl{padding:18px;display:flex;flex-direction:column;gap:14px}
.dl .x{display:flex;align-items:center;gap:12px}.dl .x h2{flex:1}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form .full{grid-column:1 / -1}
@media (max-width:640px){.form{grid-template-columns:minmax(0,1fr)}}
#toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:9px 16px;border-radius:6px;font-weight:500;max-width:calc(100vw - 32px);z-index:10}
button.danger-fill{background:var(--danger);border-color:var(--danger);color:var(--bg)}
details.rules{border:1px solid var(--line);border-radius:6px;padding:10px 12px}
details.rules summary{cursor:pointer;font-weight:600}
details.rules[open] summary{margin-bottom:12px}
details.rules .check{margin-top:6px;flex-wrap:wrap}