/* CESVIM Academy - Modern Design */

/* Override CSS variables inside sidebar for dark theme */
.sidebar {
    --brand: #60a5fa;
    --text-secondary-light: #cbd5e1;
    --text-primary-light: #f1f5f9;
    --button-secondary: rgba(255,255,255,0.1);
    background: #0f172a !important;
}

/* Sidebar logo area */
.sidebar-logo {
    background: rgba(255,255,255,0.03) !important;
    padding: 20px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.sidebar-logo img {
    max-height: 38px !important;
}

/* Menu group titles */
.sidebar-menu-group-title {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 16px 20px 6px !important;
}

/* Menu items - override the original theme */
.sidebar-menu li a {
    color: #cbd5e1 !important;
}
.sidebar-menu li a:hover {
    color: #f1f5f9 !important;
    background: rgba(255,255,255,0.06) !important;
}
.sidebar-menu li > a.active-page {
    background: rgba(59,130,246,0.2) !important;
    color: #93c5fd !important;
}
.sidebar-menu li > a.active-page:hover {
    color: #bfdbfe !important;
}

/* Submenu */
.sidebar-submenu {
    background: rgba(0,0,0,0.2) !important;
    border-radius: 6px !important;
    margin: 0 8px !important;
}
.sidebar-submenu li a {
    color: #94a3b8 !important;
}
.sidebar-submenu li a:hover {
    color: #e2e8f0 !important;
    background: rgba(255,255,255,0.04) !important;
}
.sidebar-submenu li.active-page a {
    background: rgba(255,255,255,0.08) !important;
    color: #e2e8f0 !important;
}

/* Navbar */
.navbar-header {
    background: #fff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 10px 24px !important;
}

/* Main area */
.dashboard-main {
    background: #f8fafc !important;
}
.dashboard-main-body {
    padding: 24px !important;
}

/* Cards */
.card {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
}
.card-header {
    background: #fff !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

/* Dashboard stat cards */
.bg-gradient-start-1 { background: linear-gradient(135deg, #1e3a5f, #3b5998) !important; }
.bg-gradient-start-2 { background: linear-gradient(135deg, #4f46e5, #7c3aed) !important; }
.bg-gradient-start-3 { background: linear-gradient(135deg, #0891b2, #06b6d4) !important; }
.bg-gradient-start-4 { background: linear-gradient(135deg, #059669, #10b981) !important; }
.bg-gradient-start-5 { background: linear-gradient(135deg, #dc2626, #f97316) !important; }

.bg-gradient-start-1,
.bg-gradient-start-2,
.bg-gradient-start-3,
.bg-gradient-start-4,
.bg-gradient-start-5 {
    border: none !important;
}
.bg-gradient-start-1 p,
.bg-gradient-start-2 p,
.bg-gradient-start-3 p,
.bg-gradient-start-4 p,
.bg-gradient-start-5 p {
    color: rgba(255,255,255,0.8) !important;
}
.bg-gradient-start-1 h6,
.bg-gradient-start-2 h6,
.bg-gradient-start-3 h6,
.bg-gradient-start-4 h6,
.bg-gradient-start-5 h6 {
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
}

/* Tables */
.table thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.table tbody td {
    font-size: 13.5px !important;
    color: #334155 !important;
}
.table tbody tr:hover {
    background: #f8fafc !important;
}

/* Buttons */
.btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
}
.btn-primary {
    background: #1e3a5f !important;
    border-color: #1e3a5f !important;
}
.btn-primary:hover {
    background: #15273f !important;
    border-color: #15273f !important;
}

/* Forms */
.form-control,
.form-select {
    border-radius: 8px !important;
    border: 1.5px solid #e2e8f0 !important;
    font-size: 13.5px !important;
}
.form-control:focus,
.form-select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
}

/* Footer */
.d-footer {
    background: transparent !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
}

/* Breadcrumb */
.dashboard-main-body h6.fw-semibold {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}