.modal-backdrop { position: fixed; inset: 0; background: rgba(15,23,42,.48); display: grid; place-items: center; z-index: 80; padding: 18px; }
.modal { width: min(720px, 100%); background: var(--color-surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); overflow: hidden; }
.modal-header, .modal-footer { padding: 16px; border-bottom: 1px solid var(--color-border); display: flex; justify-content: space-between; align-items: center; }
.modal-footer { border-top: 1px solid var(--color-border); border-bottom: 0; }
.modal-body { padding: 16px; }