/* Prime-themed inputs on auth/login pages — preserves portal layout structure */

.portal-form-field input[type="text"],
.portal-form-field input[type="password"],
.portal-form-field input[type="email"],
.portal-login-card .p-inputtext,
.auth-login-card .p-inputtext {
  font-family: var(--font-family-base, "Inter", sans-serif);
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.375rem 0.5rem;
  border: 1px solid var(--p-outline-default, #C2C2C2);
  border-radius: 4px;
  background: var(--p-surface-0, #FFFFFF);
  color: var(--p-text-color, #191919);
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.portal-form-field input:focus,
.portal-login-card .p-inputtext:focus,
.auth-login-card .p-inputtext:focus {
  outline: none;
  border-color: var(--p-form-field-focus-border-color, #2b2b2b);
  box-shadow: 0 0 0 1px var(--p-form-field-focus-border-color, #2b2b2b);
}

.portal-footer-link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: var(--p-info-500, #4044D9);
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-bottom: 1px solid var(--p-info-500, #4044D9);
}

.portal-footer-link:hover {
  opacity: 0.8;
  color: var(--p-info-500, #4044D9);
  text-decoration: none;
}

.portal-footer-link .mi {
  font-size: 1rem;
  line-height: 1;
  color: var(--p-info-500, #4044D9);
  flex-shrink: 0;
}

.portal-btn-primary,
.auth-login-card .idsrv-btn-primary {
  background: var(--p-button-primary-background, #2b2b2b);
  border: 1px solid var(--p-button-primary-border-color, #2b2b2b);
  color: var(--p-button-primary-color, #F2F2F2);
}

.portal-btn-primary:hover,
.auth-login-card .idsrv-btn-primary:hover {
  background: var(--p-button-primary-hover-background, #393939);
  border-color: var(--p-button-primary-hover-background, #393939);
}