/* AdminLTE 4 compatibility layer for UltimatePOS v2 */

body {
  --bs-body-bg: #0d1117;
  --bs-body-color: #e6edf3;
  font-family: "Poppins", "Cairo", sans-serif;
}

/* old header → new navbar */
.main-header {
  background-color: var(--bs-body-bg);
  border-bottom: 1px solid #30363d;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
}
.main-header .navbar a { color: var(--bs-body-color) !important; }

/* old sidebar → new app-sidebar */
.main-sidebar {
  background: linear-gradient(180deg, #0e0e0e 0%, #001a33 100%);
  color: var(--bs-body-color);
}
.main-sidebar .sidebar-menu li a {
  display: flex; align-items: center;
  border-radius: .5rem;
  padding: .5rem .8rem;
  color: #a1a1aa;
  transition: .2s;
}
.main-sidebar .sidebar-menu li a:hover {
  background: rgba(255,255,255,0.08);
  color: #fff;
}
.main-sidebar .sidebar-menu li.active > a {
  background: var(--bs-primary);
  color: #fff;
}

/* cards / boxes */
.box, .card, .small-box {
  background: #161b22;
  color: var(--bs-body-color);
  border: 1px solid #30363d;
  border-radius: .75rem;
  box-shadow: 0 4px 10px rgba(0,0,0,.5);
}
.box-body, .card-body { padding: 1rem 1.25rem; }

/* buttons */
.btn { border-radius: .5rem; font-weight: 500; }
.btn-primary { background-color: #007bff; border-color: #007bff; }
.btn-primary:hover { background-color: #0063d1; }

/* tables */
.table thead { background: #161b22; color: #fff; }
.table tbody tr:hover { background: #1b2432; }

/* dropdowns & modals */
.dropdown-menu, .modal-content {
  background: #161b22;
  color: #e6edf3;
  border: 1px solid #30363d;
  border-radius: .75rem;
}