/**
 * EntreAgri - Page d'authentification (login, signup)
 * Styles spécifiques aux pages login.html et reset-password.html
 */

/* Auth page centered layout */
body[data-page="login"] .page-content,
body[data-page="reset-password"] .page-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}

body[data-page="login"] .page-content > div,
body[data-page="reset-password"] .page-content > div {
  width: 100%;
  max-width: 800px;
}

/* Card styling for auth forms */
.uk-card.uk-card-default.uk-card-body.uk-border-rounded {
  border-radius: 16px !important;
}

/* Tab styling */
.uk-tab > li.uk-active > a {
  color: var(--ea-color-dark-green);
  border-bottom-color: var(--ea-color-dark-green);
}

/* Password visibility toggle */
.uk-form-icon-flip button[type="button"] {
  background: none;
  border: none;
  cursor: pointer;
  color: #999;
}

.uk-form-icon-flip button[type="button"]:hover {
  color: var(--ea-color-dark-green);
}

/* Help text for password requirements */
.uk-text-small.muted {
  font-size: 0.85rem;
  color: #666;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  body[data-page="login"] .page-content,
  body[data-page="reset-password"] .page-content {
    padding: 20px 10px;
  }

  body[data-page="login"] .page-content > div,
  body[data-page="reset-password"] .page-content > div {
    max-width: 100%;
  }
}