/* Authenticated policy evidence gate rendered inside the existing auth shell. */

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent {
  display: grid;
  gap: .85rem;
  width: 100%;
  max-width: 26.5rem;
  justify-self: center;
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent h1,
:root[data-hf-auth-entry-redesign] .hf-policy-reconsent p {
  margin: 0;
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent > p:not(.hf-auth-kicker) {
  color: var(--hf-auth-muted-on-dark);
  font-size: .92rem;
  line-height: 1.42;
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent__documents {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent__documents a {
  display: grid;
  min-height: 3rem;
  place-items: center;
  padding: .5rem;
  border: 1px solid rgba(157, 217, 136, .5);
  border-radius: 8px;
  background: rgba(18, 82, 51, .5);
  color: #ecffe7;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: underline;
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent__form {
  gap: .82rem;
  padding-top: .15rem;
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent__form .auth-policy-consent__check {
  padding: .78rem;
  border: 1px solid rgba(255, 215, 160, .48);
  border-radius: 8px;
  background: rgba(7, 19, 35, .34);
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .6rem;
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent__sign-out {
  min-height: 3rem;
  padding: .62rem .8rem;
  border: 1px solid rgba(206, 222, 255, .48);
  border-radius: 8px;
  background: rgba(7, 19, 35, .32);
  color: var(--hf-auth-on-dark);
  font-weight: 800;
}

:root[data-hf-auth-entry-redesign] .hf-policy-reconsent__sign-out:focus-visible,
:root[data-hf-auth-entry-redesign] .hf-policy-reconsent__documents a:focus-visible {
  outline: 3px solid rgba(242, 181, 68, .42);
  outline-offset: 3px;
}

@media (max-width: 460px) {
  :root[data-hf-auth-entry-redesign] .hf-policy-reconsent__documents {
    grid-template-columns: minmax(0, 1fr);
  }

  :root[data-hf-auth-entry-redesign] .hf-policy-reconsent__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}
