/*
 * Professional Theme for Finance Application
 */

/* --- Core Palette & Fonts --- */

:root {
    --primary-color: #0d6efd; /* Professional Blue */
    --secondary-color: #6c757d; /* Muted Gray */
    --bg-color: #f8f9fa; /* Light Gray Background */
    --text-color: #212529; /* Dark Gray Text */
    --card-bg: #ffffff; /* White Card Background */
    --card-border-color: #dee2e6;
    --shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075);
    --font-family-sans-serif: 'Oxygen', sans-serif;
    --font-family-serif: 'Lora', serif;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--font-family-sans-serif);
}

/* --- Navigation Bar --- */

.navbar-professional {
    background-color: var(--card-bg) !important;
    border-bottom: 1px solid var(--card-border-color);
    box-shadow: var(--shadow-sm);
}

.navbar-professional .navbar-brand {
    font-weight: 700;
    color: var(--primary-color);
}

.navbar-professional .nav-link {
    color: var(--text-color);
    font-weight: 500;
    padding: .5rem 1rem;
    transition: color 0.2s ease-in-out;
}

.navbar-professional .nav-link:hover,
.navbar-professional .nav-link.active {
    color: var(--primary-color);
}

.navbar-professional .nav-link i {
    margin-right: .5rem;
}

/* --- Custom Dropdowns (from original header) --- */
/* Let's make them look more integrated */
.custom-dropdown-links {
    display: none;
    position: absolute;
    background-color: var(--card-bg);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1050;
    border-radius: .25rem;
    padding: .5rem 0;
    border: 1px solid var(--card-border-color);
}

.custom-dropdown-links a {
    color: var(--text-color);
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    font-size: 0.9rem;
}

.custom-dropdown-links a:hover {
    background-color: var(--bg-color);
}


/* --- General Components --- */

.card {
    border: 1px solid var(--card-border-color);
    box-shadow: var(--shadow-sm);
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* --- DataTables Overrides --- */
/* FORCE OVERRIDE for DataTables Row Selection */
table.dataTable tbody tr.selected td {
    box-shadow: inset 0 0 0 9999px #dbeafe !important; /* Lighter Blue */
    background-color: #dbeafe !important;
    color: black !important;
}

/* Fix for invisible close button in dark modals */
.modal-header.bg-dark .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* --- Login and Form Containers --- */
.form-container {
    max-width: 500px;
    margin: 2rem auto;
    padding: 2rem;
    background-color: var(--card-bg);
    border-radius: .25rem;
    box-shadow: var(--shadow-sm);
}

/* --- New Helper Classes for Index Page --- */
.hover-shadow:hover {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.transition-all {
    transition: all 0.3s ease-in-out;
}

.feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0,0,0,.1);
}

.hero-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.cta-section {
    background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%);
}