/* Custom Green Theme: #01694a - Applied Globally */
:root {
    --custom-green: #01694a;
    --custom-green-light: #018d5f;
    --custom-green-lighter: #e6f5f0;
    --custom-green-dark: #014f37;
}

/* Navbar Green - Override Bootstrap bg-success */
.navbar.bg-success,
.header-navbar.bg-success {
    background-color: var(--custom-green) !important;
}

/* Text Colors */
.text-success {
    color: var(--custom-green) !important;
}

/* Background Colors */
.bg-success {
    background-color: var(--custom-green) !important;
}

.bg-light-success {
    background-color: var(--custom-green-lighter) !important;
    color: var(--custom-green) !important;
}

/* Buttons */
.btn-success {
    background-color: var(--custom-green) !important;
    border-color: var(--custom-green) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--custom-green-dark) !important;
    border-color: var(--custom-green-dark) !important;
}

/* Badges */
.badge.bg-success,
.badge.badge-glow.bg-success {
    background-color: var(--custom-green) !important;
}

.badge.bg-light-success {
    background-color: var(--custom-green-lighter) !important;
    color: var(--custom-green) !important;
}

/* Progress Bars */
.progress-bar.bg-success {
    background-color: var(--custom-green) !important;
}

/* Links */
a.text-success:hover {
    color: var(--custom-green-dark) !important;
}

/* Customer Header — white theme */
.header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.header .menu-toggle-btn {
    color: #374151 !important;
}

.header .menu-toggle-btn:hover {
    background: #f3f4f6 !important;
    color: #01694a !important;
}

.header .notification-btn {
    color: #374151 !important;
}

.header .user-name {
    color: #111827 !important;
}

.header .user-status {
    color: #6b7280 !important;
}

.header .status-dot {
    background: #22c55e !important;
}

.header .user-avatar {
    background: #01694a !important;
    color: #ffffff !important;
    border: 2px solid #e5e7eb !important;
}

.header .balance-card {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

.header .balance-card h6 {
    color: #6b7280 !important;
}

.header .balance-card h4 {
    color: #111827 !important;
}

.header .language-btn {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
}

.header .language-btn span {
    color: #374151 !important;
}

/* Override modern-ui header layout so brand/text stay visible */
.header-left {
    flex: 0 0 auto !important;
}

.header-right {
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
}

.header .header-brand-text,
.header .user-name,
.header .balance-card h4 {
    color: #111827 !important;
}

.header .header-brand-text {
    color: #01694a !important;
}

.header .user-status,
.header .balance-card h6 {
    color: #6b7280 !important;
}

.main-menu .mista-sidebar-brand-text {
    color: #ffffff !important;
}

/* Left Sidebar — match customer header green */
body .main-menu,
body .main-menu.menu-light,
body .main-menu.menu-dark,
body .main-menu.menu-modern,
.main-menu.menu-dark,
.main-menu.menu-modern,
.main-menu {
    background: #01694a !important;
    background-image: none !important;
    border-right: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
}

.main-menu .navbar-header {
    background: transparent !important;
}

.main-menu .main-menu-content {
    background: transparent !important;
}

.main-menu .navigation {
    background: transparent !important;
}

/* Sidebar menu items */
.main-menu .navigation li a {
    background: transparent !important;
    transition: all 0.2s ease !important;
    border-left: none !important;
}

.main-menu .navigation li a:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

.main-menu .navigation li.active > a,
.main-menu .navigation .nav-item.active > a {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
    box-shadow: none !important;
    border-left: none !important;
    border-radius: 10px !important;
}

/* Sidebar search */
.main-menu .sidebar-search {
    background: transparent !important;
}

.main-menu .sidebar-search input,
.main-menu .sidebar-search .search-input-wrapper input {
    background: #001812 !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
}

.main-menu .sidebar-search input::placeholder,
.main-menu .sidebar-search .search-input-wrapper input::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

/* CRITICAL OVERRIDE — solid dark green, not blue gradient */
body .main-menu,
body .main-menu.menu-light, 
body .main-menu.menu-dark {
    background: #01694a !important;
    background-image: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

.main-menu, 
body .main-menu.menu-light, 
body .main-menu.menu-dark {
    background: #01694a !important;
    background-image: none !important;
    border-right: none !important;
    box-shadow: none !important;
}