.modal-dialog{width:min(92vw, var(--panel));max-height:90dvh;padding:var(--space-sm);border-radius:var(--radius);background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-card);overscroll-behavior:contain;border:none;margin:auto;overflow-y:auto}.modal-dialog::backdrop{background-color:#00000080}.modal-dialog .dialog-head{top:calc(var(--space-sm) * -1);z-index:2;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm) 0;background-color:var(--surface);display:flex;position:sticky}.modal-dialog .dialog-head h2{font-size:var(--fs-md);margin:0}.modal-dialog .dialog-close{background-color:var(--surface-alt);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-sm);cursor:pointer;padding:.3rem .9rem}@media (prefers-reduced-motion:reduce){.modal-dialog,.modal-dialog::backdrop{transition:none!important;animation:none!important}}
.modal-dialog.confirm-dialog{width:min(92vw,26rem)}.confirm-dialog .confirm-dialog-message{margin:0 0 var(--space-md);line-height:var(--lh-base);overflow-wrap:anywhere}.confirm-dialog .confirm-dialog-actions{justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap;display:flex}.confirm-dialog .confirm-dialog-actions button{border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;padding:.6rem 1.2rem}.confirm-dialog .confirm-dialog-cancel{background-color:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.confirm-dialog .confirm-dialog-confirm{background-color:var(--accent);color:var(--on-primary);border:none;transition:background-color .2s}.confirm-dialog .confirm-dialog-confirm:hover{background-color:var(--accent-hover)}
