/**
 * Modais em tema escuro – Life Tracer B2B
 * Padrão do login B2B. Usar em TODOS os modais/popups.
 * NUNCA usar fundo branco nem alert/confirm do JavaScript.
 */

.modal-overlay-dark {
    background-color: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(5px);
}

.modal-content-dark {
    background: rgba(30, 30, 50, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 15px !important;
    color: #e2e8f0 !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

.modal-header-dark {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

.modal-header-dark .modal-title {
    color: white !important;
}

.modal-header-danger {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
}

.modal-header-success {
    background: linear-gradient(135deg, #198754 0%, #157347 100%) !important;
}

.modal-header-warning {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%) !important;
}

.modal-header-info {
    background: linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%) !important;
}

.modal-header-primary {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%) !important;
}

.modal-body-dark {
    background: rgba(30, 30, 50, 0.95) !important;
    color: #e2e8f0 !important;
}

.modal-body-dark .text-muted,
.modal-body-dark .text-white-50 {
    color: rgba(226, 232, 240, 0.7) !important;
}

.modal-message-text {
    color: #e2e8f0 !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
}

.modal-footer-dark {
    background: rgba(30, 30, 50, 0.95) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.modal-btn-secondary-dark {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

.modal-btn-secondary-dark:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: white !important;
}

.modal-footer-dark .modal-btn-success,
.modal-footer-dark .btn.modal-btn-success {
    background: linear-gradient(135deg, #198754 0%, #157347 100%) !important;
    border: none !important;
    color: white !important;
}

.modal-footer-dark .modal-btn-danger,
.modal-footer-dark .btn.modal-btn-danger {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
    border: none !important;
    color: white !important;
}

.modal-footer-dark .modal-btn-warning,
.modal-footer-dark .btn.modal-btn-warning {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%) !important;
    border: none !important;
    color: #212529 !important;
}

.modal-footer-dark .modal-btn-info,
.modal-footer-dark .btn.modal-btn-info {
    background: linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%) !important;
    border: none !important;
    color: #212529 !important;
}

.modal-footer-dark .modal-btn-primary,
.modal-footer-dark .btn.modal-btn-primary {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%) !important;
    border: none !important;
    color: white !important;
}