/* ---- layout skeleton (always on) ---- */
:root { --ilg-gap: 1rem; }
html, body { height: 100%; }
.wrapper { min-height: 100vh; }

/* Make sure content sits to the right of a fixed 250px sidebar */
.wrapper > .main-sidebar {
  position: fixed; top: 0; bottom: 0; left: 0; width: 250px;
}
.wrapper > .content-wrapper {
  margin-left: 250px !important;   /* beat AdminLTE defaults */
  min-height: 100vh;
}

/* Mobile slide-in/out */
@media (max-width: 991.98px) {
  .wrapper > .main-sidebar { transform: translateX(-250px); transition: transform .2s ease; }
  body.sidebar-open .wrapper > .main-sidebar { transform: translateX(0); }
  .wrapper > .content-wrapper { margin-left: 0 !important; }
}

/* ---- force the dark AdminLTE look on the sidebar ---- */
.main-sidebar.sidebar-dark-primary { background-color: #343a40 !important; color: #cbd5e1; }
.main-sidebar .brand-link {
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Sidebar nav styles – win against AdminLTE v4 selectors */
.main-sidebar .nav-sidebar .nav-link { color: #cbd5e1 !important; }
.main-sidebar .nav-sidebar .nav-link:hover {
  background: rgba(255,255,255,.08) !important; color: #fff !important;
}
.main-sidebar .nav-sidebar .nav-link.active {
  background: rgba(255,255,255,.12) !important; color: #fff !important;
}

/* spacing */
.content-header { margin-bottom: var(--ilg-gap); }
.card { margin-bottom: var(--ilg-gap); }