/*----------------------sidebar ----------------------------*/
/* ===== SMART PMS — Header + Sidebar skin ===== */
:root{
  --spms-header-bg: #0f172a;   /* slate-900 */
  --spms-header-border:#1f2937;/* slate-800 */
  --spms-side-bg:   #0b1220;   /* deep slate */
  --spms-side-border:#1f2937;  /* slate-800 */
  --spms-text:      #cbd5e1;   /* slate-300 */
  --spms-text-dim:  #94a3b8;   /* slate-400 */
  --spms-card:      #ffffff;
  --spms-blue:      #2563eb;   /* blue-600 */
  --spms-blue-weak: rgba(37,99,235,.18);
  --spms-hover:     #111827;   /* slate-900 */
}

/* Top Header */
.main-header.navbar,
.navbar.navbar-expand.navbar-dark {
  background: var(--spms-header-bg) !important;
  border-bottom: 1px solid var(--spms-header-border);
  color: var(--spms-text);
}
.navbar .nav-link, .navbar .brand-link, .navbar a {
  color: var(--spms-text) !important;
}
.navbar .nav-link:hover { color: #fff !important; }

/* Brand (left logo/text) */
.brand-link {
  background: transparent !important;
  border-bottom: none !important;
  color: var(--spms-text) !important;
}
.brand-link .brand-image {
  background: var(--spms-blue);
  border-radius: .5rem;
  box-shadow: 0 1px 0 rgba(255,255,255,.1) inset, 0 2px 8px rgba(0,0,0,.2);
}

/* Sidebar shell */
.main-sidebar {
  background: var(--spms-side-bg) !important;
  border-right: 1px solid var(--spms-side-border);
  color: var(--spms-text);
}
.sidebar { padding-top: .75rem; }

/* User panel */
.user-panel, .user-panel .info, .user-panel a { color: var(--spms-text); }
.user-panel { border-bottom: 1px solid var(--spms-side-border); }

/* Nav list base */
.nav-sidebar .nav-item > .nav-link {
  color: var(--spms-text);
  border-radius: .75rem;
  margin: 2px 8px;
  padding: .55rem .75rem;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.nav-sidebar > .nav-item > .nav-link:hover {
  background: var(--spms-hover);
  color: #fff;
}

/* Active & menu-open states */
.nav-sidebar .nav-link.active,
.nav-sidebar .menu-open > .nav-link {
  background: var(--spms-blue-weak) !important;
  color: #e5edff !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.35) inset;
}
.nav-sidebar .nav-link.active .nav-icon,
.nav-sidebar .menu-open > .nav-link .nav-icon { color: #9ab4ff; }

/* Icons */
.nav-sidebar .nav-icon { color: var(--spms-text-dim); }
.nav-sidebar .nav-link:hover .nav-icon { color: #e5e7eb; }

/* Right chevrons */
.nav-sidebar .right {
  color: var(--spms-text-dim);
}

/* Treeview */
.nav-treeview {
  background: transparent;
  border-left: 2px solid rgba(148,163,184,.15);
  margin-left: 14px;
  padding-left: 6px;
}
.nav-treeview > .nav-item > .nav-link {
  color: var(--spms-text-dim);
  padding-left: 1.9rem;
  margin: 2px 4px;
  border-radius: .6rem;
}
.nav-treeview > .nav-item > .nav-link:hover {
  background: rgba(255,255,255,.04);
  color: #e2e8f0;
}
.nav-treeview .nav-link.active {
  background: var(--spms-blue-weak) !important;
  color: #e5edff !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.35) inset;
}

/* Scrollbar (WebKit) */
.main-sidebar::-webkit-scrollbar { width: 8px; }
.main-sidebar::-webkit-scrollbar-thumb {
  background: #394055; border-radius: 9999px;
}
.main-sidebar::-webkit-scrollbar-track { background: transparent; }

/* Cards/content look (optional, to match light tiles) */
.content-wrapper, .content { background: #f1f5f9; } /* slate-100 */
.card { border-radius: 1rem; }