/* === TUOLLOW BRAND THEME === */

/* BODY */
body, html { background-color: #f0f0f5 !important; }
.app-content, .content-wrapper { background-color: #f0f0f5 !important; }

/* SIDEBAR */
.main-menu.menu-light,
.main-menu.menu-light .navigation,
.main-menu .navbar-header,
.main-menu,
.main-menu .main-menu-content,
.main-menu ul.navigation-main {
  background: #c8c8d0 !important;
  border-right: 1px solid #b8b8be !important;
}
.main-menu .shadow-bottom {
  background: linear-gradient(#c8c8d0 44%, rgba(200,200,208,0.51) 73%, rgba(200,200,208,0)) !important;
}
.main-menu .navbar-header {
  border-bottom: 1px solid #c8c8ce !important;
}
.main-menu.menu-light .navigation li a { color: #1d1d1f !important; }
.main-menu.menu-light .navigation .navigation-header { color: #6e6e73 !important; }
.main-menu .navbar-header .brand-text { color: #1d1d1f !important; }

/* Active item */
.main-menu.menu-light .navigation > li.active > a {
  background: #000000 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}
.main-menu.menu-light .navigation > li.active > a i,
.main-menu.menu-light .navigation > li.active > a svg { color: #fff !important; stroke: #fff !important; }
.main-menu.menu-light .navigation > li.active > a span { color: #fff !important; }
.main-menu.menu-light .navigation > li.active > a * { color: #fff !important; }
.main-menu.menu-light .navigation > li > ul .active {
  background: #000000 !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}
.main-menu.menu-light .navigation > li > ul .active > a { color: #ffffff !important; }
.main-menu.menu-light .navigation > li .active > a { color: #000000 !important; }
.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a,
.main-menu.menu-light .navigation > li.sidebar-group-active > a {
  background: #c8c8ce !important;
  color: #000 !important;
  border-radius: 6px !important;
}

/* TOP NAVBAR */
.header-navbar,
.header-navbar .navbar-container { background-color: #f0f0f5 !important; border-bottom: 1px solid #c8c8ce !important; }

/* CARDS */
.card {
  background-color: #ffffff !important;
  border: 1px solid #e5e5ea !important;
  border-radius: 12px !important;
}
.card .card-header { background-color: #ffffff !important; }
.card .card-title { color: #1d1d1f !important; }

/* BUTTONS */
.btn-primary { background-color: #000000 !important; border-color: #000000 !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus { background-color: #222222 !important; border-color: #222222 !important; color: #fff !important; }
.btn-outline-primary { color: #000000 !important; border-color: #000000 !important; }
.btn-outline-primary:hover { background-color: #000000 !important; color: #fff !important; }

/* LINKS & TEXT */
a { color: #000000 !important; }
a:hover { color: #333333 !important; }
.text-primary { color: #000000 !important; }
.bg-primary { background-color: #000000 !important; }
.badge-primary, .badge.badge-primary { background-color: #000000 !important; }
.badge.badge-light-primary { background-color: rgba(0,0,0,0.08) !important; color: #000000 !important; }

/* FORMS */
.form-control:focus { border-color: #000000 !important; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1) !important; }
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single { border-color: #000000 !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #000000 !important; border-color: #000000 !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #000000 !important; }
.select2-container--default .select2-results__option--highlighted { background-color: rgba(0,0,0,0.06) !important; color: #000000 !important; }

/* NAV PILLS/TABS */
.nav-pills .nav-link.active { background-color: #000000 !important; }
.nav-tabs .nav-link.active { color: #000000 !important; border-color: #000000 !important; }

/* PAGINATION */
.page-item.active .page-link { background-color: #000000 !important; border-color: #000000 !important; }
.page-link { color: #000000 !important; }

/* PROGRESS */
.progress-bar { background-color: #000000 !important; }

/* FOOTER */
footer.footer { background-color: #f0f0f5 !important; border-top: 1px solid #c8c8ce !important; }

/* SCROLLBAR */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f0f0f5; }
::-webkit-scrollbar-thumb { background-color: #c8c8ce; border-radius: 100px; }
::-webkit-scrollbar-thumb:hover { background-color: #000; }

/* PACE LOADER */
.pace .pace-progress { background: #000000 !important; }

/* Fix colored action buttons */
.btn-success { background-color: #000 !important; border-color: #000 !important; color: #fff !important; }
.btn-success:hover { background-color: #222 !important; color: #fff !important; }
.btn-info { background-color: #444 !important; border-color: #444 !important; color: #fff !important; }
.btn-info:hover { background-color: #222 !important; color: #fff !important; }
.btn-warning { background-color: #666 !important; border-color: #666 !important; color: #fff !important; }
.btn-warning:hover { background-color: #444 !important; color: #fff !important; }

/* Fix colored text/badges */
.text-success { color: #000 !important; }
.text-info { color: #444 !important; }
.text-warning { color: #666 !important; }
.text-danger { color: #333 !important; }

/* Attention alert */
.alert-success { background: #f0f0f5 !important; border-color: #c8c8ce !important; color: #1d1d1f !important; }
.alert-success a { color: #000 !important; }

/* Header text black */
.header-navbar .nav-link,
.header-navbar .navbar-nav .nav-link,
.header-navbar .nav-item a,
.header-navbar .nav-item span,
.header-navbar .navbar-container *,
.header-navbar .d-flex *,
.header-navbar { color: #1d1d1f !important; }

/* Dropdown text */
.header-navbar .dropdown-menu a,
.header-navbar .dropdown-item { color: #1d1d1f !important; }

/* Icons in header */
.header-navbar i,
.header-navbar svg { color: #1d1d1f !important; stroke: #1d1d1f !important; }

/* TOPUP button and SMS unit */
.balance-top-up .top-up-url,
.balance-top-up .show-balance-unit,
.balance-top-up * { color: #1d1d1f !important; }
.top-up-url { border-color: #1d1d1f !important; color: #1d1d1f !important; }

/* Force ALL header navbar text black */
.header-navbar *:not(.flag-icon):not(img) { color: #1d1d1f !important; }
.header-navbar svg, .header-navbar i { color: #1d1d1f !important; fill: none !important; stroke: #1d1d1f !important; }

/* Force entire sidebar gray - no white anywhere */
.main-menu,
.main-menu *,
.main-menu .main-menu-content,
.main-menu .ps,
.main-menu .ps__rail-y,
.main-menu ul,
.main-menu ul li,
.main-menu .navigation-main,
.ps-container {
  background-color: #c8c8d0 !important;
}

/* Except active item stays black */
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation > li.active > a * {
  background: #000 !important;
  color: #fff !important;
}

/* And hover/open stays slightly darker gray */
.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a {
  background: #b0b0b8 !important;
}


/* Target exact sidebar elements */
div.main-menu-content,
div.main-menu-content > ul,
div.main-menu-content > ul > li,
ul.navigation.navigation-main,
ul.navigation-main,
ul.navigation-main > li,
ul.navigation-main > li > ul,
.main-menu > .navbar-header,
.main-menu > div {
  background-color: #c8c8d0 !important;
}

/* All menu items transparent by default */
.main-menu.menu-light .navigation > li,
.main-menu.menu-light .navigation > li > a,
.main-menu.menu-light .navigation > li ul,
.main-menu.menu-light .navigation > li ul li,
.main-menu.menu-light .navigation > li ul li > a,
.main-menu.menu-light .navigation .menu-content,
.main-menu.menu-light .navigation .menu-content li,
.main-menu.menu-light .navigation .menu-content li a,
.main-menu.menu-light .navigation > li.open > a,
.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a,
.main-menu.menu-light .navigation > li.sidebar-group-active > a {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover only */
.main-menu.menu-light .navigation li a:hover,
.main-menu.menu-light .navigation li.nav-item > a:hover {
  background-color: #b8b8c0 !important;
  color: #000 !important;
  border-radius: 6px !important;
}

/* Active item stays black */
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation > li.active > a * {
  background: #000000 !important;
  color: #fff !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* Maximum specificity for header text */
body .header-navbar .navbar-container .nav-item .nav-link,
body .header-navbar .navbar-container .nav-item span,
body .header-navbar .navbar-container .nav-item a,
body .header-navbar .navbar-container span,
body .header-navbar .navbar-container a,
body .header-navbar .navbar-container .show-balance-unit,
body .header-navbar .navbar-container .d-lg-none,
body .header-navbar .navbar-container .d-sm-block {
  color: #1d1d1f !important;
}
body .header-navbar .navbar-container svg {
  stroke: #1d1d1f !important;
  color: #1d1d1f !important;
}
body .header-navbar .navbar-container .top-up-url {
  border-color: #1d1d1f !important;
  color: #1d1d1f !important;
}

/* Profile section */
.user-nav,
.user-nav *,
.user-nav.d-sm-flex,
.user-nav .user-name,
.user-nav .user-status,
.user-nav span {
  color: #1d1d1f !important;
}

/* Navbar bg-dark override */
nav.header-navbar.bg-dark,
nav.navbar.bg-dark {
  background-color: #f0f0f5 !important;
  color: #1d1d1f !important;
}

/* All text in navbar */
nav.header-navbar.bg-dark .selected-language,
nav.header-navbar.bg-dark .show-balance-text,
nav.header-navbar.bg-dark .show-balance-unit,
nav.header-navbar.bg-dark .user-name,
nav.header-navbar.bg-dark .user-status,
nav.header-navbar.bg-dark .nav-link,
nav.header-navbar.bg-dark .dropdown-toggle {
  color: #1d1d1f !important;
}

/* SVG icons - currentColor will inherit */
nav.header-navbar.bg-dark svg,
nav.header-navbar.bg-dark .ficon {
  color: #1d1d1f !important;
  stroke: #1d1d1f !important;
}

/* Top up button */
nav.header-navbar.bg-dark .btn-outline-success {
  border-color: #1d1d1f !important;
  color: #1d1d1f !important;
  background: transparent !important;
}
nav.header-navbar.bg-dark .btn-outline-success:hover {
  background: #1d1d1f !important;
  color: #fff !important;
}

/* Dropdown menu */
nav.header-navbar.bg-dark .dropdown-menu,
nav.header-navbar.bg-dark .dropdown-item,
nav.header-navbar.bg-dark .dropdown-header,
nav.header-navbar.bg-dark .dropdown-menu * {
  color: #1d1d1f !important;
}

/* Nuclear option - override bg-dark white text */
body nav.header-navbar.navbar.bg-dark,
body nav.header-navbar.navbar.bg-dark * {
  color: #1d1d1f !important;
}
body nav.header-navbar.navbar.bg-dark svg * {
  stroke: #1d1d1f !important;
}

/* Stat card icon circles */
.avatar.bg-light-primary,
.avatar.bg-light-success,
.avatar.bg-light-danger,
.avatar.bg-light-warning,
.avatar.bg-light-info,
.avatar.bg-light-secondary,
[class*="bg-light-"] {
  background-color: #e8eaf0 !important;
  color: #2d3748 !important;
}
[class*="bg-light-"] svg,
[class*="bg-light-"] i {
  color: #2d3748 !important;
  stroke: #2d3748 !important;
}

/* Scroll to top button */
.scroll-top { background-color: #2d3748 !important; border-color: #2d3748 !important; }
.scroll-top svg { stroke: #fff !important; }

/* Attention alert */
.alert,
.alert-warning,
.alert-info,
.alert-success,
.alert-danger {
  background-color: #f8f8fb !important;
  border: 1px solid #e2e4ea !important;
  color: #1d1d1f !important;
  border-radius: 8px !important;
}
.alert a, .alert strong { color: #1d1d1f !important; }