/* NEXOACERO candidate experience — visual and interaction layer only. */

:where(.nexo-talent-auth-page, .nexo-candidate-dashboard-page) :where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid rgba(242, 118, 5, .42);
  outline-offset: 3px;
}

:where(.nexo-talent-auth-page, .nexo-candidate-dashboard-page) button,
:where(.nexo-talent-auth-page, .nexo-candidate-dashboard-page) a {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Authentication */

.talent-invite-gate {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 157, 54, .34);
  border-radius: 8px;
  background:
    linear-gradient(105deg, rgba(242, 118, 5, .16), rgba(20, 61, 69, .08)),
    rgba(255, 255, 255, .025);
}

.talent-invite-gate__number {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 168, 76, .5);
  border-radius: 7px;
  color: #ffb267;
  background: rgba(242, 118, 5, .14);
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
}

.talent-invite-gate strong,
.talent-invite-gate small {
  display: block;
}

.talent-invite-gate strong {
  color: #fff;
  font-size: .84rem;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.talent-invite-gate small {
  margin-top: 3px;
  color: rgba(229, 241, 244, .75);
  font-size: .76rem;
  line-height: 1.45;
}

.talent-code-field {
  display: grid;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
  align-items: center;
  gap: 8px 16px;
  padding: 14px;
  border: 1px solid rgba(205, 230, 235, .18);
  border-radius: 8px;
  background: rgba(4, 26, 31, .3);
}

.talent-code-field__label {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.talent-code-field__label label {
  color: #fff;
  font-size: .8rem;
  font-weight: 900;
}

.talent-code-field__label span {
  color: #ffb267;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.talent-form .talent-code-field > input {
  width: 100%;
  min-height: 52px;
  padding: 10px 12px 10px 20px;
  border-color: rgba(255, 168, 76, .5);
  color: #fff;
  background: rgba(0, 16, 20, .58);
  font-size: 1.22rem;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  letter-spacing: .42em;
  text-align: center;
}

.talent-form .talent-code-field > input::placeholder {
  color: rgba(225, 237, 240, .28);
}

.talent-code-field > small {
  color: rgba(229, 241, 244, .72);
  font-size: .75rem;
  line-height: 1.5;
}

.talent-password-control {
  position: relative;
  display: block;
}

.talent-form .talent-password-control input {
  padding-right: 92px;
}

.talent-password-toggle {
  position: absolute;
  top: 4px;
  right: 6px;
  min-width: 76px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(205, 230, 235, .28);
  border-radius: 6px;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  font: inherit;
  font-size: .76rem;
  font-weight: 900;
  cursor: pointer;
}

.talent-password-toggle:hover,
.talent-password-toggle[aria-pressed="true"] {
  border-color: rgba(255, 157, 54, .58);
  color: #ffd29f;
  background: rgba(242, 118, 5, .14);
}

.talent-alert[role="alert"] {
  border-left: 4px solid #ff735f;
}

.talent-alert[role="status"] {
  border-left: 4px solid #64d6a7;
}

.talent-area-option span {
  min-height: 48px;
  padding-block: 8px;
  white-space: normal;
}

.talent-check,
.talent-helper-row a {
  min-height: 44px;
}

.talent-helper-row a {
  display: inline-flex;
  align-items: center;
}

.talent-check input {
  width: 20px;
  min-height: 20px;
}

/* Candidate dashboard */

body.nexo-candidate-dashboard-page main#contenido,
.candidate-shell {
  min-height: 100vh;
  min-height: 100dvh;
}

.candidate-workspace {
  min-width: 0;
}

.candidate-welcome h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.candidate-welcome p {
  display: none;
}

.candidate-topbar {
  position: sticky;
  top: 0;
  z-index: 70;
}

.candidate-sidebar__close,
.candidate-sidebar-scrim,
.candidate-mobile-nav {
  display: none;
}

.candidate-icon-button[data-candidate-menu] {
  display: none;
}

.candidate-sidebar__close {
  position: absolute;
  z-index: 4;
  top: 18px;
  right: 14px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  cursor: pointer;
}

.candidate-sidebar__close::before,
.candidate-sidebar__close::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 12px;
  width: 18px;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
}

.candidate-sidebar__close::before {
  transform: rotate(45deg);
}

.candidate-sidebar__close::after {
  transform: rotate(-45deg);
}

.candidate-icon-button,
.candidate-bell,
.candidate-account__avatar {
  width: 44px;
  height: 44px;
}

.candidate-search {
  transition: border-color .18s ease, box-shadow .18s ease;
}

.candidate-search:focus-within {
  border-color: rgba(242, 118, 5, .72);
  box-shadow: 0 0 0 4px rgba(242, 118, 5, .12);
}

.candidate-search input {
  min-height: 42px;
}

.candidate-card,
.candidate-job-card {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

@media (hover: hover) and (pointer: fine) {
  .candidate-card:hover,
  .candidate-job-card:hover {
    border-color: #c8d3df;
    box-shadow: 0 18px 40px rgba(16, 43, 67, .11);
  }

  .candidate-job-card:hover {
    transform: translateY(-2px);
  }
}

.candidate-card__head a,
.candidate-card__footer-link,
.candidate-secondary-action,
.candidate-primary-action,
.candidate-profile__button,
.candidate-opportunity a,
.candidate-job-card a,
.candidate-empty a,
.candidate-support a {
  min-height: 44px;
}

.candidate-card__head a,
.candidate-empty a {
  display: inline-flex;
  align-items: center;
}

.candidate-card__footer-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.candidate-row-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 44px;
  height: 44px;
  padding-inline: 10px;
  border: 1px solid #cad5e1;
  color: #1d4b77;
  background: #f5f8fb;
  text-decoration: none;
}

.candidate-search-empty {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 26px 16px;
  border: 1px dashed #c5d0db;
  border-radius: var(--candidate-radius);
  color: #526275;
  background: #f8fafb;
  text-align: center;
}

.candidate-search-empty[hidden] {
  display: none;
}

.candidate-search-empty strong {
  color: #203149;
}

.candidate-search-empty button {
  min-height: 44px;
  margin-top: 5px;
  padding: 0 16px;
  border: 1px solid #9db0c2;
  border-radius: 6px;
  color: #173b60;
  background: #fff;
  font-weight: 900;
  cursor: pointer;
}

#candidatura,
#vacantes,
#postulaciones,
#perfil,
#entrevista,
#documentos,
#notificaciones {
  scroll-margin-top: 92px;
}

@media (min-width: 1081px) {
  .candidate-sidebar {
    height: 100vh;
    height: 100dvh;
  }
}

@media (max-width: 1080px) {
  body.nexo-candidate-dashboard-page {
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
  }

  body.nexo-candidate-dashboard-page.candidate-nav-open {
    overflow: hidden;
  }

  body.nexo-candidate-dashboard-page .nexo-mobile-actions {
    display: none !important;
  }

  .candidate-shell {
    display: block;
  }

  .candidate-sidebar {
    position: fixed;
    z-index: 200;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(340px, calc(100vw - 48px));
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    visibility: hidden;
    transform: translateX(-104%);
    transition: transform .24s ease, visibility .24s ease;
  }

  body.candidate-nav-open .candidate-sidebar {
    visibility: visible;
    transform: translateX(0);
  }

  .candidate-sidebar__close,
  .candidate-sidebar-scrim {
    display: block;
  }

  .candidate-sidebar-scrim {
    position: fixed;
    z-index: 190;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(4, 17, 28, .62);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(3px);
    transition: opacity .24s ease, visibility .24s ease;
  }

  body.candidate-nav-open .candidate-sidebar-scrim {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .candidate-brand {
    min-height: 82px;
    padding: 20px 68px 18px 18px;
  }

  .candidate-brand__logo {
    width: 188px;
  }

  .candidate-nav {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    overflow: visible;
    padding: 12px 8px 18px;
  }

  .candidate-nav a,
  .candidate-nav__trigger {
    min-height: 48px;
    padding: 0 16px;
  }

  .candidate-sidebar__media {
    display: block;
    min-height: 92px;
  }

  .candidate-support {
    display: block;
    margin-top: 10px;
  }

  .candidate-workspace {
    min-height: 100dvh;
    padding-bottom: 10px;
  }

  .candidate-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "welcome account"
      "search search";
    gap: 10px 16px;
    min-height: 0;
    padding: 10px max(18px, env(safe-area-inset-right, 0px)) 12px max(18px, env(safe-area-inset-left, 0px));
  }

  .candidate-welcome {
    grid-area: welcome;
    gap: 12px;
  }

  .candidate-search {
    grid-area: search;
    min-height: 48px;
  }

  .candidate-search input {
    min-height: 44px;
    font-size: 16px;
  }

  .candidate-account {
    grid-area: account;
    justify-content: flex-end;
  }

  .candidate-account > strong {
    display: none;
  }

  .candidate-icon-button[data-candidate-menu] {
    display: grid;
  }

  .candidate-layout {
    grid-template-columns: 1fr;
    padding: 18px max(18px, env(safe-area-inset-right, 0px)) 24px max(18px, env(safe-area-inset-left, 0px));
  }

  .candidate-aside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .candidate-mobile-nav {
    position: fixed;
    z-index: 90;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 0 max(4px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(4px, env(safe-area-inset-left, 0px));
    border-top: 1px solid #d3dde6;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 -12px 32px rgba(16, 43, 67, .14);
    backdrop-filter: blur(18px);
  }

  .candidate-mobile-nav > a,
  .candidate-mobile-nav > button {
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 68px;
    padding: 5px 2px;
    border: 0;
    color: #667586;
    background: transparent;
    font-family: inherit;
    font-size: clamp(.58rem, 2.5vw, .68rem);
    font-weight: 900;
    line-height: 1;
    text-align: center;
    cursor: pointer;
  }

  .candidate-mobile-nav > :where(a, button).is-active {
    color: #173b60;
  }

  .candidate-mobile-nav > :where(a, button).is-active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 24%;
    right: 24%;
    height: 3px;
    border-radius: 0 0 99px 99px;
    background: var(--candidate-orange);
  }

  .candidate-mobile-nav .candidate-nav__icon {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 720px) {
  .candidate-topbar {
    gap: 8px 10px;
    padding: 8px 12px 10px;
  }

  .candidate-welcome {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }

  .candidate-welcome h1 {
    overflow: hidden;
    font-size: .98rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .candidate-welcome p,
  .candidate-account > strong {
    display: none;
  }

  .candidate-account {
    align-items: center;
    gap: 5px;
  }

  .candidate-layout {
    gap: 12px;
    padding: 12px 12px 18px;
  }

  .candidate-main,
  .candidate-aside {
    gap: 12px;
  }

  .candidate-aside {
    grid-template-columns: 1fr;
  }

  .candidate-card {
    padding: 15px;
    box-shadow: 0 5px 18px rgba(16, 43, 67, .07);
  }

  .candidate-card__head {
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
  }

  .candidate-card__head a {
    flex: 0 0 auto;
  }

  .candidate-stepper {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 0;
  }

  .candidate-stepper::before {
    display: block;
    top: 18px;
    right: auto;
    bottom: 18px;
    left: 17px;
    width: 3px;
    height: auto;
    background: linear-gradient(180deg, var(--candidate-orange) 0 var(--candidate-progress), #e6ebf0 var(--candidate-progress) 100%);
  }

  .candidate-step {
    grid-template-columns: 36px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 11px;
    row-gap: 1px;
  }

  .candidate-step__node {
    grid-row: 1 / 3;
    width: 36px;
    height: 36px;
  }

  .candidate-step--complete .candidate-step__node::before {
    width: 12px;
    height: 7px;
    border-width: 2px;
  }

  .candidate-step--current .candidate-step__node::before {
    width: 14px;
    height: 17px;
  }

  .candidate-step--current .candidate-step__node::after {
    width: 7px;
  }

  .candidate-step small {
    grid-column: 2;
  }

  .candidate-note {
    margin-top: 16px;
  }

  .candidate-job-card {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .candidate-job-card__media {
    min-height: 100%;
  }

  .candidate-job-card__media::before {
    inset: 42% 18px;
  }

  .candidate-job-card__media::after {
    top: 44%;
    left: 26px;
    width: 20px;
    height: 20px;
  }

  .candidate-profile__content {
    grid-template-columns: 1fr;
  }

  .candidate-interview__content {
    grid-template-columns: 74px minmax(0, 1fr);
  }

  .candidate-datebox {
    min-height: 82px;
  }

  .candidate-doc-list article {
    grid-template-columns: 22px minmax(0, 1fr) auto;
  }

  .candidate-doc-list article > small {
    grid-column: 2;
  }

  .candidate-notification {
    grid-template-columns: 12px minmax(0, 1fr) auto;
  }

  .candidate-table td[data-label="Acciones"] {
    display: grid;
  }

  .candidate-mobile-nav > a,
  .candidate-mobile-nav > button {
    min-height: 64px;
  }
}

@media (max-width: 380px) {
  .candidate-account__avatar {
    display: none;
  }

  .candidate-card__head {
    align-items: flex-start;
  }

  .candidate-doc-list article {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .candidate-doc-status {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 1080px) and (max-height: 520px) and (orientation: landscape) {
  .candidate-topbar {
    grid-template-columns: minmax(0, 1fr) minmax(210px, .8fr) auto;
    grid-template-areas: "welcome search account";
    min-height: 60px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .candidate-welcome p,
  .candidate-account > strong,
  .candidate-account__avatar {
    display: none;
  }

  .candidate-layout {
    padding-top: 12px;
  }
}

@media (max-width: 639px) and (max-height: 520px) and (orientation: landscape) {
  .candidate-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "welcome account";
  }

  .candidate-search {
    display: none;
  }
}

/* Full-screen evaluation shell. Business logic remains in nexoacero-main.js. */

.candidate-evaluation-station {
  --eval-safe-top: env(safe-area-inset-top, 0px);
  --eval-safe-right: env(safe-area-inset-right, 0px);
  --eval-safe-bottom: env(safe-area-inset-bottom, 0px);
  --eval-safe-left: env(safe-area-inset-left, 0px);
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  overscroll-behavior: none;
}

body.candidate-eval-lock {
  overscroll-behavior: none;
}

.candidate-evaluation-station__shell,
.candidate-pc--fullscreen,
.candidate-pc--fullscreen .candidate-pc__monitor {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.candidate-pc--fullscreen .candidate-pc__monitor {
  display: grid;
  grid-template-rows: 56px minmax(0, 1fr) 56px;
  gap: 0;
  padding: var(--eval-safe-top) var(--eval-safe-right) var(--eval-safe-bottom) var(--eval-safe-left);
  overflow: hidden;
  background: #05070a;
}

.candidate-pc--fullscreen .candidate-pc__toolbar,
.candidate-pc--fullscreen .candidate-pc__screen,
.candidate-pc--fullscreen .candidate-pc__taskbar {
  position: static;
  inset: auto;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

.candidate-pc--fullscreen .candidate-pc__toolbar {
  z-index: 7;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 6px 8px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  border-radius: 0;
  background: #111820;
  box-shadow: none;
  backdrop-filter: none;
}

.candidate-pc--fullscreen .candidate-pc__toolbar input {
  height: 44px;
  min-width: 0;
  font-size: 16px;
}

.candidate-pc--fullscreen .candidate-pc__toolbar button,
.candidate-pc--fullscreen .candidate-pc__taskbar button,
.candidate-pc--fullscreen .candidate-evaluation-station__close,
.candidate-pc--fullscreen .candidate-evaluations__status,
.candidate-mini-evaluation__head button,
.candidate-mini-evaluation__body > button {
  min-height: 44px;
  border-radius: 7px;
  padding-inline: 14px;
  font-size: .8rem;
}

.candidate-pc--fullscreen .candidate-pc__screen {
  position: relative;
  align-self: center;
  justify-self: center;
  width: min(100%, calc(177.78dvh - 199px));
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  background: #fff;
}

.candidate-pc--fullscreen .candidate-pc__screen img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
}

.candidate-pc--fullscreen .candidate-pc__taskbar {
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  min-height: 56px;
  padding: 6px 8px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  background: #111820;
}

.candidate-pc--fullscreen .candidate-evaluations__status {
  justify-content: center;
  min-height: 44px;
}

.candidate-evaluation-gate {
  left: max(12px, var(--eval-safe-left));
  bottom: calc(68px + var(--eval-safe-bottom));
}

.candidate-mini-evaluation {
  max-height: calc(100dvh - var(--eval-safe-top) - var(--eval-safe-bottom) - 32px);
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.candidate-mini-evaluation__head {
  position: sticky;
  z-index: 2;
  top: 0;
}

.candidate-mini-evaluation fieldset > label {
  min-height: 44px;
  align-items: center;
  padding: 8px 6px;
  border-radius: 6px;
}

.candidate-mini-evaluation input[type="radio"] {
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.candidate-mini-evaluation__text textarea {
  min-height: 96px;
  font-size: 16px;
}

@media (max-width: 800px) {
  .candidate-pc--fullscreen .candidate-pc__monitor {
    grid-template-rows: 56px minmax(0, 1fr) 112px;
  }

  .candidate-pc--fullscreen .candidate-pc__toolbar {
    grid-template-columns: minmax(0, 1fr) 48px;
  }

  .candidate-pc--fullscreen .candidate-pc__toolbar button {
    min-width: 44px;
    padding-inline: 8px;
  }

  .candidate-pc--fullscreen .candidate-pc__screen {
    align-self: start;
    width: min(100%, calc(177.78dvh - 299px));
  }

  .candidate-pc--fullscreen .candidate-pc__taskbar {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(72px, .8fr) minmax(60px, .6fr);
    gap: 6px;
    min-height: 112px;
  }

  .candidate-pc--fullscreen .candidate-evaluations__status {
    grid-column: 1 / -1;
    width: 100%;
  }

  .candidate-pc--fullscreen .candidate-pc__taskbar button,
  .candidate-pc--fullscreen .candidate-evaluation-station__close {
    min-width: 0;
    min-height: 48px;
    overflow: hidden;
    padding-inline: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .candidate-evaluation-gate {
    right: max(8px, var(--eval-safe-right));
    bottom: calc(120px + var(--eval-safe-bottom));
    left: max(8px, var(--eval-safe-left));
    width: auto;
    max-height: calc(100dvh - 196px);
    overflow-y: auto;
  }
}

@media (max-width: 600px), (max-width: 1080px) and (max-height: 520px) and (orientation: landscape) {
  .candidate-mini-evaluation,
  .candidate-mini-evaluation.is-visible {
    top: max(8px, var(--eval-safe-top));
    right: max(8px, var(--eval-safe-right));
    bottom: max(8px, var(--eval-safe-bottom));
    left: max(8px, var(--eval-safe-left));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: auto;
    max-height: none;
    overflow: hidden;
    border-radius: 12px;
    transform: none;
  }

  .candidate-mini-evaluation[hidden] {
    display: none;
  }

  .candidate-mini-evaluation__body,
  .candidate-mini-evaluation__done {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 720px) {
  .talent-form input,
  .talent-form select,
  .talent-password-toggle {
    font-size: 16px;
  }

  .talent-auth__grid {
    gap: 18px;
  }

  .talent-auth h1 {
    font-size: clamp(2rem, 10vw, 2.6rem);
    line-height: 1;
  }

  .talent-lead {
    font-size: .96rem;
  }

  .talent-auth-card__head,
  .talent-auth-card__system,
  .talent-auth-card__foot,
  .talent-auth-tabs,
  .talent-form,
  .talent-alert {
    padding-left: 16px;
    padding-right: 16px;
  }

  .talent-form {
    gap: 14px;
  }

  .talent-code-field {
    grid-template-columns: 1fr;
  }

  .talent-form .talent-code-field > input {
    width: 100%;
  }

  .talent-helper-row {
    align-items: flex-start;
  }

  .talent-auth-card__foot span:last-child {
    display: none;
  }
}

@media (max-width: 420px) {
  .talent-auth__copy {
    gap: 12px;
  }

  .talent-kicker,
  .talent-lead,
  .talent-process {
    display: none;
  }

  .talent-helper-row {
    align-items: stretch;
    flex-direction: column;
    gap: 2px;
  }
}