/* ==========================================================
   AttendanceCore Navy Blue Theme
   Colors from login page: #1e3c72, #2a5298, #3b6cb5
   ========================================================== */

/* --- Sidebar --- */
.sidebar-dark-navy {
    background: linear-gradient(180deg, #1e3c72 0%, #1a3160 100%) !important;
}
.sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-navy .nav-sidebar > .nav-item.menu-open > .nav-link {
    background: rgba(42, 82, 152, 0.5) !important;
    color: #fff !important;
}
.sidebar-dark-navy .nav-sidebar .nav-link:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}
.sidebar-dark-navy .nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    background: rgba(42, 82, 152, 0.35) !important;
    color: #fff !important;
}
.sidebar-dark-navy .brand-link,
.main-sidebar .brand-link,
.brand-link {
    background: #1a3160 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}
.brand-link .brand-text {
    color: #fff !important;
}
.brand-link .brand-image {
    max-height: 33px;
    width: auto;
    margin-top: -3px;
}
.sidebar-dark-navy .user-panel {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-dark-navy .nav-header {
    color: rgba(255, 255, 255, 0.45) !important;
}

/* --- Top Navbar --- */
.navbar-navy {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
}
.navbar-navy .nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
}
.navbar-navy .nav-link:hover {
    color: #fff !important;
}
.navbar-navy .navbar-brand {
    color: #fff !important;
}

/* --- Buttons (primary) --- */
.btn-primary {
    background: linear-gradient(135deg, #1e3c72, #2a5298) !important;
    border-color: #1e3c72 !important;
    transition: transform 0.15s, box-shadow 0.15s;
}
.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, #172e5a, #234a88) !important;
    border-color: #172e5a !important;
    box-shadow: 0 2px 8px rgba(30, 60, 114, 0.3) !important;
}
.btn-primary:active {
    background: #172e5a !important;
    border-color: #172e5a !important;
}

/* --- Cards --- */
.card-primary.card-outline {
    border-top-color: #2a5298 !important;
}
.card-primary:not(.card-outline) > .card-header {
    background: linear-gradient(135deg, #1e3c72, #2a5298) !important;
    border-color: #1e3c72 !important;
}
.card-info.card-outline {
    border-top-color: #3b6cb5 !important;
}

/* --- Content Header --- */
.content-header h1 {
    color: #1e3c72;
    font-weight: 600;
}

/* --- Links --- */
a {
    color: #2a5298;
}
a:hover {
    color: #1e3c72;
}

/* --- Badges --- */
.badge-primary {
    background: #2a5298 !important;
}

/* --- Page active states --- */
.page-item.active .page-link {
    background-color: #2a5298 !important;
    border-color: #2a5298 !important;
}

/* --- Custom checkbox/switch --- */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #2a5298 !important;
    border-color: #2a5298 !important;
}

/* --- iCheck --- */
.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #2a5298 !important;
    border-color: #2a5298 !important;
}

/* --- Progress bars --- */
.progress-bar {
    background-color: #2a5298 !important;
}
.bg-primary {
    background: linear-gradient(135deg, #1e3c72, #2a5298) !important;
}

/* --- DataTables selected row --- */
table.dataTable tbody tr.selected {
    background-color: rgba(42, 82, 152, 0.1) !important;
}

/* --- Preloader --- */
.preloader {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
}

/* --- Small UI refinements --- */
.content-wrapper {
    background: #f4f6f9;
}
.card {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.card-header {
    border-radius: 8px 8px 0 0 !important;
}
.btn {
    border-radius: 6px;
}
.form-control {
    border-radius: 6px;
}
.form-control:focus {
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.1);
}
.table thead th {
    background: #f8f9fc;
    border-bottom: 2px solid #dee2e6;
    color: #1e3c72;
    font-weight: 600;
}