/* Small hand-written layer on top of Tailwind (CDN). Keep this file short. */
.nav-link { border-radius: .5rem; padding: .375rem .625rem; color: #d4d4d8; white-space: nowrap; }
.nav-link:hover { background: #27272a; color: #fff; }
.menu-item { display: block; border-radius: .5rem; padding: .5rem .75rem; font-size: .875rem; color: #d4d4d8; }
.menu-item:hover { background: #27272a; }
.field-label { display: block; margin-bottom: .25rem; font-size: .875rem; color: #d4d4d8; }
.field-input,
.auth-card input:not([type=checkbox]):not([type=hidden]),
.auth-card select,
.auth-card textarea {
  width: 100%; border-radius: .625rem; border: 1px solid #3f3f46; background: #18181b; color: #f4f4f5;
  padding: .625rem .75rem; font-size: 1rem; /* 16px avoids iOS zoom on focus */
}
.field-input:focus, .auth-card input:focus { outline: 2px solid #c026d3; outline-offset: 0; border-color: transparent; }
.btn-primary, .auth-card button[type=submit] {
  display: inline-flex; align-items: center; justify-content: center; border-radius: .625rem;
  background: #c026d3; padding: .5rem .875rem; font-weight: 500; color: #fff;
}
.btn-primary:hover, .auth-card button[type=submit]:hover { background: #a21caf; }
.btn-secondary {
  display: inline-flex; align-items: center; justify-content: center; border-radius: .625rem;
  border: 1px solid #3f3f46; padding: .375rem .75rem; color: #e4e4e7;
}
.btn-secondary:hover { background: #27272a; }
.link { color: #e879f9; }
.link:hover { text-decoration: underline; }
.errorlist { margin-top: .25rem; font-size: .8125rem; color: #fda4af; }
.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.allauth-page { max-width: 24rem; }
.allauth-page h1 { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 600; }
.allauth-page form > * + *, .allauth-page p { margin-top: .75rem; }
.allauth-page a { color: #e879f9; }