/* Tema biru modern — selaras AdminLTE primary */
:root {
  --fc-primary: #1e5a96;
  --fc-primary-dark: #154a7a;
  --fc-accent: #0d8abc;
}

.main-header.navbar-light .navbar-nav .nav-link {
  color: #2c3e50;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active:hover {
  background-color: var(--fc-accent) !important;
  color: #fff !important;
}

[class*="sidebar-dark-"] .brand-link {
  background: linear-gradient(135deg, var(--fc-primary) 0%, var(--fc-primary-dark) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.small-box .icon {
  color: rgba(255, 255, 255, 0.35);
}

.content-header h1 {
  font-weight: 600;
  color: var(--fc-primary-dark);
}

.card {
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.35rem rgba(30, 90, 150, 0.08);
}

.btn-primary {
  background-color: var(--fc-primary);
  border-color: var(--fc-primary-dark);
}

.btn-primary:hover {
  background-color: var(--fc-primary-dark);
  border-color: #0f3d66;
}

.badge-queue {
  font-size: 1.25rem;
  padding: 0.5rem 0.75rem;
}

.kds-card {
  border-left: 4px solid var(--fc-accent);
}