/* Gracel V0.0.12 — animação restrita aos dois formulários de login. */
.login-shell.gc-office-login .brand-panel,.login-shell.gc-client-login .brand-panel{isolation:isolate;background-size:cover;}
.login-shell.gc-office-login .brand-panel{background:linear-gradient(145deg,#14213D 0%,#1b2f59 58%,#29477f 100%);}
.login-shell.gc-client-login .brand-panel{background:linear-gradient(145deg,#14213D 0%,#1b2f59 58%,#29477f 100%);}
.login-shell.gc-office-login .brand-panel::before,.login-shell.gc-client-login .brand-panel::before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;opacity:.78;will-change:transform;animation:gcLivingGradient 16s ease-in-out infinite alternate;}
.login-shell.gc-office-login .brand-panel::before{background:radial-gradient(ellipse at 76% 18%,rgba(110,143,202,.42),transparent 48%),radial-gradient(ellipse at 8% 90%,rgba(8,16,36,.55),transparent 48%);}
.login-shell.gc-client-login .brand-panel::before{background:radial-gradient(ellipse at 76% 18%,rgba(110,143,202,.42),transparent 48%),radial-gradient(ellipse at 8% 90%,rgba(8,16,36,.55),transparent 48%);}
.login-shell .brand-panel>.brand-orb{z-index:1;pointer-events:none;}
.login-shell .brand-panel>.brand-logo,.login-shell .brand-panel>.brand-copy,.login-shell .brand-panel>small{position:relative;z-index:2;}
@keyframes gcLivingGradient{0%{transform:translate3d(-8%,-4%,0) scale(1)}50%{transform:translate3d(7%,6%,0) scale(1.07)}100%{transform:translate3d(-3%,10%,0) scale(1.02)}}
/* V0.0.21 — Portal do Cliente com a mesma identidade azul do Escritório GC. */
.login-shell.gc-client-login .login-panel{background:radial-gradient(circle at 80% 10%,#eaf3ff,transparent 38%),#f7f9fc;}
.login-shell.gc-client-login .eyebrow{color:#29477f;}
.login-shell.gc-client-login .login-card h2,.login-shell.gc-client-login .field label{color:#14213D;}
.login-shell.gc-client-login .btn-primary{background:linear-gradient(135deg,#1b2f59,#29477f);}
.login-shell.gc-client-login .btn-primary:hover{background:linear-gradient(135deg,#14213D,#335c9b);}
.login-shell.gc-client-login .password-wrap button{color:#14213D;}
.login-shell.gc-client-login .password-wrap button:hover{background:#eaf0fa;}
.login-shell.gc-client-login .field input:focus{border-color:#29477f;box-shadow:0 0 0 4px rgba(41,71,127,.11);}
.login-shell.gc-office-login .btn-primary{background:linear-gradient(135deg,#1b2f59,#29477f);}
.login-shell.gc-office-login .btn-primary:hover{background:linear-gradient(135deg,#14213D,#335c9b);}
.login-shell.gc-office-login .eyebrow{color:#29477f;}
.login-shell.gc-office-login .field input:focus{border-color:#29477f;box-shadow:0 0 0 4px rgba(41,71,127,.11);}
.login-shell.gc-office-login .password-wrap button{color:#14213D;}
.login-shell.gc-office-login .password-wrap button:hover{background:#eaf0fa;}
.login-shell.gc-client-login .password-wrap button,.login-shell.gc-office-login .password-wrap button{display:grid;place-items:center;top:7px;right:8px;width:38px;height:38px;padding:8px;border-radius:9px;transition:background .2s,color .2s;}
.login-shell.gc-client-login .password-wrap button svg,.login-shell.gc-office-login .password-wrap button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.login-shell.gc-client-login .field input,.login-shell.gc-office-login .field input{min-height:47px;}
.login-shell.gc-client-login .field input:focus-visible,.login-shell.gc-client-login button:focus-visible{outline-color:#29477f;}
.login-shell.gc-office-login .field input:focus-visible,.login-shell.gc-office-login button:focus-visible{outline-color:#29477f;}
@media(prefers-reduced-motion:reduce){.login-shell.gc-client-login .brand-panel::before,.login-shell.gc-office-login .brand-panel::before{animation:none;will-change:auto;}}