body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fa;
}

.card {
  border: none;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
}

.navbar-brand {
  font-weight: bold;
}

.table th {
  background-color: #f1f1f1;
}

.badge {
  font-size: 0.85em;
}

/* Page header defaults */
.page-header {
  margin-top: 0.5rem;
}

/* Sidebar: collapse jadi flex hanya saat tampak (desktop) */
.navbar-vertical .navbar-collapse.collapsing,
.navbar-vertical .navbar-collapse.show {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .navbar-vertical .navbar-collapse {
    display: flex !important;
    flex-direction: column;
    flex-grow: 1;
  }
  .sidebar-nav-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}