/* Implementação nova da 688 sobre a base 687. */
#rh-bio-activate-area[hidden],#rh-bio-use-password[hidden],#rh-bio-login-info[hidden],[data-rh-bio-password-fields][hidden]{display:none!important}
/* Convite biométrico: ação de recusa com o degradê vermelho já utilizado
   pela remoção biométrica. O botão não herda a classe secundária geral. */
html body#rh-app.app-layout dialog#rh-bio-invite button#rh-bio-invite-later{
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  min-height:44px;
  color:#fff!important;
  background:#dc3f4f linear-gradient(135deg,#ef6b6b 0%,#dc3f4f 52%,#b42335 100%)!important;
  border:1px solid #b42335!important;
  border-radius:11px;
  box-shadow:0 8px 18px rgba(220,63,79,.20)!important;
  filter:none!important;
  text-shadow:none!important;
  transition:none;
  -webkit-tap-highlight-color:transparent;
}
html body#rh-app.app-layout dialog#rh-bio-invite button#rh-bio-invite-later:focus:not(:focus-visible){
  outline:none!important;
}
html body#rh-app.app-layout dialog#rh-bio-invite button#rh-bio-invite-later:focus-visible{
  outline:2px solid rgba(180,35,53,.55)!important;
  outline-offset:2px;
}
/* O título apenas nomeia a caixa: o foco inicial é no diálogo acessível,
   e não sobre o texto, evitando realce quadrado no cabeçalho. */
html body#rh-app.app-layout dialog#rh-bio-invite:focus{outline:none!important;box-shadow:0 18px 70px #102c4650}
.rh-bio-dialog{box-sizing:border-box;border:0;border-radius:18px;padding:24px;max-width:420px;width:calc(100% - 32px);color:#173b48;background:#fff;box-shadow:0 18px 70px #102c4650}
.rh-bio-dialog::backdrop{background:#112c466b}
.rh-bio-dialog h2{margin:0 0 12px;font-size:1.25rem}
.rh-bio-dialog p{line-height:1.55}
.rh-bio-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
.rh-bio-message{font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
.rh-bio-message:empty{display:none}
.rh-bio-message[data-erro="1"]{color:#a32938}
.rh-bio-account #rh-bio-activate-area{display:grid;gap:10px;max-width:420px}
.rh-bio-devices{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.rh-bio-devices li{display:flex;gap:14px;justify-content:space-between;align-items:center;border:1px solid #dbe5eb;border-radius:12px;padding:14px}
.rh-bio-devices small{display:block;color:#536974;margin-top:4px}
.rh-bio-devices button{flex-shrink:0}
.rh-bio-login-info{padding:14px;border-radius:12px;background:#e8f4f2;color:#17665e;margin-bottom:12px}
.rh-bio-password-link{display:block!important;width:100%;background:transparent!important;border:0!important;color:#176e79!important;box-shadow:none!important;padding:12px!important;margin-top:8px!important;text-decoration:underline;font-size:.9rem}
.rh-bio-account button:disabled,.rh-bio-dialog button:disabled{opacity:.65;cursor:wait}
@media(max-width:480px){.rh-bio-devices li{align-items:flex-start;flex-wrap:wrap}.rh-bio-actions{justify-content:stretch}.rh-bio-actions button{flex:1}}


/* A mesma caixa de ativação é utilizada por Funcionário, Gestor e Administrador. */
html body.app-layout dialog.rh-bio-dialog{
  box-sizing:border-box;
  width:min(420px,calc(100vw - 32px));
  max-width:420px;
  max-height:calc(100dvh - 32px);
  margin:auto;
  overflow-y:auto;
  border:0;
  border-radius:18px;
  padding:24px;
  background:#fff;
  color:#173b48;
}
html body.app-layout .rh-bio-dialog .rh-bio-actions button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.rh-employee-portal-page .rh-mobile-account-card + .rh-bio-account{
  margin:14px 0 0;
  border:1px solid #dce8ef;
  border-radius:20px;
  background:#fff;
  padding:15px;
  box-shadow:0 7px 20px rgba(18,54,111,.045);
  min-width:0;
}
body.rh-employee-portal-page .rh-mobile-account-card + .rh-bio-account h2{
  margin:0 0 8px;
  color:#183a5b;
  font-size:1rem;
}
body.rh-employee-portal-page .rh-mobile-account-card + .rh-bio-account p{
  color:#38566f;
  line-height:1.5;
}
body.rh-employee-portal-page .rh-bio-account input{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-height:44px;
}
body.rh-employee-portal-page .rh-bio-account #rh-bio-account-activate{
  max-width:100%;
  white-space:normal;
  min-height:44px;
}
@media(max-width:480px){
  html body.app-layout dialog.rh-bio-dialog{padding:20px 16px;}
  body.rh-employee-portal-page .rh-bio-devices li{min-width:0;overflow-wrap:anywhere;}
}

/* No desktop, preserva a aparência textual anterior do botão Remover. */
html body#rh-app.app-layout .rh-bio-account .rh-bio-devices .rh-bio-device-remove-icon svg{display:none}
@media screen and (max-width:980px){
/* RH v688 — Somente a apresentação dos controles biométricos, nos três perfis.
   Botão de remoção com a mesma lixeira vermelha da ação de remover foto no mobile. */
html body#rh-app.app-layout .rh-bio-account .rh-bio-devices .rh-bio-device-remove-icon{
  box-sizing:border-box;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b42335!important;
  border-radius:13px;
  background:linear-gradient(135deg,#ef6b6b 0%,#dc3f4f 52%,#b42335 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(220,63,79,.20);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform .15s ease,box-shadow .18s ease;
}
html body#rh-app.app-layout .rh-bio-account .rh-bio-devices .rh-bio-device-remove-icon:hover,
html body#rh-app.app-layout .rh-bio-account .rh-bio-devices .rh-bio-device-remove-icon:focus-visible{
  background:linear-gradient(135deg,#dc3f4f 0%,#b42335 55%,#921c2c 100%)!important;
  border-color:#921c2c!important;
  box-shadow:0 0 0 3px rgba(220,63,79,.18),0 10px 22px rgba(146,28,44,.18);
}
html body#rh-app.app-layout .rh-bio-account .rh-bio-devices .rh-bio-device-remove-icon:active{transform:translateY(1px)}
html body#rh-app.app-layout .rh-bio-account .rh-bio-devices .rh-bio-device-remove-icon:focus-visible{outline:2px solid #921c2c;outline-offset:2px}
html body#rh-app.app-layout .rh-bio-account .rh-bio-devices .rh-bio-device-remove-icon svg{
  display:block;
  width:20px;
  height:20px;
  flex:none;
}
html body#rh-app.app-layout .rh-bio-account .rh-bio-devices .rh-bio-device-remove-text{display:none}
/* Apenas o botão "Ativar biometria": largura determinada pelo texto curto. */
html body#rh-app.app-layout .rh-bio-account #rh-bio-activate-area #rh-bio-account-activate{
  box-sizing:border-box;
  justify-self:start;
  width:fit-content;
  max-width:100%;
  min-height:44px!important;
  height:auto!important;
  padding:11px 16px;
  white-space:normal;
}
@media (max-width:480px){
  html body#rh-app.app-layout .rh-bio-account .rh-bio-devices li{
    align-items:center;
    flex-wrap:nowrap;
  }
  html body#rh-app.app-layout .rh-bio-account .rh-bio-devices li > div{
    min-width:0;
    flex:1 1 auto;
    overflow-wrap:anywhere;
  }
}

}