:root {
  --brand: #FFD100;       /* Autohaus yellow */
  --brand-dark: #111111;  /* Autohaus black */
  --brand-hover: #e6bc00;
}
body { background: #f5f5f5; }

.app-navbar { background: var(--brand-dark); border-bottom: 3px solid var(--brand); }
.app-navbar .navbar-brand span { color: #fff; }
.app-navbar .nav-link { color: #f1f1f1 !important; }
.app-navbar .nav-link:hover { color: var(--brand) !important; }
.app-navbar .badge.bg-light { background: var(--brand) !important; color: #111 !important; }

.app-sidebar {
  width: 230px;
  min-height: calc(100vh - 59px);
  background: #fff;
  border-right: 1px solid #e5e7eb;
}
.app-sidebar .list-group-item {
  border: none;
  border-radius: 0;
  padding: .75rem 1.25rem;
  color: #222;
}
.app-sidebar .list-group-item:hover { background: #fff9e0; }
.app-sidebar .list-group-item.active {
  background: var(--brand);
  color: #111;
  font-weight: 700;
  border-left: 4px solid #111;
}

.notif-dropdown { width: 320px; max-height: 400px; overflow-y: auto; }

.card { border: none; box-shadow: 0 1px 3px rgba(0,0,0,.08); border-radius: .6rem; }
.stat-card { border-left: 4px solid var(--brand); }
.stat-card .stat-value { font-size: 1.6rem; font-weight: 700; color: #111; }

.btn-brand { background: var(--brand); color: #111; font-weight: 600; border: 1px solid var(--brand); }
.btn-brand:hover { background: var(--brand-hover); color: #111; border-color: var(--brand-hover); }
.btn-outline-secondary { border-color: #111; color: #111; }
.btn-outline-secondary:hover { background: #111; color: var(--brand); border-color: #111; }

a { color: #8a6d00; }
a:hover { color: #111; }

table.table thead th { background: #111; color: var(--brand); font-size: .8rem; text-transform: uppercase; }
table.table-hover tbody tr:hover { background: #fffbea; }

.badge.bg-warning { background-color: var(--brand) !important; color: #111 !important; }

@media print {
  .app-navbar, .app-sidebar, .no-print { display: none !important; }
  main { padding: 0 !important; }
}