/* ============================================
   Sidebar — Notion Modern Style
   ChatBot IL Custom Theme
   ============================================ */

/* Sidebar wrapper */
.sidebar-wrapper {
  background-color: #fbfbfa !important;
  border-left: 1px solid #e9e9e7 !important;
  box-shadow: none !important;
}

/* Sidebar header (logo area) */
.sidebar-header.border-bottom {
  border-bottom: 1px solid #ebebea !important;
  padding: 12px 16px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
}

.sidebar-header a {
  pointer-events: none;
  cursor: default;
}

.sidebar-header .large-logo {
  height: 28px !important;
  width: auto !important;
  opacity: 0.9;
}

/* ---- Menu container ---- */
.sidebar-menu {
  padding: 8px !important;
}

.sidebar-menu .menu {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* ---- Menu items ---- */
.sidebar-item {
  margin-bottom: 1px !important;
}

/* ---- All sidebar links (base) ---- */
.sidebar-wrapper .menu .sidebar-link {
  color: #37352f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  transition: background-color 0.1s ease !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.sidebar-wrapper .menu .sidebar-link:hover {
  background-color: rgba(55, 53, 47, 0.06) !important;
}

.sidebar-wrapper .menu .sidebar-link:hover span {
  opacity: 1 !important;
}

/* ---- Active item ---- */
.sidebar-item.active > .sidebar-link {
  background-color: rgba(55, 53, 47, 0.08) !important;
  color: #37352f !important;
  font-weight: 600 !important;
}

/* Link text */
.sidebar-link span {
  color: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
}

/* Icons */
.sidebar-link img {
  width: 20px !important;
  height: 20px !important;
  opacity: 0.85;
  border-radius: 3px;
  flex-shrink: 0;
}

/* Chevron arrows */
.sidebar-link .fa-chevron-down {
  color: rgba(55, 53, 47, 0.35) !important;
  font-size: 9px !important;
  transition: transform 0.2s ease !important;
}

/* ---- Submenus ---- */
.submenu {
  padding: 2px 0 2px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.submenu li {
  margin-bottom: 0 !important;
}

/* Submenu links: smaller, indented, lighter */
.submenu li .sidebar-link,
.submenu li a.sidebar-link {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #787774 !important;
  padding: 5px 10px 5px 34px !important;
  border-radius: 6px !important;
  gap: 6px !important;
}

.submenu li .sidebar-link:hover,
.submenu li a.sidebar-link:hover {
  background-color: rgba(55, 53, 47, 0.04) !important;
  color: #37352f !important;
}

.submenu li .sidebar-link img {
  width: 18px !important;
  height: 18px !important;
  opacity: 0.7;
}

/* ---- Sidebar toggler ---- */
.sidebar-toggler {
  border-top: 1px solid #ebebea !important;
}

/* ---- Scrollbar ---- */
.sidebar-wrapper .ps__thumb-y {
  background-color: #d3d1cb !important;
  width: 4px !important;
  border-radius: 4px !important;
}

.sidebar-wrapper .ps__rail-y {
  width: 8px !important;
}