/* ZenCaps | Segurança da conta: visual exclusivo da tela MFA.
   Nenhum controle de autenticação, desafio TOTP ou política é modificado. */
@media screen {
  .zen-login-card.zen-login-card-mfa{
    width:min(100%,550px);
    padding:33px 36px 22px;
    border-radius:22px;
    box-shadow:0 25px 65px rgba(2,13,6,.29),0 6px 18px rgba(2,13,6,.11);
  }
  .zen-login-card-mfa .zen-login-brand{padding-bottom:20px;}
  .zen-login-card-mfa .zen-login-content{padding-top:24px;}
  .zen-mfa-settings-view{display:flex;flex-direction:column;gap:0;min-width:0;}
  .zen-mfa-settings-eyebrow{
    display:flex;align-items:center;gap:8px;
    color:#178348;letter-spacing:.12em;font-size:10px;font-weight:850;
    line-height:1.5;margin-bottom:15px;
  }
  .zen-mfa-settings-spark{
    display:block;width:7px;height:7px;flex:0 0 7px;
    background:#16a45e;border-radius:50%;
    box-shadow:0 0 0 4px #e5f6ea;
  }
  .zen-mfa-settings-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;}
  .zen-mfa-settings-heading>div{min-width:0;flex:1;}
  .zen-mfa-settings-symbol{
    width:45px;height:45px;flex:0 0 45px;
    display:grid;place-items:center;
    background:#e9f7ed;color:#128b51;border-radius:13px;
  }
  .zen-mfa-settings-symbol svg{display:block;width:25px;height:25px;}
  .zen-login-card-mfa .zen-mfa-settings-heading h1{
    color:#193d28;margin:0 0 6px;
    font-size:clamp(23px,2.35vw,27px);letter-spacing:-.04em;
    line-height:1.18;font-weight:850;
  }
  .zen-login-card-mfa .zen-mfa-settings-subtitle{
    margin:0;color:#6d8373;font-size:12px;line-height:1.55;
  }
  .zen-login-card-mfa .zen-mfa-status{
    display:flex;gap:12px;align-items:center;
    min-width:0;padding:14px 15px;margin:0 0 17px;
    border:1px solid #cde7d5;
    border-radius:13px;background:linear-gradient(110deg,#eaf8ef,#f8fdf9);
    color:#1c6640;
  }
  .zen-login-card-mfa .zen-mfa-status-pending{
    background:#fff8ec;border-color:#f2dcba;color:#936419;
  }
  .zen-mfa-status-icon{
    display:grid;place-items:center;
    width:36px;height:36px;flex:0 0 36px;
    color:#fff;border-radius:50%;
    font-size:19px;font-weight:850;
    background:#1f9c5b;
  }
  .zen-mfa-status-pending .zen-mfa-status-icon{background:#c18829;}
  .zen-mfa-status-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;}
  .zen-mfa-status-text strong{color:#1f5e3d;font-size:12.5px;line-height:1.3;font-weight:850;}
  .zen-mfa-status-pending .zen-mfa-status-text strong{color:#875b19;}
  .zen-mfa-status-text span{font-size:11px;line-height:1.5;color:#3f7753;font-weight:650;}
  .zen-mfa-status-pending .zen-mfa-status-text span{color:#946927;}
  .zen-mfa-guidance{
    border:1px solid #e0eae2;border-radius:12px;
    padding:15px 16px;margin:0 0 17px;
    background:#fbfdfb;
  }
  .zen-mfa-guidance-title{
    margin-bottom:6px;
    font-size:11.5px;line-height:1.4;font-weight:850;
    color:#284f37;
  }
  .zen-login-card-mfa .zen-mfa-guidance p{
    color:#617b6a;font-size:11.5px;line-height:1.67;
  }
  .zen-login-card-mfa .zen-mfa-warning{
    margin:0 0 15px;padding:12px 13px;border-radius:10px;
    border:1px solid #efd9ac;background:#fff9ed;
    font-size:11.5px!important;line-height:1.6;
  }
  .zen-mfa-settings-actions{display:flex;flex-direction:column;gap:9px;}
  .zen-login-card-mfa .zen-mfa-settings-actions .zen-login-submit{
    min-height:46px;border-radius:10px;font-size:12px;
    font-weight:850;line-height:1.4;
  }
  .zen-login-card-mfa .zen-mfa-settings-actions #zen-mfa-return{
    display:block;width:100%;min-height:41px;margin:0;
    padding:11px 15px;border-radius:10px;
    border:1px solid #d8e6dc;background:#fff;
    color:#246c42;text-align:center;font-size:11.5px;font-weight:800;
    text-decoration:none;
  }
  .zen-login-card-mfa #zen-mfa-return:hover{background:#eef9f2;border-color:#bce0c6;}
  .zen-login-card-mfa #zen-mfa-settings-message:empty{display:none;}
  .zen-login-card-mfa #zen-mfa-settings-message:not(:empty){
    margin:12px 0 0;padding:11px 13px;
    border:1px solid #d5e9dc;border-radius:10px;
    background:#f1faf4;color:#215e3d;
    font-size:11.5px;line-height:1.55;
  }
  .zen-login-card-mfa .zen-login-footer{margin-top:20px;}
  @media(max-width:560px){
    .zen-login-card.zen-login-card-mfa{padding:24px 20px 20px;border-radius:18px;}
    .zen-login-card-mfa .zen-login-content{padding-top:21px;}
    .zen-mfa-settings-heading{gap:10px;}
    .zen-mfa-settings-symbol{width:40px;height:40px;flex-basis:40px;}
    .zen-mfa-settings-symbol svg{width:22px;height:22px;}
    .zen-login-card-mfa .zen-mfa-status{padding:12px;gap:10px;}
    .zen-mfa-guidance{padding:12px 13px;}
    .zen-login-card-mfa .zen-mfa-settings-heading h1{font-size:23px;}
  }
  @media(prefers-reduced-motion:reduce){
    .zen-login-card-mfa :is(.zen-login-submit,.zen-link-toggle){transition:none;}
  }
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-settings-eyebrow{color:#95dfaf;}
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-settings-spark{box-shadow:0 0 0 4px #244632;}
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-settings-symbol{
    background:#254b35;color:#b6f0cc;
  }
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-settings-heading h1{color:#e8f5ec;}
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-settings-subtitle{color:#bcd3c3;}
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-status{
    background:linear-gradient(110deg,#1e4930,#223c2b);
    border-color:#3a7151;color:#d6f2df;
  }
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-status-pending{
    background:#46381e;border-color:#786239;
  }
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-status-text strong{color:#e0f6e6;}
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-status-text span{color:#b9e0c6;}
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-status-pending .zen-mfa-status-text span{
    color:#ead3a4;
  }
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-guidance{
    background:#22392b;border-color:#3c6448;
  }
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-guidance-title{color:#e2f4e8;}
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-guidance p{color:#c1d7c8;}
  html[data-theme="dark"] .zen-login-card-mfa .zen-mfa-warning{
    background:#493b28;border-color:#765b34;color:#efd9ac!important;
  }
  html[data-theme="dark"] .zen-login-card-mfa #zen-mfa-return{
    background:#294a35;border-color:#50765a;color:#d7f0df;
  }
  html[data-theme="dark"] .zen-login-card-mfa #zen-mfa-return:hover{
    background:#326442;border-color:#6ca27b;
  }
  html[data-theme="dark"] .zen-login-card-mfa #zen-mfa-settings-message:not(:empty){
    background:#244332;border-color:#476b53;color:#d4eddc;
  }
}