:root{--cs-bg:#020711;--cs-card:rgba(5,22,44,.9);--cs-input:rgba(7,20,40,.92);--cs-blue:#1769ff;--cs-cyan:#00d9e8;--cs-green:#00df87;--cs-text:#fff;--cs-muted:#a9b5c7}
body.cs-login-active{min-width:0!important;min-height:100vh!important;margin:0!important;overflow-x:hidden!important;color:var(--cs-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;background-color:#020711!important;background-image:linear-gradient(90deg,rgba(1,7,17,.08) 0%,rgba(1,8,19,.18) 42%,rgba(1,8,20,.52) 70%,rgba(1,8,20,.7) 100%),url("/custom/login-background.png")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}
body.cs-login-active:before{content:"";position:fixed;z-index:0;inset:44% -15% -35%;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(0,153,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,255,.18) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 32%,transparent 92%);transform:perspective(520px) rotateX(59deg) scale(1.35);transform-origin:center bottom}
body.cs-login-active #index,body.cs-login-active [ng-view],body.cs-login-active .view-frame,body.cs-login-active .login-ui,body.cs-login-active .login-ui>div{background:transparent!important}body.cs-login-active #index{position:relative!important;z-index:1!important;width:100%!important;min-height:100vh!important}
body.cs-login-active .cs-guac-branding-hidden{display:none!important}
body.cs-login-active .login-dialog .version{display:none!important}
.cs-presentation p{color:#fff!important;font-weight:700!important;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.cs-login-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,610px);align-items:center;gap:clamp(45px,7vw,110px);width:100%;min-height:100vh;padding:54px clamp(34px,8vw,140px);box-sizing:border-box}.cs-presentation{max-width:650px}.cs-presentation h1{margin:0 0 26px;color:#fff;font-size:clamp(38px,4.4vw,67px);font-weight:500;line-height:1.08;letter-spacing:-2.4px}.cs-presentation h1 span{display:block;font-weight:700;background:linear-gradient(90deg,var(--cs-blue),var(--cs-cyan));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cs-line{width:70px;height:3px;margin-bottom:26px;border-radius:4px;background:linear-gradient(90deg,var(--cs-blue),var(--cs-cyan),var(--cs-green));box-shadow:0 0 15px rgba(0,217,232,.55)}.cs-presentation p{max-width:520px;margin:0;color:var(--cs-muted);font-size:clamp(16px,1.45vw,21px);line-height:1.7}
body.cs-login-active .login-ui{position:static!important;width:100%!important;min-height:0!important;padding:0!important}body.cs-login-active .login-dialog{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:42px 48px 36px!important;box-sizing:border-box!important;overflow:visible!important;border:1px solid rgba(31,151,255,.62)!important;border-radius:26px!important;color:#fff!important;background:linear-gradient(145deg,rgba(11,42,81,.74),var(--cs-card))!important;box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 55px rgba(0,129,255,.1)!important}body.cs-login-active .login-dialog:before{content:"INTRANET CONNECTSYNC";display:block;margin-bottom:23px;color:var(--cs-cyan);font-size:13px;font-weight:700;text-align:center;letter-spacing:4px}body.cs-login-active .logo{width:100%!important;height:74px!important;margin:0 auto 22px!important;background:url("/custom/logo.png") center/contain no-repeat!important;filter:drop-shadow(0 0 12px rgba(0,174,239,.42))}.cs-welcome{margin:0 0 26px;color:#fff;font-size:26px;font-weight:500;text-align:center}
body.cs-login-active .login-fields,body.cs-login-active .login-fields table,body.cs-login-active .login-fields tbody,body.cs-login-active .login-fields tr,body.cs-login-active .login-fields td{width:100%!important;max-width:none!important;box-sizing:border-box!important}body.cs-login-active .login-fields tr{display:block!important;margin:0 0 18px!important}body.cs-login-active .login-fields td{display:block!important;padding:0!important}body.cs-login-active .login-fields .label,body.cs-login-active .login-fields label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
body.cs-login-active input[type=text],body.cs-login-active input[type=password]{display:block!important;width:100%!important;height:64px!important;margin:0!important;padding:0 58px!important;box-sizing:border-box!important;outline:none!important;border:1px solid rgba(66,171,255,.46)!important;border-radius:21px!important;color:#fff!important;background-color:var(--cs-input)!important;background-repeat:no-repeat!important;background-position:21px center!important;background-size:21px!important;font:16px Inter,"Segoe UI",Arial,sans-serif!important}body.cs-login-active input[name=username]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238ea6c8'%3E%3Cpath d='M12 12c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5zm0 2c-4.4 0-8 2.2-8 5v2h16v-2c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E")!important}body.cs-login-active input[name=password]{padding-right:58px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238ea6c8'%3E%3Cpath d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zm-5 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm2-9h-4V6a2 2 0 1 1 4 0v2z'/%3E%3C/svg%3E")!important}body.cs-login-active input::placeholder{color:#7f8ca0!important;opacity:1!important}body.cs-login-active input:focus{border-color:var(--cs-cyan)!important;box-shadow:0 0 0 4px rgba(0,217,232,.08),0 0 24px rgba(0,174,255,.12)!important}
.cs-password-cell{position:relative!important}.cs-password-toggle{position:absolute!important;z-index:3!important;top:50%!important;right:17px!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;color:#8ea6c8!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;transform:translateY(-50%)!important}.cs-password-toggle:hover{color:var(--cs-cyan)!important;background:rgba(0,217,232,.08)!important}.cs-password-toggle svg{display:block;width:22px;height:22px;margin:auto;fill:currentColor}
body.cs-login-active button[type=submit],body.cs-login-active input[type=submit]{width:100%!important;min-width:0!important;height:64px!important;margin:7px 0 0!important;padding:0 24px!important;border:0!important;border-radius:21px!important;color:#fff!important;background:linear-gradient(100deg,#1554ff,#00aeea 55%,#00d9d2)!important;box-shadow:0 14px 38px rgba(0,139,255,.24)!important;font:700 16px Inter,"Segoe UI",Arial,sans-serif!important;text-transform:uppercase!important;cursor:pointer!important}.cs-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:27px;color:var(--cs-muted);font-size:13px}.cs-status-dot{width:9px;height:9px;border-radius:50%;background:var(--cs-green);box-shadow:0 0 10px rgba(0,223,135,.9)}
@media(max-width:1020px){.cs-login-layout{grid-template-columns:1fr;gap:38px;padding:46px 28px}.cs-presentation{max-width:610px;margin:auto;text-align:center}.cs-line,.cs-presentation p{margin-right:auto;margin-left:auto}body.cs-login-active .login-ui{max-width:610px!important;margin:auto!important}}@media(max-width:600px){.cs-login-layout{gap:28px;padding:30px 17px}.cs-presentation h1{font-size:34px;letter-spacing:-1.4px}.cs-presentation p{font-size:15px}body.cs-login-active .login-dialog{padding:32px 21px 28px!important;border-radius:21px!important}body.cs-login-active .login-dialog:before{font-size:11px;letter-spacing:3px}body.cs-login-active .logo{height:58px!important}.cs-welcome{font-size:22px}body.cs-login-active input[type=text],body.cs-login-active input[type=password],body.cs-login-active button[type=submit],body.cs-login-active input[type=submit]{height:58px!important;border-radius:18px!important}}

/* Proporções compactas - ajustadas para telas de 1240px a 1920px */
@media(min-width:1021px){
 .cs-login-layout{grid-template-columns:minmax(0,1fr) minmax(360px,455px);gap:clamp(65px,9vw,145px);max-width:1450px;margin:0 auto;padding:34px clamp(48px,8vw,125px)}
 .cs-presentation{max-width:570px}
 .cs-presentation h1{margin-bottom:18px;font-size:clamp(35px,3.45vw,52px);line-height:1.18;letter-spacing:-1.6px;overflow:visible}
 .cs-presentation h1 span{padding-bottom:.12em;line-height:1.2}
 .cs-line{width:58px;margin-bottom:20px}
 .cs-presentation p{max-width:470px;color:#fff;font-size:clamp(15px,1.1vw,17px);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.65)}
 body.cs-login-active .login-ui{max-width:455px!important;margin:0 auto!important}
 body.cs-login-active .login-dialog{max-width:455px!important;padding:25px 31px 22px!important;border-radius:20px!important;box-shadow:0 21px 60px rgba(0,0,0,.48),0 0 40px rgba(0,129,255,.09)!important}
 body.cs-login-active .login-dialog:before{margin-bottom:13px;font-size:10px;letter-spacing:3.1px}
 body.cs-login-active .logo{height:51px!important;margin-bottom:12px!important}
 .cs-welcome{margin-bottom:16px;font-size:20px}
 body.cs-login-active .login-fields tr{margin-bottom:11px!important}
 body.cs-login-active input[type=text],body.cs-login-active input[type=password]{height:48px!important;padding-right:48px!important;padding-left:47px!important;border-radius:15px!important;background-position:16px center!important;background-size:18px!important;font-size:14px!important}
 body.cs-login-active button[type=submit],body.cs-login-active input[type=submit]{height:48px!important;margin-top:4px!important;border-radius:15px!important;font-size:14px!important}
 .cs-status{margin-top:17px;font-size:11px}
 .cs-status-dot{width:8px;height:8px}
}