/* customer_churn_prediction.css - Extracted from customer_churn_prediction.html */
.gradient-bg {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
}
.chart-container {
    height: 300px;
    position: relative;
}
.insight-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.timeline-item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 24px;
    height: 100%;
    width: 2px;
    background: #3b82f6;
}
@media (max-width: 768px) {
    .reverse-columns {
        flex-direction: column-reverse;
    }
}

/* Dark theme overrides */
.dark .bg-white { background-color: #1f2937; color: #f3f4f6; }
.dark .bg-gray-50 { background-color: #111827; }
.dark .text-gray-800 { color: #f3f4f6; }
.dark .text-gray-700 { color: #e5e7eb; }
.dark .text-gray-600 { color: #d1d5db; }
.dark .bg-gray-800 { background-color: #030712; }
.dark .border-gray-200 { border-color: #374151; }
.dark .bg-gray-200 { background-color: #374151; }
.dark .bg-gray-100 { background-color: #1f2937; }
.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: #374151; }
.dark table thead { background-color: #1f2937; }
.dark table tbody tr { border-color: #374151; }
.dark .bg-blue-100 { background-color: #1e3a8a; color: #dbeafe; }
.dark .bg-red-100 { background-color: #7f1d1d; color: #fee2e2; }
.dark .bg-purple-100 { background-color: #4c1d95; color: #ede9fe; }
.dark .bg-yellow-100 { background-color: #713f12; color: #fef3c7; }
.dark .bg-green-100 { background-color: #14532d; color: #dcfce7; }
.dark .bg-orange-100 { background-color: #7c2d12; color: #ffedd5; }
.dark .border-blue-400 { border-color: #1e40af; }
.dark .bg-blue-50 { background-color: #1e3a8a; }
.dark .bg-yellow-50 { background-color: #713f12; }
.dark .border-yellow-400 { border-color: #92400e; }
.dark .bg-green-50 { background-color: #14532d; }
.dark .border-green-500 { border-color: #047857; }
.dark .shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1); }
.dark .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1); }
.dark .bg-gray-50 { background-color: #111827; }
.dark .border-gray-200 { border-color: #374151; }
.dark .insight-card { background-color: #1f2937; border-color: #374151; }
.dark .timeline-item::after { background-color: #3b82f6; }
.dark .timeline-item div { background-color: #1f2937; }
.dark .bg-blue-600 { background-color: #1d4ed8; }
.dark .bg-blue-600:hover { background-color: #1e40af; }
.dark .text-blue-800 { color: #dbeafe; }
.dark .text-blue-600 { color: #93c5fd; }
.dark .text-green-600 { color: #6ee7b7; }
.dark .text-red-600 { color: #fca5a5; }
.dark .text-yellow-600 { color: #fcd34d; }
.dark .text-purple-600 { color: #c4b5fd; }
.dark .text-green-700 { color: #6ee7b7; }
.dark .text-yellow-700 { color: #fcd34d; }
.dark .text-blue-500 { color: #93c5fd; }
.dark .text-green-500 { color: #6ee7b7; }
.dark .text-red-500 { color: #fca5a5; }
.dark .text-purple-500 { color: #c4b5fd; }
.dark .text-orange-500 { color: #fdba74; }
.dark .text-blue-800 { color: #dbeafe; }