/* Tela de entrada (gestor 01/11/2026, referência: login em duas colunas com imagem grande).
   Só vale fora da sessão (login e ativação de conta). */
body:not(.authenticated){background:#F7FAF9}
body:not(.authenticated) #application-root>header,body:not(.authenticated) #application-root>footer,body:not(.authenticated) #application-root>main>footer,body:not(.authenticated) footer{display:none}
body:not(.authenticated) main{max-width:none;margin:0;min-height:100vh;padding:32px max(24px,4vw) 64px;padding-right:calc(56vw + 24px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}
body:not(.authenticated) #welcome,body:not(.authenticated) #login,body:not(.authenticated) #activation{width:min(380px,100%);margin:0}
body:not(.authenticated) #welcome{text-align:center}
body:not(.authenticated) #welcome .login-logo{display:block;width:150px;height:auto;margin:0 auto 18px}
body:not(.authenticated) #welcome .eyebrow{display:none}
body:not(.authenticated) #welcome h1{font-size:26px;line-height:1.2;margin:0 0 6px;color:#1B6751}
body:not(.authenticated) #welcome p{margin:0;color:#506970}
body:not(.authenticated) #login,body:not(.authenticated) #activation{background:none;border:0;box-shadow:none;padding:0}
body:not(.authenticated) #login h2,body:not(.authenticated) #activation h2{display:none}
body:not(.authenticated) #login input,body:not(.authenticated) #activation input{width:100%;height:46px;border-radius:10px;box-sizing:border-box}
body:not(.authenticated) #login button[type=submit],body:not(.authenticated) #activation button[type=submit]{display:block;width:100%;height:46px;margin-top:18px;border-radius:999px;background:#1B6751;color:#fff;font-weight:600;border:0}
body:not(.authenticated) #login .muted{text-align:center;margin-top:16px}
#login-hero{display:none}
body:not(.authenticated) #login-hero{display:flex;position:fixed;top:0;right:0;bottom:0;width:56vw;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px;box-sizing:border-box;overflow:hidden;
 background:radial-gradient(120% 90% at 30% 10%,#1d5051 0%,#103D40 55%,#0b2e31 100%);color:#fff}
#login-hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 80% 85%,#45C16833 0,transparent 40%),radial-gradient(circle at 15% 70%,#F2450122 0,transparent 35%);pointer-events:none}
#login-hero .hero-art{position:relative}
#login-hero .ms-vitrine-stage,#login-hero .ms-vitrine-stage .ms-tile{width:168px;height:168px;border-radius:36px}
#login-hero .ms-vitrine-label{font-size:18px;min-width:320px;height:26px}
#login-hero .hero-quote{position:relative;margin:0;text-align:center;font:700 28px/1.25 Inter,Arial,sans-serif;letter-spacing:.2px;max-width:520px}
#login-hero .hero-quote span{color:#45C168}
#login-hero .hero-sub{position:relative;margin:-12px 0 0;color:#cfe5df;font-size:15px;text-align:center}
@media(max-width:820px){
 body:not(.authenticated) main{padding:0 20px 64px;padding-right:20px;justify-content:flex-start}
 body:not(.authenticated) #login-hero{position:relative;width:auto;margin:0 -20px 8px;align-self:stretch;padding:28px 20px;gap:14px}
 #login-hero .ms-vitrine-stage,#login-hero .ms-vitrine-stage .ms-tile{width:96px;height:96px;border-radius:22px}
 #login-hero .hero-quote{font-size:20px} #login-hero .hero-sub{display:none}
}
/* Olhinho e ajuda com a senha */
.pw-wrap{position:relative;display:block}.pw-wrap input{padding-right:46px!important;width:100%}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;color:#506970;display:grid;place-items:center;cursor:pointer}
.pw-eye:hover,.pw-eye[aria-pressed=true]{color:#1B6751;background:#e8f5ed}
.login-help{margin-top:14px;text-align:center}.login-help-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;color:#9aa9ac}
.login-help .link{background:none;border:0;padding:4px 2px;min-height:0;color:#1B6751;font-weight:600;text-decoration:underline;cursor:pointer;font-size:14px}
.login-help-form{margin-top:12px;text-align:left;padding:14px;border:1px solid #D4E0DA;border-radius:12px;background:#F6F8F7}.login-help-form p{margin:0 0 10px;font-size:14px}
.login-help-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.login-help-status{font-size:14px;color:#1B6751;margin:10px 0 0}
.pw-wrap{margin:0 0 16px}.pw-wrap input{margin:0!important}
.pw-eye{top:0;bottom:0;margin:auto 0;transform:none}
.login-help-links{flex-direction:column;align-items:center;gap:2px}.login-help-links>span{display:none}