.sidebar-logo .brand-text {
  font-size: 1.125rem;
  font-weight: 700;
  color: inherit;
  white-space: nowrap;
}

.ig-admin-banner {
  position: relative;
  z-index: 20;
}

.ig-admin-content h1,
.ig-admin-content section > h1 {
  font-size: 1.5rem !important;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.75rem;
}

.ig-admin-content h2 {
  font-size: 1.125rem !important;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.ig-admin-content table {
  width: 100%;
  border-collapse: collapse;
  background: var(--white, #fff);
}

.ig-admin-content th,
.ig-admin-content td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--neutral-200, #e5e7eb);
  text-align: start;
  vertical-align: top;
}

.ig-admin-content form label {
  display: block;
  margin-bottom: 0.75rem;
}

.ig-admin-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.ig-admin-content select,
.ig-admin-content textarea {
  display: block;
  width: 100%;
  max-width: 36rem;
  margin-top: 0.25rem;
  padding: 0.4rem 0.65rem;
  border: 1px solid var(--neutral-300, #d1d5db);
  border-radius: 0.375rem;
  background: var(--base, #fff);
}

/* :not(.btn) matters here: this generic fallback is for a bare <button> with no styling of its
   own. Without it, its attribute selector (0,2,1) outranks Bootstrap/WowDash variant classes
   like .btn-danger, .btn-outline-danger, .btn-outline-primary-600 (0,1,0 or 0,2,0) regardless of
   load order, silently flattening every one of them to plain blue across the whole admin area. */
.ig-admin-content button[type="submit"]:not(.btn),
.ig-admin-content button:not(.btn):not(.sidebar-toggle):not(.sidebar-mobile-toggle):not(.sidebar-close-btn):not([data-theme-toggle]):not([data-bs-toggle]):not([data-bs-dismiss]):not(.btn-close) {
  padding: 0.4rem 0.85rem;
  border-radius: 0.375rem;
  border: 0;
  background: var(--primary-600, #2563eb);
  color: #fff;
}

.ig-admin-content .ig-status,
.ig-admin-content .ig-error {
  margin-bottom: 1rem;
}

.navbar-header .ig-admin-user {
  border: 0;
  background: transparent;
}

.navbar-header .ig-logout-form {
  margin: 0;
}

.navbar-header .ig-logout-form button {
  width: 100%;
  text-align: start;
  background: transparent;
  color: inherit;
  border: 0;
  padding: 0.35rem 1rem;
}

.navbar-header .ig-ux-switcher select {
  min-width: 8rem;
  max-width: 12rem;
  margin: 0;
}