/* Wolf ERP — composição aprovada em 07/11/2026.
   Não editar a imagem oficial /wolf-erp-approved-art.png.
   Este arquivo define somente seu enquadramento em telas pequenas.
   Formulário, senha, MFA e recuperação continuam em HTML acessível.
*/
.approved-hero-image { display:none; }

@media(max-width:850px) {
  body.is-auth .auth-wrap {
    padding-top:0!important;
  }
  body.is-auth .hero {
    display:block!important;
    width:calc(100% + 24px)!important;
    margin:0 -12px!important;
    flex:none!important;
    height:62.699vw!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    position:relative!important;
    overflow:hidden!important;
    background:#01050d!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.is-auth .hero::before,
  body.is-auth .hero::after,
  body.is-auth .hero-wordmark,
  body.is-auth .hero .eyebrow,
  body.is-auth .hero h1,
  body.is-auth .hero > p,
  body.is-auth .hero .hero-grid {
    display:none!important;
  }
  body.is-auth .approved-hero-image {
    display:block!important;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center top;
    border:0;
    border-radius:0;
    opacity:1;
    filter:none!important;
    transform:none!important;
    mix-blend-mode:normal!important;
  }
  body.is-auth .auth-card {
    position:relative!important;
    z-index:2;
    margin:0 auto!important;
    width:100%!important;
    max-width:520px!important;
  }
}

@media(max-width:385px) {
  body.is-auth .hero {
    height:62.699vw!important;
    min-height:0!important;
    background:none!important;
  }
}