/**
 * Wekeza Faida Microfinance — brand overrides
 * Primary: #6cae3f | Accent: #fdba18
 */

:root {
    --wfm-primary: #6cae3f;
    --wfm-primary-dark: #4a7a2c;
    --wfm-primary-darker: #3d6324;
    --wfm-accent: #fdba18;
    --wfm-accent-dark: #e5a710;
}

/* ---------- Admin login & password recovery pages ---------- */

.login-main {
    background-color: var(--wfm-primary-dark);
}

.login-main::before {
    background-color: var(--wfm-primary-darker);
    opacity: 0.72;
}

/* Decorative ring at card top-right — removed */
.login-area::after {
    display: none;
}

.login-wrapper {
    background-color: var(--wfm-primary);
}

/* Top = sidebar logo strip (dark); body = brighter green (swapped) */
.login-wrapper__top {
    background-color: var(--wfm-primary-darker);
}

.login-wrapper__top::after {
    border-color: var(--wfm-primary-darker) transparent transparent transparent;
}

.login-wrapper__body {
    background-color: var(--wfm-primary);
}

.login-form .form-control:focus {
    border-color: var(--wfm-accent);
    box-shadow: 0 0 0 0.15rem rgba(253, 186, 24, 0.35);
}

.login-form .forget-text {
    color: var(--wfm-accent);
}

.login-form .forget-text:hover {
    color: #fff;
}

.login-form .form-check-input:checked {
    background-color: var(--wfm-accent);
    border-color: var(--wfm-accent);
}

.login-form .cmn-btn,
.cmn-btn {
    background-color: var(--wfm-accent);
    color: var(--wfm-primary-darker);
    font-weight: 600;
    border: none;
}

.login-form .cmn-btn:hover,
.cmn-btn:hover {
    background-color: var(--wfm-accent-dark);
    color: var(--wfm-primary-darker);
}

.login-wrapper__top .title strong {
    color: var(--wfm-accent);
}

.login-brand-logo {
    max-width: 220px;
    height: auto;
    object-fit: contain;
    filter: contrast(0.8);
}

/* ---------- Admin shell: sidebar & top navbar ---------- */

.sidebar.bg--dark {
    background-color: var(--wfm-primary-darker) !important;
    background-image: none !important;
    border-right-color: rgba(0, 0, 0, 0.2);
}

.navbar-wrapper.bg--dark {
    background-color: var(--wfm-primary-dark) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.sidebar.bg--dark .res-sidebar-close-btn {
    background-color: var(--wfm-accent);
    color: var(--wfm-primary-darker);
}

.sidebar.bg--dark .slimScrollDiv .slimScrollBar {
    background-color: var(--wfm-accent) !important;
}

/* Menu hover & active */
.sidebar.bg--dark .sidebar__menu .sidebar-menu-item > a:hover,
.sidebar.bg--dark[class*="bg--"] .sidebar__menu .sidebar-menu-item > a:hover {
    background-color: rgba(253, 186, 24, 0.18) !important;
}

.sidebar.bg--dark .sidebar__menu .sidebar-menu-item.active > a,
.sidebar.bg--dark .sidebar__menu .sidebar-menu-item .side-menu--open,
.sidebar.bg--dark[class*="bg--"] .sidebar__menu .sidebar-menu-item .side-menu--open {
    background-color: var(--wfm-accent) !important;
}

.sidebar.bg--dark .sidebar__menu .sidebar-menu-item.active > a .menu-icon,
.sidebar.bg--dark .sidebar__menu .sidebar-menu-item.active > a .menu-title,
.sidebar.bg--dark .sidebar__menu .sidebar-menu-item .side-menu--open .menu-icon,
.sidebar.bg--dark .sidebar__menu .sidebar-menu-item .side-menu--open .menu-title {
    color: var(--wfm-primary-darker) !important;
    text-shadow: none;
}

.sidebar.bg--dark .sidebar__menu .sidebar-submenu .sidebar-menu-item.active > a {
    background-color: rgba(253, 186, 24, 0.28) !important;
}

.sidebar.bg--dark .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-icon,
.sidebar.bg--dark .sidebar__menu .sidebar-submenu .sidebar-menu-item.active a .menu-title,
.sidebar.bg--dark .sidebar__menu .sidebar-submenu .sidebar-menu-item:hover a .menu-icon,
.sidebar.bg--dark .sidebar__menu .sidebar-submenu .sidebar-menu-item:hover a .menu-title {
    color: var(--wfm-accent) !important;
}

.capsule--block .sidebar.bg--dark .sidebar-menu-item.active a,
.capsule--block .sidebar.bg--dark .sidebar-menu-item.sidebar-dropdown .side-menu--open {
    border-left-color: var(--wfm-accent);
}

/* Top bar search & icons */
.navbar-wrapper.bg--dark .navbar-search-field:focus {
    border-color: var(--wfm-accent);
    box-shadow: 0 0 5px rgba(253, 186, 24, 0.45);
}

.navbar-wrapper.bg--dark .text--primary {
    color: var(--wfm-accent) !important;
}

.navbar-wrapper.bg--dark .pulse--primary {
    background: var(--wfm-accent);
    box-shadow: 0 0 0 rgba(253, 186, 24, 0.9);
}

/* ---------- Admin panel: tables, buttons, forms (replaces template purple) ---------- */

table.table--light thead th {
    background-color: var(--wfm-primary-darker) !important;
    color: #fff !important;
    border: none;
}

.page-wrapper table.table--light.style--two tbody tr:hover td {
    background-color: rgba(108, 174, 63, 0.07);
}

.page-wrapper .responsive-filter-card {
    border-top: 3px solid var(--wfm-accent);
}

.bg--primary {
    background-color: var(--wfm-primary) !important;
}

.modal-header.bg--primary {
    background-color: var(--wfm-primary-darker) !important;
}

.page-wrapper .text--primary,
.text--primary {
    color: var(--wfm-primary-dark) !important;
}

.page-wrapper .text--info {
    color: var(--wfm-primary) !important;
}

.page-wrapper a:hover,
.page-wrapper a span:hover {
    color: var(--wfm-primary-dark);
}

.btn--primary,
.btn-primary {
    background-color: var(--wfm-primary) !important;
    border-color: var(--wfm-primary) !important;
    color: #fff !important;
}

.btn--primary:hover,
.btn-primary:hover {
    background-color: var(--wfm-primary-dark) !important;
    border-color: var(--wfm-primary-dark) !important;
    color: #fff !important;
}

.btn--primary.btn--gradi,
.btn-primary.btn--gradi {
    background-image: linear-gradient(30deg, var(--wfm-primary), var(--wfm-primary-dark)) !important;
}

.btn-outline--primary {
    color: var(--wfm-primary) !important;
    border-color: var(--wfm-primary) !important;
}

.btn-outline--primary:hover {
    background-color: var(--wfm-primary) !important;
    border-color: var(--wfm-primary) !important;
    color: #fff !important;
}

.pagination .page-item.active .page-link,
.dataTables_paginate .pagination .page-item.active .page-link {
    background-color: var(--wfm-primary) !important;
    border-color: var(--wfm-primary) !important;
    box-shadow: 0 4px 10px 0 rgba(61, 99, 36, 0.25) !important;
}

.dataTables_paginate .pagination li a:focus {
    box-shadow: 0 0 7px 2px rgba(108, 174, 63, 0.45) !important;
}

.page-wrapper .form-control:focus,
.page-wrapper .form-select:focus {
    border-color: var(--wfm-primary);
    box-shadow: 0 0 0 0.2rem rgba(108, 174, 63, 0.22);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--wfm-primary) !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--wfm-primary) !important;
}

.page-wrapper .form-check-input:checked {
    background-color: var(--wfm-primary);
    border-color: var(--wfm-primary);
}

.progress-bar {
    background-color: var(--wfm-primary) !important;
}

.badge.badge--primary,
.badge.bg--primary {
    background-color: var(--wfm-primary) !important;
}

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

.page-wrapper .card-header.bg--primary {
    background-color: var(--wfm-primary-darker) !important;
}