/* ═══ SIDEBAR OVERRIDE — LIGHT MINIMALIST ═══ */
/* Loaded after framework CSS to guarantee override */

.sidebar-wrapper,
.page-wrapper .page-body-wrapper .sidebar-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper,
div.sidebar-wrapper {
  background: #fff !important;
  border-right: 1px solid #e8eaef !important;
  box-shadow: none !important;
  width: 240px !important;
}

/* Force page body to respect sidebar width */
.page-wrapper.compact-wrapper .page-body-wrapper .page-body,
.compact-wrapper .page-body {
  margin-left: 240px !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper .page-body .page-header,
.page-header {
  margin-left: 240px !important;
}

/* Close icon state */
.sidebar-wrapper.close_icon,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
  width: 0px !important;
  overflow: hidden !important;
}
.sidebar-wrapper.close_icon ~ .page-body,
.sidebar-wrapper.close_icon ~ div > .page-body {
  margin-left: 0 !important;
}

/* Logo */
.sidebar-wrapper .logo-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
  background: #fff !important;
  border-bottom: 1px solid #e8eaef !important;
  padding: 14px 16px !important;
}
.sidebar-wrapper .logo-wrapper a { display: flex; align-items: center; gap: 10px; }
.sidebar-wrapper .logo-wrapper img { height: 28px !important; width: auto !important; }
.sidebar-wrapper .logo-wrapper .f-20 { font-family: 'DM Sans', sans-serif !important; font-size: .85rem !important; font-weight: 800 !important; color: #1a1f38 !important; }
.sidebar-wrapper .logo-wrapper span.text-white { color: #1a1f38 !important; }

/* Hide icon-only logo */
.logo-icon-wrapper { display: none !important; }

/* Search */
.sidebar-search { padding: 10px 12px; border-bottom: 1px solid #e8eaef; }
.sidebar-search input {
  width: 100%; height: 32px; padding: 0 8px 0 30px;
  border: 1px solid #e8eaef; border-radius: 8px;
  font-size: .78rem; font-weight: 500; color: #1a1f38;
  background: #f9fafb url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%238b92a8' viewBox='0 0 16 16'%3e%3cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3e%3c/svg%3e") no-repeat 10px center;
  font-family: inherit; outline: none;
}
.sidebar-search input:focus { border-color: #E8593A; background-color: #fff; }
.sidebar-search input::placeholder { color: #b4bcd5; font-weight: 400; }

/* Nav container */
.sidebar-wrapper .sidebar-main,
.sidebar-wrapper nav.sidebar-main,
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
  background: #fff !important;
}

.sidebar-main .sidebar-links,
.sidebar-main .sidebar-links .simplebar-content {
  padding: 4px 0 !important;
}

/* Always show text (disable compact icon-only) */
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li span,
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list a span {
  display: inline !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
  position: static !important;
}

/* Menu items */
.sidebar-main .sidebar-links a.menu-links,
.sidebar-main .sidebar-links a.sidebar-link,
.sidebar-main .sidebar-links .sidebar-list > a,
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li a {
  padding: 7px 12px !important;
  margin: 1px 8px !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #4a5068 !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
  background: transparent !important;
  transition: all .15s ease !important;
  font-family: 'DM Sans', sans-serif !important;
  text-decoration: none !important;
}

/* Hover */
.sidebar-main .sidebar-links a.menu-links:hover,
.sidebar-main .sidebar-links a.sidebar-link:hover,
.sidebar-main .sidebar-links .sidebar-list > a:hover,
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li a:hover {
  background: #f5f6f8 !important;
  color: #1a1f38 !important;
}

/* Active */
.sidebar-main .sidebar-links a.menu-links.active,
.sidebar-main .sidebar-links a.sidebar-link.active,
.sidebar-main .sidebar-links .sidebar-list > a.active {
  background: #fef0ec !important;
  color: #E8593A !important;
  font-weight: 600 !important;
}

/* SVG icons — force dark for light sidebar */
.sidebar-main .sidebar-links a svg { width: 17px !important; height: 17px !important; flex-shrink: 0; opacity: .45; }
.sidebar-main .sidebar-links a svg path,
.sidebar-main .sidebar-links a svg circle,
.sidebar-main .sidebar-links a svg rect,
.sidebar-main .sidebar-links a svg polygon { fill: #4a5068 !important; }
.sidebar-main .sidebar-links a svg[stroke] path,
.sidebar-main .sidebar-links a svg line,
.sidebar-main .sidebar-links a svg polyline { stroke: #4a5068 !important; }
.sidebar-main .sidebar-links a:hover svg { opacity: .7; }
.sidebar-main .sidebar-links a:hover svg path,
.sidebar-main .sidebar-links a:hover svg circle,
.sidebar-main .sidebar-links a:hover svg rect,
.sidebar-main .sidebar-links a:hover svg polygon { fill: #1a1f38 !important; }
.sidebar-main .sidebar-links a.active svg { opacity: 1; }
.sidebar-main .sidebar-links a.active svg path,
.sidebar-main .sidebar-links a.active svg circle,
.sidebar-main .sidebar-links a.active svg rect,
.sidebar-main .sidebar-links a.active svg polygon { fill: #E8593A !important; }

/* Feather icons (stroke-based) */
.sidebar-main .sidebar-links a i[data-feather],
.sidebar-main .sidebar-links a .feather { color: #4a5068 !important; stroke: #4a5068 !important; width: 17px !important; height: 17px !important; }
.sidebar-main .sidebar-links a:hover .feather { color: #1a1f38 !important; stroke: #1a1f38 !important; }
.sidebar-main .sidebar-links a.active .feather { color: #E8593A !important; stroke: #E8593A !important; }

/* Submenu — show inline, not flyout */
.sidebar-submenu,
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu {
  background: transparent !important;
  padding: 2px 0 4px !important;
  position: relative !important;
  width: auto !important;
  left: 0 !important;
  top: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.sidebar-submenu li a,
.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a {
  padding: 5px 12px 5px 40px !important;
  color: #8b92a8 !important;
  font-size: .76rem !important;
  font-weight: 500 !important;
  display: block !important;
  border-radius: 6px !important;
  margin: 0 8px !important;
  background: transparent !important;
}
.sidebar-submenu li a:hover { color: #1a1f38 !important; background: #f5f6f8 !important; }
.sidebar-submenu li a.active { color: #E8593A !important; background: #fef0ec !important; font-weight: 600 !important; }
.sidebar-submenu li a::before,
.sidebar-submenu li a::after { display: none !important; }

/* Arrow indicator */
.sidebar-main .sidebar-links .sidebar-title::after,
.according-menu { color: #c5c9d4 !important; }
.according-menu i::before { color: #c5c9d4 !important; }

/* Back button / toggle */
.sidebar-wrapper .back-btn { border-bottom: 1px solid #e8eaef !important; }
.sidebar-wrapper .back-btn .mobile-back { color: #6b7394 !important; }
.toggle-sidebar .sidebar-toggle,
.toggle-sidebar i,
.toggle-sidebar svg { color: #1a1f38 !important; stroke: #1a1f38 !important; }

/* Hide scroll arrows */
#left-arrow, #right-arrow { display: none !important; }

/* Menu box */
.sidebar-main .sidebar-links .menu-box,
.sidebar-main .sidebar-links ul { padding: 0 !important; margin: 0 !important; list-style: none !important; }
