/* Ghana Government Theme - Modern & Professional */
:root, [data-mytask="theme-indigo"] {
    --ghana-red: #CE1126;
    --ghana-yellow: #FCD116;
    --ghana-green: #006B3F;
    --ghana-black: #000000;
    
    /* Requested Deep Green (#002315) */
    --deep-green: #002315; 
    --sidebar-bg: #002315; 
    
    /* Global Overrides for Theme Variables */
    --primary-color: #002315 !important;
    --secondary-color: #FCD116 !important; /* Gold */
    --bs-primary: #002315 !important; 
    --bs-primary-rgb: 0, 35, 21 !important;
    
    /* Chart Colors Override */
    --chart-color1: #006B3F !important; /* Green */
    --chart-color2: #FCD116 !important; /* Gold */
    --chart-color3: #CE1126 !important; /* Red */
    --chart-color4: #002315 !important; /* Deep Green */
    --chart-color5: #000000 !important; /* Black */
    --primary-gradient: linear-gradient(45deg, #002315, #006B3F) !important;
}

/* Fix unwanted scrollbars */
html, body {
    overflow-x: hidden;
    width: 100%;
}

.main {
    overflow-x: hidden;
}

/* Remove default scrollbar style if possible or style it */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #888; 
}


/* Force override for any remaining purple elements */
.bg-primary {
    background-color: var(--deep-green) !important;
}

.text-primary {
    color: var(--deep-green) !important;
}

.border-primary {
    border-color: var(--deep-green) !important;
}

/* Sidebar Styling */
.sidebar {
    background-color: var(--sidebar-bg) !important;
    color: #ecf0f1;
}

/* Branding Area with Tricolor Accent */
.sidebar .brand-icon {
    position: relative;
    padding-bottom: 15px;
}
.sidebar .brand-icon::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    height: 4px;
    background: linear-gradient(to right, var(--ghana-red) 33%, var(--ghana-yellow) 33%, var(--ghana-yellow) 66%, var(--ghana-green) 66%);
    border-radius: 2px;
}
.logo-text {
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.5px;
}

/* Sidebar Menu Items */
.sidebar .menu-list .m-link, 
.sidebar .menu-list .ms-link {
    color: #aebdb6; /* Muted light green-grey */
}

.sidebar .menu-list .m-link:hover, 
.sidebar .menu-list .m-link.active,
.sidebar .menu-list .ms-link:hover, 
.sidebar .menu-list .ms-link.active {
    color: var(--ghana-yellow) !important; /* Gold highlight for active items */
    transition: all 0.3s ease;
}

.sidebar .menu-list .m-link.active i,
.sidebar .menu-list .m-link:hover i {
    color: var(--ghana-yellow) !important;
}

/* Primary Buttons (Deep Green) */
.btn-primary {
    background-color: var(--deep-green) !important;
    border-color: var(--deep-green) !important;
    color: #fff !important;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
    background-color: #003620 !important; /* Slightly lighter for hover */
    border-color: #003620 !important;
    color: #fff !important;
}

/* Outline Buttons */
.btn-outline-primary {
    color: var(--deep-green) !important;
    border-color: var(--deep-green) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--deep-green) !important;
    color: #fff !important;
    border-color: var(--deep-green) !important;
}

/* Secondary/Warning Actions (Gold) */
.btn-warning, .bg-warning {
    background-color: var(--ghana-yellow) !important;
    color: #000 !important;
    border-color: #e6bd00 !important;
}

/* Success Actions (Ghana Green) */
.btn-success, .bg-success, .text-success {
    color: var(--ghana-green) !important; /* Keep success distinct as lighter green */
}
.bg-success {
    background-color: var(--ghana-green) !important;
    color: #fff !important;
}
.btn-success {
    color: #fff !important;
}

/* Danger Actions (Red) */
.btn-danger, .bg-danger {
    background-color: var(--ghana-red) !important;
    border-color: var(--ghana-red) !important;
}
.text-danger {
    color: var(--ghana-red) !important;
}

/* Cards & Layout */
.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.card-header {
    background-color: #fff;
    border-bottom: 2px solid var(--deep-green); /* Updated border color */
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

/* Table Headers */
thead th {
    background-color: #f8f9fa;
    color: #2c3e50;
    font-weight: 600;
}

/* Pagination */
.page-item.active .page-link {
    background-color: var(--deep-green) !important;
    border-color: var(--deep-green) !important;
    color: #fff !important;
}
.page-link {
    color: var(--deep-green);
}
.page-link:hover {
    color: #000;
}

/* Tabs & Navs */
.nav-tabs .nav-link.active {
    color: var(--deep-green);
    border-top: 3px solid var(--deep-green);
    border-bottom-color: transparent;
}
.nav-pills .nav-link.active {
    background-color: var(--deep-green) !important;
}
.nav-link {
    color: #555;
}
.nav-link:hover {
    color: var(--deep-green);
}

/* Secondary Actions - Force to Neutral or Deep Green if appearing Purple */
.btn-secondary {
    background-color: #6c757d !important; /* Standard Grey */
    border-color: #6c757d !important;
    color: #fff !important;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active {
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}

/* Button Groups & Outline Secondary - Often used for filters */
.btn-outline-secondary {
    color: var(--deep-green) !important;
    border-color: var(--deep-green) !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-check:checked + .btn-outline-secondary {
    background-color: var(--deep-green) !important;
    color: #fff !important;
    border-color: var(--deep-green) !important;
}

/* Theme-specific purple overrides */
.btn-purple, .bg-purple {
    background-color: var(--deep-green) !important;
    color: #fff !important;
    border-color: var(--deep-green) !important;
}
.text-purple {
    color: var(--deep-green) !important;
}

/* Auth Page specific overrides to remove purple background */
[data-mytask="theme-indigo"] .auth-h100 {
    background-color: var(--deep-green) !important; 
    color: #fff;
}

/* Ensure the left panel on login/register uses the deep green */
.auth-h100 {
    background-color: var(--deep-green) !important;
}

/* Update any text that might be relying on the old theme on auth pages */
.color-900 {
    color: var(--deep-green) !important;
}

/* DataTables Responsive Expand/Collapse Icon Override */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    background-color: var(--deep-green) !important;
    border-color: var(--deep-green) !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    background-color: var(--ghana-red) !important; /* Red for collapse state */
}