.cust-badge {
  padding: 1px 10px;
  font-size: 10px;
  border-radius: 4px;
  line-height: 1.3;
}

.success-badge {
  background-color: #e7ffee !important;
  color: #008912 !important;
}

.danger-badge {
  background-color: #ffe4e4 !important;
  color: #d90000;
}

.cust-text-muted {
  font-size: 10px;
  line-height: 1.3;
}

.lead-icon {
  background-color: #aeb9c3;
  width: 2rem;
  height: 2rem;
}

.user-icon-on-lead {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 12px;
}

.fs-7 {
  font-size: 0.625rem !important; /* ≈ 10px */
}

.btn-xs {
  padding: 0.25rem 0.25rem !important;
  font-size: 0.7rem !important;
  line-height: 1 !important;
  border-radius: 0.2rem !important;
}

.form-control::placeholder {
  color: #adb5bd !important;
  opacity: 0.1;
}

/* sidebar desktop scrollbar */
.sidebar {
  height: 100vh;
  position: fixed;
}

.mobile-menu .sidebar-inner {
  flex: 1;
  overflow-y: auto;
}

.sidebar-inner {
  height: calc(100vh - 60px); /* subtract logo/header height */
  overflow-y: auto;
  overflow-x: hidden;
}

.sidebar-inner::-webkit-scrollbar {
  width: 4px;
}

.sidebar-inner::-webkit-scrollbar-thumb {
  background: #bdbdbd !important;
  border-radius: 4px;
}

.sidebar-inner::-webkit-scrollbar-track {
  background: transparent;
}

/* MOBILE MENU DRAWER */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 260px;
  height: 100dvh; /* better than 100vh on mobile */
  background: #fff;
  z-index: 2001;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

.mobile-menu .sidebar-inner {
  flex: 1;
  overflow-y: auto;
  padding: 0px 16px 20px 0px;
}


/* visible state */
.mobile-menu-visible {
  transform: translateX(0);
}

/* menu scrolling area */
.mobile-menu-nav {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* backdrop */
.menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2000;
}

.mobile-brand {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  padding: 0px;
  border-bottom: 1px solid #eee;
}

/* .mobile-menu.mobile-menu-visible {
  left: 0;
} */

@media (max-width: 991px) {
  .sidebar {
    display: none;
  }
}

.sidebar {
  width: 250px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background: #fff;
  z-index: 1000;
}

.mobile-menu {
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}

.mobile-menu-visible {
  transform: translateX(0);
}

/* leads funnel scrollbar */
.kanban-drag-wrap::-webkit-scrollbar {
  width: 3px !important;
}

.kanban-drag-wrap::-webkit-scrollbar-track {
  background: transparent !important;
}

.kanban-drag-wrap::-webkit-scrollbar-thumb {
  background: #c1c1c1 !important;
  border-radius: 10px !important;
}

.kanban-drag-wrap::-webkit-scrollbar-thumb:hover {
  background: #999 !important;
}

.lead-title:hover {
  color: inherit !important;
  text-decoration: none !important;
}

.fs-12 {
  font-size: 12px !important;
}

.canvas-lead-title {
  font-size: 1.75rem !important;
}

.customer-icon-color {
  color: #d4af37;
}