/* Loaded exclusively by the Areel authentication views. */
.areel-auth .portal-login__submit,
.areel-auth .portal-login__submit:hover { color: var(--areel-ink); }
.areel-auth .portal-login__submit:hover { background: var(--areel-yellow-hover); border-color: var(--areel-yellow-hover); }
.areel-auth .portal-login__secondary { color: var(--areel-ink); }
body.areel-auth {
  --login-ink: var(--areel-ink); --login-muted: var(--areel-muted); --login-line: var(--areel-line);
  --login-green: var(--areel-yellow); --login-deep: var(--areel-ink); --login-pale: var(--areel-soft); --login-sun: var(--areel-yellow);
  --portal-primary: var(--areel-yellow); --portal-primary-hover: var(--areel-yellow-hover);
  --portal-ink: var(--areel-ink); --portal-muted: var(--areel-muted); --portal-line: var(--areel-line); --portal-radius: 2px;
  margin: 0; background: var(--areel-soft); font-family: Barlow, Arial, sans-serif;
}
.areel-auth :is(a, button):focus-visible { outline: 3px solid var(--areel-focus); outline-offset: 4px; }
.areel-auth .portal-login__wash { display: none; }
.areel-auth .portal-login__stage { max-width: 1536px; margin: auto; padding: 0 clamp(20px, 4vw, 64px) 40px; background: var(--areel-soft); border-top: 4px solid var(--areel-yellow); overflow: visible; }
.areel-auth .portal-login__stage { display: grid; grid-template-columns: 1fr minmax(360px, 470px); grid-template-rows: auto 1fr auto; gap: 48px 72px; align-items: center; min-height: 100svh; }
.areel-auth .portal-login__topbar { min-height: 100px; padding-block: 20px; border-bottom: 1px solid var(--areel-line); }
.areel-auth .portal-login__topbar { grid-column: 1 / -1; }
.areel-auth .portal-login__brand { background: var(--areel-paper); padding: 12px 16px; border-radius: 2px; }
.areel-auth .portal-login__brand img { max-width: 190px; max-height: 52px; }
.areel-auth :is(.portal-login__website, .portal-login__toplink) { border: 1px solid var(--areel-line); border-radius: 2px; padding: 12px 16px; color: var(--areel-ink); background: transparent; font-weight: 600; cursor: pointer; }
.areel-auth :is(.portal-login__website, .portal-login__toplink):hover { color: var(--areel-ink); background: var(--areel-yellow); border-color: var(--areel-yellow); transform: none; }
.areel-auth-intro { color: var(--areel-ink); padding-block: 24px; }
.areel-auth-eyebrow { color: var(--areel-ink); font-size: .72rem; font-weight: 700; letter-spacing: .15em; }
.areel-auth-intro h1 { margin: 24px 0; font-family: 'Barlow Condensed', Impact, sans-serif; font-size: clamp(3.6rem, 5.8vw, 6rem); font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -.015em; }
.areel-auth-intro h1 em { color: var(--areel-ink); font-style: normal; }
.areel-auth-intro p { max-width: 400px; color: var(--areel-muted); line-height: 1.7; font-size: 1rem; }
.areel-auth-intro__line { margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--areel-line); color: var(--areel-muted); font-size: .8rem; display: flex; align-items: center; gap: 10px; }
.areel-auth-intro__line span { width: 7px; height: 7px; background: var(--areel-yellow); }
.areel-auth .portal-login__card-wrap { width: 100%; }
.areel-auth .portal-login__card { width: 100%; padding: 34px; background: var(--areel-paper); border: 0; border-top: 4px solid var(--areel-yellow); border-radius: 2px; box-shadow: none; backdrop-filter: none; }
.areel-auth .portal-login__card-mark { margin: 0 0 24px; width: 44px; height: 44px; border: 0; border-radius: 2px; box-shadow: none; background: var(--areel-soft); color: var(--areel-ink); font-size: 1.2rem; }
.areel-auth .portal-login__header { text-align: left; }
.areel-auth .portal-login__header h2 { font-family: 'Barlow Condensed', Impact, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 2.6rem; line-height: 1; }
.areel-auth .portal-login__header > span { color: var(--areel-ink); font-weight: 700; }
.areel-auth .portal-login__field label { color: var(--areel-ink); font-weight: 600; }
.areel-auth .portal-login__control { border-radius: 2px; background: var(--areel-soft); }
.areel-auth .portal-login__control > i { color: var(--areel-muted); }
.areel-auth .portal-login__control input::placeholder { color: var(--areel-muted); }
.areel-auth .portal-login__control:focus-within { border-color: var(--areel-yellow); box-shadow: 0 0 0 3px #c7ddb54d; }
.areel-auth :is(.portal-login__submit, .portal-login__secondary) { border-radius: 2px; font-weight: 700; box-shadow: none; }
.areel-auth .portal-login__submit { justify-content: space-between; padding: 0 18px; }
.areel-auth .portal-login__submit:hover { background: var(--areel-yellow-hover); border-color: var(--areel-yellow-hover); }
.areel-auth .portal-login__secondary:hover { border-color: var(--areel-green); background: var(--areel-soft); }
.areel-auth .portal-alert { border-radius: 2px; }
.areel-auth .portal-login__notes { grid-column: 1 / -1; margin: 0; padding-top: 24px; border-top: 1px solid var(--areel-line); color: var(--areel-muted); font-weight: 500; }
.areel-auth .portal-login__notes i { color: var(--areel-ink); }
.areel-auth .portal-modal .modal-content { border-radius: 2px; }
.areel-auth .portal-modal__eyebrow { color: var(--areel-ink); }
.areel-auth .portal-modal__title { font-family: 'Barlow Condensed', Impact, sans-serif; font-weight: 700; text-transform: uppercase; }
.areel-auth :is(.portal-button, .portal-modal__close, .portal-field input, .portal-field__control) { border-radius: 2px; }
.areel-auth .portal-button--primary { color: var(--areel-ink); box-shadow: none; }
.areel-auth .portal-button--primary:hover { color: var(--areel-ink); }
@media (max-width: 991.98px) {
  .areel-auth .portal-login__stage { grid-template-columns: 1fr minmax(330px, 410px); gap: 36px; }
  .areel-auth-intro h1 { font-size: clamp(3rem, 5.8vw, 4.5rem); }
  .areel-auth .portal-login__card { padding: 28px; }
}
@media (max-width: 767.98px) {
  .areel-auth .portal-login__stage { grid-template-columns: 1fr; gap: 26px; }
  .areel-auth .portal-login__topbar { min-height: 84px; gap: 14px; }
  .areel-auth-intro { padding-block: 12px 0; }
  .areel-auth-intro h1 { font-size: clamp(3.3rem, 10vw, 4.5rem); margin-block: 18px; }
  .areel-auth-intro__line { display: none; }
  .areel-auth .portal-login__card-wrap { max-width: 520px; justify-self: center; }
  .areel-auth .portal-login__notes { padding-top: 20px; }
}
@media (max-width: 575.98px) {
  .areel-auth .portal-login__brand { padding: 10px 12px; }
  .areel-auth .portal-login__brand img { max-width: 160px; }
  .areel-auth :is(.portal-login__website, .portal-login__toplink) { width: 42px; height: 42px; padding: 0; justify-content: center; }
  .areel-auth .portal-login__header h2 { font-size: 2.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .areel-auth *, .areel-auth *::before, .areel-auth *::after { transition: none !important; }
}
/* Password recovery on the authentication pages only. */
.areel-auth .portal-login__label-row button { color: var(--areel-ink); font-size: .8rem; font-weight: 600; cursor: pointer; }
.areel-auth .portal-login__label-row button:hover { color: var(--areel-ink); }
.areel-auth .portal-forgot__icon { border-radius: 2px; background: var(--areel-soft); color: var(--areel-ink); }
.areel-auth .portal-modal--forgot .modal-content { border-radius: 2px; }
.areel-auth .portal-login__toplink { text-decoration: none; }
.areel-auth .portal-login__topbar .portal-login__toplink { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
@media (max-width: 575.98px) {
  .areel-auth .portal-login__topbar .portal-login__toplink { font-size: 0; }
  .areel-auth .portal-login__topbar .portal-login__toplink i { font-size: 1rem; }
}

/* Keep the login form prominent on mobile; desktop keeps its split layout. */
@media (max-width: 767.98px) {
  .areel-auth.areel-login .areel-auth-intro,
  .areel-auth.areel-login .portal-login__notes { display: none; }
  .areel-auth.areel-login .portal-login__stage { grid-template-rows: auto 1fr; align-items: start; }
}

/* Standalone login: only the logo and form, centered in the viewport. */
.areel-auth.areel-login .portal-login__stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr;
  place-items: center;
  gap: 0;
  min-height: 100svh;
  max-width: none;
  margin: 0;
  padding: 24px 20px;
  border: 0;
}
.areel-auth.areel-login .portal-login__card-wrap { width: min(100%, 440px); max-width: 440px; }
.areel-auth.areel-login .portal-login__card { padding: 36px; border-radius: 8px; border-top: 3px solid var(--areel-yellow); }
.areel-login .login-form-logo { display: block; width: min(100%, 230px); height: auto; max-height: 76px; object-fit: contain; margin: 0 auto 32px; }
.areel-auth.areel-login .portal-login__submit { justify-content: center; cursor: pointer; }
.areel-auth.areel-login .portal-login__control { background: var(--areel-paper); }
.areel-auth.areel-login .portal-alert--success { color: var(--areel-ink); background: var(--areel-soft); }
@media (max-width: 575.98px) {
  .areel-auth.areel-login .portal-login__stage { padding: 20px 16px; }
  .areel-auth.areel-login .portal-login__card { padding: 28px 24px; }
}