/* Brand complement to Bootstrap 5.3 */
:root {
  --bs-primary: #7c3aed;
  --bs-primary-rgb: 124, 58, 237;
  --bs-link-color-rgb: 124, 58, 237;
  --bs-link-hover-color-rgb: 109, 40, 217;
}

body { font-family: 'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

/* Violet primary buttons (Bootstrap 5.3 buttons read these CSS vars at runtime) */
.btn-primary {
  --bs-btn-bg: #7c3aed;
  --bs-btn-border-color: #7c3aed;
  --bs-btn-hover-bg: #6d28d9;
  --bs-btn-hover-border-color: #6d28d9;
  --bs-btn-active-bg: #6d28d9;
  --bs-btn-active-border-color: #6d28d9;
  --bs-btn-disabled-bg: #7c3aed;
  --bs-btn-disabled-border-color: #7c3aed;
}

/* Layout */
.admin-layout { display: flex; min-height: 100vh; }
.admin-sidebar { width: 248px; background: #16121f; color: #cfc6e4; position: sticky; top: 0; height: 100vh; }
.admin-brand { display: flex; align-items: center; text-decoration: none; color: #fff; }
.admin-sidebar .nav-link { color: #cfc6e4; }
.admin-sidebar .nav-link:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.admin-sidebar .nav-link.active { background: linear-gradient(120deg, #7c3aed, #ff5a5f); color: #fff; }
.admin-main { max-width: 1180px; width: 100%; }

.color-dot { display: inline-block; width: 16px; height: 16px; border-radius: 50%; vertical-align: middle; }

@media (max-width: 768px) {
  .admin-layout { flex-direction: column; }
  .admin-sidebar { width: 100%; height: auto; position: static; }
}