/* Apresentação compacta dos logins SUM. Conteúdo integral e sem recortes. */
body.sum-login-compact { --sum-login-frame:0px; }
body.sum-login-compact:has(> .faixa-ambiente) { --sum-login-frame:44px; }
body.sum-login-compact:has(> .hml-fx) { --sum-login-frame:35px; }
body.sum-login-compact > .sum-login-shell, body.sum-login-compact > .sum-login-grid { height:auto!important; min-height:calc(100dvh - var(--sum-login-frame))!important; }
.sum-login-shell { width:100%; padding:24px; box-sizing:border-box; }
.sum-login-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr); gap:36px; align-items:center; width:100%; max-width:1480px; margin-inline:auto; }
.sum-login-grid > * { min-width:0; }
.sum-login-brand { width:100%; }
.sum-login-brand-head { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.sum-login-brand-head img { display:block; height:34px; width:auto; max-width:140px; object-fit:contain; margin:0; }
.sum-login-module { border-left:1px solid #ffffff30; padding-left:14px; font-size:12px; font-weight:600; color:#cad9e4; }
.sum-login-brand h1 { font-size:25px!important; line-height:1.2!important; margin:0!important; letter-spacing:-.025em; }
.sum-login-description { font-size:13px!important; line-height:1.45!important; margin-top:8px!important; max-width:none!important; }
.sum-login-features { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px!important; margin-top:12px!important; max-width:none!important; }
.sum-login-features > div { padding:8px!important; border:1px solid #ffffff16; border-radius:9px!important; gap:6px!important; margin:0!important; font-size:11px!important; line-height:1.35!important; align-items:flex-start!important; }
.sum-login-features > div > div:first-child { width:20px!important; height:20px!important; min-width:20px; border:0!important; background:transparent!important; }
.sum-login-features .font-semibold { font-size:11px!important; line-height:1.35!important; }
.sum-login-features .text-sm { font-size:11px!important; line-height:1.35!important; }
.sum-company-values { margin-top:18px; padding-top:16px; border-top:1px solid #ffffff25; color:#fff; }
.sum-company-columns { display:grid; grid-template-columns:1fr 1fr 1.15fr; }
.sum-company-column { padding-inline:16px; min-width:0; }
.sum-company-column:first-child { padding-left:0; }
.sum-company-column:last-child { padding-right:0; }
.sum-company-column + .sum-company-column { border-left:1px solid #ffffff25; }
.sum-company-column h2 { margin:0 0 14px; color:#e8d2a2; font-size:19px; line-height:1.2; font-weight:750; letter-spacing:.025em; text-transform:uppercase; }
.sum-company-column p { margin:0 0 12px; font-size:13px; line-height:1.45; color:#dce6ed; text-wrap:pretty; }
.sum-company-column p:last-child { margin-bottom:0; }
.sum-company-column ul { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding:0; margin:0; list-style:none; }
.sum-company-column li { border-bottom:0; padding:0 0 9px; font-size:15px; line-height:1.5; color:#fff; }
.sum-values-mobile { display:none; }
.sum-login-form { width:100%; max-width:420px!important; }
.sum-login-card { padding:24px!important; border-radius:20px!important; }
.sum-login-form h2 { font-size:24px!important; line-height:1.25!important; }
.sum-login-form .sum-login-welcome { margin-bottom:20px!important; }
.sum-login-form .sum-login-welcome p { font-size:13px!important; line-height:1.5!important; }
.sum-login-form form > * + * { margin-top:14px!important; }
.sum-login-form form label, .sum-login-form form a { font-size:12px!important; }
.sum-login-form input[type=email], .sum-login-form input[type=password], .sum-login-form input[type=text] { height:42px!important; font-size:14px!important; }
.sum-login-form button[type=submit] { height:42px!important; min-height:42px!important; font-size:14px!important; }
.sum-login-form .sum-login-copyright { font-size:11px!important; line-height:1.5; margin-top:12px!important; }
.sum-login-form .sum-login-help { margin-top:10px!important; padding:10px 12px!important; border-radius:12px!important; }
.sum-login-help summary { cursor:pointer; font-size:13px; }
.sum-login-form > details:not(.sum-login-help) { margin-top:8px!important; }
.sum-login-form > details:not(.sum-login-help) > summary { padding:10px 12px!important; font-size:13px!important; }
.sum-login-erp { max-width:none; gap:0; align-items:stretch; }
.sum-login-erp .sum-login-brand { width:100%!important; padding:24px!important; justify-content:center!important; }
.sum-login-erp .sum-login-brand-head { margin-bottom:18px; }
.sum-login-erp .sum-login-brand-head img { height:34px!important; }
.sum-login-erp .sum-login-brand-footer { margin-top:16px; font-size:11px!important; }
.sum-login-erp .sum-login-form { max-width:none!important; padding:24px!important; }
.sum-login-erp .sum-login-form > div { max-width:384px; }
@media (min-width:1600px) { .sum-company-column p { font-size:14px; line-height:1.5; } .sum-company-column li { font-size:17px; } .sum-company-column h2 { font-size:22px; } }
@media (min-width:1024px) and (max-height:700px) { .sum-login-shell { padding:18px; } .sum-company-values { margin-top:14px; padding-top:12px; } .sum-company-column p { font-size:12px; line-height:1.4; margin-bottom:10px; } .sum-company-column h2 { font-size:18px; margin-bottom:12px; } .sum-company-column ul { gap:10px; } .sum-login-brand-head { margin-bottom:10px; } .sum-login-features { margin-top:8px!important; } .sum-login-erp .sum-login-brand { padding:20px!important; } }
@media (max-width:1023px) {
 .sum-login-grid { grid-template-columns:minmax(0,1fr); max-width:600px; gap:0; }
 .sum-login-form { max-width:420px!important; margin-inline:auto; }
 .sum-values-mobile { display:block; width:100%; margin:28px auto 0; }
 .sum-login-erp { max-width:none; }
 .sum-login-erp .sum-login-brand { display:none!important; }
 .sum-login-erp .sum-values-mobile { padding:24px; margin:0; background:linear-gradient(150deg,#081c3d,#0e3a7a); }
 .sum-login-erp .sum-login-form { padding:28px 20px!important; }
}
@media (max-width:599px) {
 .sum-login-shell { padding:20px 16px; }
 .sum-company-columns { grid-template-columns:minmax(0,1fr); gap:26px; }
 .sum-company-column, .sum-company-column:first-child, .sum-company-column:last-child { padding:0; }
 .sum-company-column + .sum-company-column { border-left:0; border-top:1px solid #ffffff25; padding-top:22px; }
 .sum-company-column p { font-size:14px; line-height:1.5; }
}