/* ==========================================================================
   components/modals.css
   ========================================================================== */

.modal-content {
    border: 1px solid var(--crm-border);
    border-radius: var(--crm-radius-lg);
    box-shadow: var(--crm-shadow-lg);
}

.modal-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--crm-border);
}
.modal-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--crm-ink);
}

.modal-body { padding: 1.25rem; }

.modal-footer {
    padding: 0.875rem 1.25rem;
    border-top: 1px solid var(--crm-border);
    background: var(--crm-surface-alt);
    border-radius: 0 0 var(--crm-radius-lg) var(--crm-radius-lg);
}

.modal-backdrop.show { opacity: 0.45; }

.btn-close:focus { box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.15); }