/* V138 — Padrão único das telas de login (BEEF, ADMIN, FARM). Camada declarada primeiro: vence os ajustes anteriores. */
@layer confiniLogin138{
:is(#login){--lg-borda:#c9d4cd;--lg-verde:#17663d;--lg-texto:#14261c;--lg-suave:#5b6b62}
html body #login.login-screen{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;padding:28px 16px!important;min-height:0!important;grid-template-columns:none!important}
html body #login.login-screen .login-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0!important;width:auto!important}
html body #login.login-screen .login-brand img{width:132px!important;height:auto!important;max-width:60vw!important;border-radius:14px!important}
html body #login.login-screen .login-brand span{display:none!important}
html body #login :is(.card,.login-card){box-sizing:border-box!important;width:min(100%,420px)!important;max-width:420px!important;margin:0 auto!important;padding:28px 24px!important;background:#fff!important;border:1px solid #e1e8e3!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(15,45,30,.10)!important;display:block!important}
html body #login :is(h1,h2){margin:0 0 4px!important;font-size:24px!important;line-height:1.2!important;font-weight:800!important;color:var(--lg-texto)!important}
html body #login .eyebrow{margin:0 0 6px!important;font-size:11px!important;letter-spacing:.08em!important;font-weight:700!important;color:var(--lg-suave)!important}
html body #login :is(.hint,.login-card>p:not(.eyebrow):not(.error)){margin:0 0 14px!important;font-size:14px!important;line-height:1.45!important;color:var(--lg-suave)!important}
html body #login :is(.form,.login-card){display:flex!important;flex-direction:column!important;gap:6px!important;grid-template-columns:none!important}
html body #login :is(.fieldCard,.confiniFieldV48Wrap,.login-card>label,.confiniPassword98){display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #login label{display:block!important;margin:8px 0 6px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;color:var(--lg-texto)!important}
html body #login .login-card>label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:8px 0 0!important}
html body #login :is(input[type=text],input[type=password],input[type=email],input:not([type])){box-sizing:border-box!important;display:block!important;width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 14px!important;font:500 15px/46px Montserrat,system-ui,sans-serif!important;color:var(--lg-texto)!important;background:#fff!important;border:1px solid var(--lg-borda)!important;border-radius:10px!important;box-shadow:none!important;outline:0!important}
html body #login input::placeholder{color:#8a978f!important;opacity:1!important}
html body #login input:focus{border-color:var(--lg-verde)!important;box-shadow:0 0 0 3px rgba(23,102,61,.18)!important}
html body #login .confiniPassword98{position:relative!important}
html body #login .confiniPassword98>input{padding-right:48px!important}
html body #login .confiniPassword98>.confiniEye98{position:absolute!important;top:50%!important;right:5px!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;min-height:0!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--lg-suave)!important;box-shadow:none!important}
html body #login .confiniPassword98>.confiniEye98:hover{background:#eef3ef!important}
html body #login button:not(.confiniEye98):not(.confini-whatsapp-button){box-sizing:border-box!important;width:100%!important;max-width:none!important;height:46px!important;min-height:46px!important;margin:10px 0 0!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font:700 15px Montserrat,system-ui,sans-serif!important;border-radius:10px!important;cursor:pointer!important;text-decoration:none!important}
html body #login :is(#btnLogin,#entrar,button[type=submit]){background:var(--lg-verde)!important;color:#fff!important;border:1px solid var(--lg-verde)!important}
html body #login :is(#btnLogin,#entrar,button[type=submit]):hover{background:#125231!important}
html body #login #btnCriarConta{background:#fff!important;color:var(--lg-verde)!important;border:1px solid var(--lg-verde)!important}
html body #login #btnEsqueciSenha{width:auto!important;height:auto!important;min-height:0!important;margin:6px auto 0!important;padding:6px 8px!important;background:transparent!important;border:0!important;color:var(--lg-verde)!important;font-weight:600!important;font-size:14px!important;text-decoration:underline!important}
html body #login .login-card>a{display:block!important;margin:10px auto 0!important;width:max-content!important;font-size:14px!important;font-weight:600!important;color:var(--lg-verde)!important}
html body #login :is(#loginMsg,#msg,.error){margin:10px 0 0!important;font-size:13px!important;line-height:1.4!important;min-height:0!important}
html body #login #btnCriarConta{margin-top:6px!important}
html body #login .confini-subscription-card{box-sizing:border-box!important;width:100%!important;margin:18px 0 0!important}
@media(max-width:480px){html body #login :is(.card,.login-card){padding:22px 16px!important;border-radius:14px!important}html body #login input{font-size:16px!important}}

/* Compacto: a tela de login cabe inteira, sem rolagem */
html body #login :is(.card,.login-card){padding:18px 22px 16px!important;border-radius:14px!important}
html body #login :is(h1,h2){font-size:21px!important;margin:0 0 2px!important}
html body #login :is(.hint,.login-card>p:not(.eyebrow):not(.error)){margin:0 0 8px!important;font-size:13px!important}
html body #login .eyebrow{margin:0 0 2px!important}
html body #login label{margin:6px 0 4px!important;font-size:12.5px!important}
html body #login :is(input[type=text],input[type=password],input[type=email],input:not([type])){height:40px!important;min-height:40px!important;font-size:14px!important;line-height:40px!important}
html body #login .confiniPassword98>.confiniEye98{width:32px!important;height:32px!important}
html body #login button:not(.confiniEye98):not(.confini-whatsapp-button){height:40px!important;min-height:40px!important;margin:8px 0 0!important;font-size:14px!important}
html body #login #btnEsqueciSenha{height:auto!important;min-height:0!important;margin:2px auto 0!important;padding:4px 8px!important;font-size:13px!important}
html body #login .login-card>a{margin:6px auto 0!important;font-size:13px!important}
html body #login #btnCriarConta{margin-top:4px!important}
html body #login .form>div[style*="display:flex"]{margin:2px 0!important}
html body #login .form>p.hint{margin:0!important;font-size:12.5px!important}
html body #login :is(#loginMsg,#msg,.error){margin:6px 0 0!important;font-size:12px!important}
html body #login :is(#loginMsg,#msg,.error):empty{display:none!important}
html body #login .confini-subscription-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;margin:10px 0 0!important;padding:8px 10px!important;border-radius:10px!important}
html body #login .confini-subscription-card h3{margin:0!important;font-size:13px!important;flex:1 1 140px!important;text-align:left!important}
html body #login .confini-subscription-card p{display:none!important}
html body #login .confini-subscription-card .confini-whatsapp-button{flex:0 0 auto!important;width:auto!important;min-height:0!important;height:36px!important;padding:0 12px!important;font-size:13px!important;margin:0!important}
html body #login.login-screen{padding:12px 16px!important;gap:8px!important}
html body #login.login-screen .login-brand img{width:64px!important;border-radius:10px!important}
@media(max-height:640px){html body #login :is(.card,.login-card){padding:14px 20px 12px!important}html body #login :is(input[type=text],input[type=password],input[type=email],input:not([type])),html body #login button:not(.confiniEye98):not(.confini-whatsapp-button){height:36px!important;min-height:36px!important;line-height:36px!important}html body #login label{margin:4px 0 3px!important}}

html body #login .form>div[style*="display:flex"]{display:none!important}
html body #login .form{gap:2px!important}
html body #login .confini-subscription-card{flex-wrap:nowrap!important;padding:6px!important}
html body #login .confini-subscription-card h3{display:none!important}
html body #login .confini-subscription-card .confini-whatsapp-button{flex:1 1 auto!important;width:100%!important;height:34px!important}
html body #login .form>p.hint{margin:4px 0 0!important}
@media(max-height:600px){html body #login :is(h1,h2){font-size:19px!important}html body #login :is(.hint):not(.form>p.hint){display:none!important}html body #login .form>p.hint{display:none!important}html body #login.login-screen .login-brand img{width:48px!important}}
}