/* ========================================
   ZenAlert Override - Design System
   Dark theme styling for ZenAlert modals
   (root-files global asset)
   ======================================== */

.dark-theme .alert-overlay {
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    align-items: center;
    padding: 40px 16px;
}

.dark-theme .alert-wrapper {
    background-color: var(--bg-elevated, #1f1f23);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
    border-radius: var(--radius-lg, 12px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    padding: 24px;
}

.dark-theme .alert-title {
    color: var(--text-primary, #fafafa);
    font-size: 1.125rem;
    font-weight: 600;
}

.dark-theme .alert-message {
    color: var(--text-secondary, #a1a1aa);
    font-size: 0.875rem;
    line-height: 1.6;
}

.dark-theme .alert-message strong {
    color: var(--text-primary, #fafafa);
}

.dark-theme .alert-message .text-danger,
.dark-theme .alert-message .fc-danger {
    color: var(--color-danger, #ef4444);
}

.dark-theme .icon-error,
.dark-theme .icon-danger {
    background-color: var(--color-danger-light, rgba(239, 68, 68, 0.1));
    color: var(--color-danger, #ef4444);
}

.dark-theme .icon-warning {
    background-color: var(--color-warning-light, rgba(245, 158, 11, 0.1));
    color: var(--color-warning, #f59e0b);
}

.dark-theme .icon-success {
    background-color: var(--color-success-light, rgba(34, 197, 94, 0.1));
    color: var(--color-success, #22c55e);
}

.dark-theme .icon-info {
    background-color: var(--color-info-light, rgba(59, 130, 246, 0.1));
    color: var(--color-info, #3b82f6);
}

.dark-theme .action-button {
    border-radius: var(--radius-default, 8px);
    font-weight: 500;
    transition: all 150ms ease;
}

.dark-theme .action-primary {
    background-color: var(--color-primary-500, #3b82f6);
    color: #fff;
}

.dark-theme .action-primary:hover {
    background-color: var(--color-primary-600, #2563eb);
}

.dark-theme .action-primary.error,
.dark-theme .action-primary.danger {
    background-color: var(--color-danger, #ef4444);
}

.dark-theme .action-primary.error:hover,
.dark-theme .action-primary.danger:hover {
    background-color: var(--color-danger-dark, #dc2626);
}

.dark-theme .action-primary.warning {
    background-color: var(--color-warning, #f59e0b);
}

.dark-theme .action-primary.warning:hover {
    background-color: var(--color-warning-dark, #d97706);
}

.dark-theme .action-primary.success {
    background-color: var(--color-success, #22c55e);
}

.dark-theme .action-primary.success:hover {
    background-color: var(--color-success-dark, #16a34a);
}

.dark-theme .action-primary.info {
    background-color: var(--color-info, #3b82f6);
}

.dark-theme .action-primary.info:hover {
    background-color: var(--color-info-dark, #2563eb);
}

.dark-theme .action-secondary {
    background-color: var(--bg-tertiary, #18181b);
    color: var(--text-primary, #fafafa);
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
}

.dark-theme .action-secondary:hover {
    background-color: var(--bg-card-hover, rgba(255, 255, 255, 0.06));
    border-color: var(--border-hover, rgba(255, 255, 255, 0.15));
}