/* Dopelnienie do frontend-app.css (zawsze wczytanego na kazdej stronie
   frontowej) — wylacznie style specyficzne dla ekranu logowania. Kolory/
   zmienne (--cyan, --text, --muted, --line) i klasy bazowe
   (.acas-app, .acas-hero-card, .acas-reservation-card, .acas-booking-cta,
   .acas-back-link, .acas-form-status, .acas-honeypot) pochodza z
   frontend-app.css — celowo nie duplikowane tutaj. */

.acas-login-password__row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.acas-login-password__row input {
  flex: 1 1 auto;
  min-width: 0;
}

/* .acas-reservation-card button {...} (frontend-app.css) domyslnie stosuje
   pelnoszerokosciowy, gradientowy styl "CTA" do KAZDEGO <button> w tej
   karcie (docelowo dla przycisku "Zarezerwuj termin"). Selektor z dwiema
   klasami tutaj celowo ma wyzsza specyficznosc niz tamten (dwie klasy vs
   jedna klasa + jeden element), zeby nasz maly przycisk "Pokaz/Ukryj"
   realnie nadpisal te wlasciwosci, a nie tylko czesc z nich — zweryfikowane
   bezposrednio w przegladarce, ze bez tego przycisk dziedziczyl gradient i
   pelna szerokosc. */
.acas-reservation-card .acas-login-password__toggle {
  grid-column: auto;
  width: auto;
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--cyan, #2dd4ee);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.acas-login-remember {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 4px 2px !important;
}

.acas-login-remember input {
  width: auto !important;
  flex: 0 0 auto;
}

.acas-login-form .acas-booking-cta {
  width: 100%;
}

.acas-auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 16px 0 12px;
  padding: 6px;
  border: 1px solid rgba(45, 212, 238, .2);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035);
}

.acas-auth-tabs button {
  min-height: 44px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.acas-auth-tabs button[aria-selected="true"] {
  border-color: rgba(45, 212, 238, .44);
  background: linear-gradient(135deg, rgba(45, 212, 238, .18), rgba(23, 158, 218, .12));
  color: #fff;
  box-shadow: 0 0 16px rgba(45, 212, 238, .08);
}

.acas-auth-panel[hidden] {
  display: none !important;
}

.acas-register-form {
  display: grid;
  gap: 12px;
}