/* Admin theme: sidebar colors */
:root {
  --bg-sidebar: #385284;
  --sidebar-hover: #4a6494;
  --sidebar-active: #5b7aa8;
  --sidebar-text: #c7d3e6;
  --sidebar-text-active: #ffffff;
}

body.admin .sidebar,
body.admin #setup-menu-wrapper {
  background: var(--bg-sidebar);
  border-right-color: var(--bg-sidebar);
}

[dir="rtl"] body.admin .sidebar {
  border-left-color: var(--bg-sidebar);
}

body.admin .sidebar ul.nav li a,
body.admin .sidebar ul.nav li a i.menu-icon,
body.admin .sidebar ul.nav li .nav-second-level li a,
body.admin .sidebar .arrow,
body.admin #setup-menu > li:first-child {
  color: var(--sidebar-text);
}

body.admin #setup-menu > li:first-child {
  border-bottom-color: rgb(255 255 255 / 0.15);
}

/* Hover */
body.admin .sidebar > ul.nav > li:hover > a:first-child {
  background: var(--sidebar-hover);
  border-color: var(--sidebar-hover);
  box-shadow: none;
}

/* Active item */
body.admin .sidebar > ul.nav > li.active > a:first-child,
body.admin .sidebar > ul.nav > li.active:hover > a:first-child {
  background: var(--sidebar-active);
  border-color: var(--sidebar-active);
  box-shadow: none;
}

body.admin .sidebar ul.nav li.active > a,
body.admin .sidebar ul.nav > li > a:hover,
body.admin .sidebar ul.nav > li > a:focus,
body.admin .sidebar ul.nav li.active > a .menu-icon,
body.admin .sidebar ul.nav > li > a:hover .menu-icon,
body.admin .sidebar ul.nav > li > a:focus .menu-icon,
body.admin .sidebar ul.nav li .nav-second-level li.active a,
body.admin .sidebar ul.nav > li .nav-second-level > li:not(.active) > a:hover,
body.admin .sidebar ul.nav > li .nav-second-level > li:not(.active) > a:focus,
body.admin .sidebar ul.nav li .nav-second-level a:hover .menu-icon,
body.admin .sidebar ul.nav li .nav-second-level a:focus .menu-icon {
  color: var(--sidebar-text-active);
}

/* Header */
body.admin #header {
  background: var(--bg-sidebar);
}

body.admin #header .hide-menu,
body.admin #header .logo-text,
body.admin #header .mobile-menu-toggle,
body.admin #header .navbar-nav > li > a,
body.admin #header .mobile-icon-menu > li > a,
body.admin #header .navbar-nav > li > a .tw-text-neutral-400,
body.admin #header .mobile-icon-menu > li > a .tw-text-neutral-400,
body.admin #header #top_search_button button {
  color: var(--sidebar-text);
}

body.admin #header .hide-menu:hover,
body.admin #header .hide-menu:focus,
body.admin #header .logo-text:hover,
body.admin #header .mobile-menu-toggle:hover,
body.admin #header .navbar-nav > li > a:hover,
body.admin #header .navbar-nav > li > a:focus,
body.admin #header .navbar-nav > li.open > a,
body.admin #header .mobile-icon-menu > li > a:hover,
body.admin #header .navbar-nav > li > a:hover .tw-text-neutral-400,
body.admin #header .mobile-icon-menu > li > a:hover .tw-text-neutral-400 {
  color: var(--sidebar-text-active);
}

body.admin #header .hide-menu:hover,
body.admin #header .navbar-nav > li > a:hover,
body.admin #header .navbar-nav > li > a:focus,
body.admin #header .navbar-nav > li.open > a {
  background: var(--sidebar-hover);
}

body.admin #header li > a.active {
  color: var(--sidebar-text-active);
  background: var(--sidebar-active);
}

body.admin #header #search_input {
  background: rgb(255 255 255 / 0.12) !important;
  color: var(--sidebar-text-active);
}

body.admin #header #search_input::placeholder {
  color: var(--sidebar-text) !important;
}

/* Mobile dropdown menu keeps its white panel */
body.admin #header .mobile-navbar .navbar-nav > li > a:hover,
body.admin #header .mobile-navbar .navbar-nav > li > a:focus {
  background: #f1f5f9;
}

/* Header user profile (moved from sidebar) */
body.admin #header .header-user-profile > a {
  padding-top: 12px;
  padding-bottom: 12px;
}

body.admin #header .header-user-profile-name {
  max-width: 140px;
  font-weight: 600;
}

@media (max-width: 991px) {
  body.admin #header .header-user-profile-name {
    display: none;
  }
}