/*!
 * Estrutural TI — tela de login dos agentes (osTicket 1.18.x). Carregado depois de login.css.
 */
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@500;600;700&family=Source+Sans+3:wght@400;600;700&display=swap");
:root{--e-ground:#F4F8FB;--e-surface:#fff;--e-ink:#0A1B2E;--e-ink-2:#4A5D71;--e-line:#D8E3ED;--e-brand:#00CCFF;--e-accent:#0081AF;--e-panel:#0B2545;--e-panel-2:#13335C;--e-panel-dim:#A3BDD9}
*{box-sizing:border-box}
html,body{min-height:100%}
body#loginBody,body{font-family:"Source Sans 3","Segoe UI",system-ui,sans-serif!important;color:var(--e-ink);background:radial-gradient(1200px 600px at 85% -10%,rgba(0,204,255,.18),transparent 60%),var(--e-panel)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;min-height:100vh}
#brickwall,#blur,#background,#background-compat{display:none!important}
#loginBox{position:relative!important;left:auto!important;top:auto!important;margin:0!important;width:100%!important;max-width:420px;padding:32px 28px 26px!important;border-radius:18px!important;background:var(--e-surface);box-shadow:0 30px 60px -25px rgba(0,0,0,.55)!important;text-align:left!important}
#loginBox:after{display:none!important}
#logo a{height:auto!important;display:flex!important;align-items:center;gap:10px;text-decoration:none}
#logo a .valign-helper{display:none}
#logo a img{max-height:48px!important;max-width:260px!important}
.e-brand{display:flex;align-items:center;gap:10px;color:var(--e-ink);text-decoration:none}
.e-brand svg{height:34px;width:auto;color:var(--e-brand);flex:none}
.e-brand b{font-family:"Lexend","Segoe UI",system-ui,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.03em;white-space:nowrap}
.e-brand b span{color:var(--e-accent)}
.e-brand small{display:block;font-weight:600;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--e-ink-2);margin-top:3px}
h3#login-message{text-align:left!important;font-size:.95rem!important;color:#8E2A24;margin:14px 0 4px!important;min-height:0}
h3#login-message:empty{display:none}
.banner{margin:10px 0 0;color:var(--e-ink-2)}
#login,#login fieldset{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
#login fieldset{border:0!important;padding:0!important;margin:18px 0 0!important;display:flex;flex-direction:column;gap:12px}
#login input[type=text],#login input[type=password],#login input:not([type]){width:100%!important;font-size:16px!important;padding:12px 14px!important;border:1px solid var(--e-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;margin:0!important;height:auto!important}
#login input:focus{outline:2px solid var(--e-accent);outline-offset:0;border-color:transparent!important}
#login h3{margin:0!important;text-align:left!important;font-size:.92rem!important}
#login h3 a{color:var(--e-accent)}
#login .button,#login button[type=submit]{float:none!important;width:100%;height:auto!important;line-height:1.2!important;padding:13px 18px!important;border-radius:10px!important;background:var(--e-accent)!important;color:#fff!important;font-weight:700!important;font-size:1rem!important;box-shadow:none!important;border:0!important}
#login .button:hover{filter:brightness(1.08)}
#company{position:static!important;width:auto!important;margin:22px 0 0!important;text-align:center}
#company .content{background:none!important;box-shadow:none!important;text-shadow:none!important;color:var(--e-ink-2)!important;padding:0!important;font-size:.85rem}
#poweredBy{position:fixed;bottom:10px;right:12px;background:none!important;box-shadow:none!important;text-shadow:none!important;color:var(--e-panel-dim)!important;opacity:.8}
#poweredBy .osticket-logo{filter:none!important;width:48px}
.external-auth{display:block}
@media (max-width:480px){#loginBox{padding:26px 20px 22px!important}#poweredBy{position:static;display:block;text-align:center;margin-top:12px}}