/* Kisusoft Brand Colors & UI Theme System */
:root {
    --ks-primary: #002B66;
    --ks-primary-dark: #06152B;
    --ks-accent: #0099FF;
    --ks-cyan: #00A3FF;
    --ks-gradient-primary: linear-gradient(135deg, #002B66 0%, #0099FF 100%);
    --ks-gradient-glow: linear-gradient(135deg, rgba(0, 43, 102, 0.95) 0%, rgba(0, 153, 255, 0.85) 100%);
    --ks-bg-dark: #081C38;
    --ks-surface: #ffffff;
    --ks-text-main: #1C2541;
    --ks-text-light: #6B7280;
    --ks-border-color: #E5E7EB;
}

/* Kisusoft Brand Primary Button Override */
.btn-primary, .bg-primary, .nav-pills .nav-link.active, .pagination .page-item.active .page-link {
    background: var(--ks-gradient-primary) !important;
    border-color: var(--ks-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 153, 255, 0.3);
    transition: all 0.3s ease;
}

.btn-primary:hover, .btn-primary:focus {
    background: linear-gradient(135deg, #001A40 0%, #0088EE 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 153, 255, 0.45);
    transform: translateY(-1px);
}

/* Sidebar Styling & Executive Branding */
.left-sidebar, .sidebar-nav, .sidebar-menu {
    background-color: var(--ks-primary-dark) !important;
}

.sidebar-header {
    background: linear-gradient(180deg, rgba(0, 43, 102, 0.4) 0%, rgba(6, 21, 43, 0.9) 100%);
}

.sidebar-menu li.main > a {
    color: #a0aec0 !important;
    padding: 11px 20px;
    font-size: 14.5px;
    font-weight: 500;
    border-left: 4px solid transparent;
    transition: all 0.25s ease-in-out;
}

.sidebar-menu li.main > a:hover {
    color: #ffffff !important;
    background: rgba(0, 153, 255, 0.12) !important;
    border-left-color: rgba(0, 163, 255, 0.5);
    padding-left: 24px;
}

.sidebar-menu li.main.active > a, .sidebar-menu li.main.active > a:hover {
    background: linear-gradient(90deg, rgba(0, 153, 255, 0.22) 0%, rgba(0, 43, 102, 0.05) 100%) !important;
    color: #ffffff !important;
    font-weight: 600;
    border-left: 4px solid var(--ks-cyan) !important;
}

.sidebar-menu li.main.active > a i, .sidebar-menu li.main > a:hover i {
    color: var(--ks-cyan) !important;
}

.sidebar-menu ul {
    background: rgba(0, 0, 0, 0.15) !important;
    padding: 4px 0 6px 0;
}

.sidebar-menu ul li a {
    color: #94a3b8 !important;
    font-size: 13.5px;
    padding: 8px 15px 8px 45px !important;
    transition: all 0.2s ease;
}

.sidebar-menu ul li a:hover, .sidebar-menu ul li.active a {
    color: var(--ks-cyan) !important;
    font-weight: 600;
    background: rgba(0, 163, 255, 0.08) !important;
}

/* Card Headers & Badges */
.card-header, .page-header {
    border-bottom: 2px solid var(--ks-accent) !important;
}

.badge-primary, .badge.bg-primary {
    background-color: var(--ks-accent) !important;
    color: #ffffff;
}

.text-cyan {
    color: var(--ks-cyan) !important;
}

/* Brand Links */
a.text-primary, .text-primary {
    color: var(--ks-accent) !important;
}

a.text-primary:hover {
    color: var(--ks-primary) !important;
}

/* Top Navbar Branding Bar */
.topbar-branding-line {
    height: 4px;
    background: var(--ks-gradient-primary);
    width: 100%;
}