/* Target ONLY specific button classes that should use brand color */

/* Login button - specifically target the login form submit button */
button[type="submit"][data-testid="submit_button"],
button.bg-n-brand {
  background-color: var(--n-brand, #000000) !important;
  color: white !important;
}

button[type="submit"][data-testid="submit_button"]:hover:enabled,
button.bg-n-brand:hover:enabled {
  filter: brightness(1.1) !important;
}

button[type="submit"][data-testid="submit_button"]:active:enabled,
button.bg-n-brand:active:enabled {
  transform: scale(0.98) !important;
}

/* Override any blue Tailwind classes on branded buttons */
button.bg-n-brand.bg-blue-500,
button.bg-n-brand.bg-blue-600,
button.bg-n-brand.bg-blue-700 {
  background-color: var(--n-brand, #000000) !important;
}

/* Disabled state */
button[type="submit"]:disabled,
button.bg-n-brand:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* ============================================ */
/* HIDE UPDATE BANNER AND VERSION FOOTER       */
/* ============================================ */

/* Hide the blue update banner at top (exact class from Banner.vue) */
.woot-banner,
.banner.primary,
div.banner.dark.woot-banner {
  display: none !important;
}

/* Hide the footer with version info (exact class from BuildInfo.vue) */
div.p-4.text-sm.text-center {
  display: none !important;
}

/* ============================================ */
/* REMOVE SHADOW FROM LOGIN BOX                */
/* ============================================ */

/* Remove shadow from login section */
section.shadow,
section.sm\:shadow-lg,
section.bg-white.shadow {
  box-shadow: none !important;
}
/* Hide update banner */
.woot-banner,
.banner.primary,
.flex.items-center.justify-center.h-12.gap-4.px-4.py-3.text-xs.text-white.banner {
    display: none !important;
}

/* Hide footer version info */
div.p-4.text-sm.text-center {
    display: none !important;
}

/* ============================================ */
/* HIDE ONBOARDING/WELCOME DASHBOARD           */
/* ============================================ */

.min-h-screen.grid.grid-cols-2.grid-rows-\[auto_1fr_1fr\] {
  display: none !important;
}

.min-h-screen.mx-auto.grid:has(img[src*="onboarding"]) {
  display: none !important;
}