/* Colab: login, código e recuperação. A conta e o portal cliente preservam seu tema. */
body.staff.login-design{color-scheme:light;--accent:#8250ef;--accent-hover:#7040dc;--accent-soft:#f1eaff;--ink:#190a3e;--muted:#79748b;--line:#d5d0df;--input:#fbfafc;--surface:#fff;--page:#fbfafc;background:#fbfafc}
.login-design .access-layout{grid-template-columns:44.3% 55.7%;min-height:100svh}
.login-design .access-side{grid-column:1;grid-row:1;padding:36px clamp(28px,4.4vw,74px) 28px;min-height:100svh;background:radial-gradient(ellipse at 0 0,#fff,transparent 70%),#fbfafc}
.login-design .colab-story{grid-column:2;grid-row:1;min-height:100svh;background:#30203e;position:sticky;top:0;height:100svh}
.login-design .story-photo{object-position:50% 50%;z-index:-2}
.login-design .colab-story:after{background:linear-gradient(180deg,#24133708 40%,#16062640 100%)}
.login-design .office-tag{position:absolute;top:9.5%;left:6.5%;padding:14px 22px;border:1px solid #ffffff60;border-radius:999px;background:#d9c9ee24;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;font-size:16px;font-weight:600}
.login-design .office-glass{position:absolute;left:12%;right:9%;bottom:10.5%;padding:clamp(24px,2.7vw,46px);border:1px solid #ffffff60;border-radius:22px;background:linear-gradient(120deg,#dad0df35,#7d44c85e);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 60px #13062330}
.login-design .office-glass h2{font-family:var(--body);font-size:clamp(26px,2.4vw,42px);font-weight:600;line-height:1.15;letter-spacing:-1.3px;margin:0 0 18px;color:#fff}
.login-design .office-glass p{font-size:clamp(15px,1.25vw,21px);line-height:1.5;color:#f3edf9;margin:0}
.login-design .office-features{display:flex;gap:18px;justify-content:space-between;margin-top:34px;color:#fff;font-size:13px}
.login-design .office-features span{display:flex;align-items:center;gap:12px;flex:1}
.login-design .office-features span+span{border-left:1px solid #ffffff40;padding-left:20px}
.login-design .office-features .icon{width:25px;height:25px}
.login-design .access-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0;flex-shrink:0}
.login-design .login-logo img{display:block;width:clamp(155px,12vw,205px);height:auto;filter:none}
.login-design .access-top .portal-tag,.login-design .form-brand{display:none}
.login-design .back-site{color:#27134f;font-size:13px;white-space:nowrap}
.login-design .form-wrap{width:100%;max-width:550px;margin:auto;padding:56px 0 44px}
.login-design .form-heading{margin-bottom:38px}
.login-design .eyebrow{font-size:12px;font-weight:600;letter-spacing:.7px;color:#8952ee;margin-bottom:16px}
.login-design .form-heading h1{font-family:var(--body);font-size:clamp(32px,3.15vw,54px);font-weight:650;line-height:1.12;letter-spacing:-2px;color:#190a3e;margin:0 0 16px}
.login-design .form-heading>p:last-child{font-size:clamp(15px,1.25vw,20px);line-height:1.45;color:#79748b;max-width:490px}
.login-design label{font-size:14px;color:#352b49}
.login-design .input-shell{background:#fbfafc;border:1px solid #d1ccda;border-radius:12px;min-height:54px;color:#837a95;margin-bottom:24px}
.login-design .input-shell input{background:transparent;color:#302340;font-size:16px;height:52px;min-width:0}
.login-design input::placeholder{color:#938aa4;opacity:1}
.login-design .input-shell:focus-within{border-color:#8250ef;box-shadow:0 0 0 3px #8250ef16}
.login-design .label-row{margin-bottom:9px}
.login-design .label-row label{margin:0}
.login-design .show-password{color:#847891}
.login-design .login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 26px;font-size:13px}
.login-design .login-options a{color:#8250ef;font-weight:600}
.login-design .login-remember{display:flex;align-items:center;gap:10px;font-size:13px;margin:0;color:#79748b;cursor:pointer}
.login-design .login-remember input{width:17px;height:17px;accent-color:#8250ef;margin:0}
.login-design .button.primary{background:linear-gradient(110deg,#8051ee,#8651f3);color:#fff;border:0;border-radius:12px;min-height:58px;font-size:17px;font-weight:600;box-shadow:none;margin-top:0}
.login-design .button.primary:hover{background:linear-gradient(110deg,#7040da,#7943e7)}
.login-design .login-note{font-size:11px;margin-top:18px;color:#847a92}
.login-design .bottom-note{font-size:13px;text-align:center;margin-top:25px;color:#79748b}
.login-design .bottom-note a{font-weight:600;color:#8250ef}
.login-design .access-footer{font-size:11px;color:#847b95;gap:15px}
.login-design .status.error{background:#fff0f3;color:#a32c44;border-color:#cc708075}
.login-design .status.success{background:#effaf5;color:#276d55;border-color:#499b7966}
.login-design .step-icon{background:#f1eaff;color:#8250ef;border-color:#e2d6fb}
.login-design .code-input{background:#fff;color:#302340;border-color:#d1ccda}
@media(min-width:1450px){.login-design .form-wrap{padding-top:65px;padding-bottom:60px}}
@media(max-width:1050px){.login-design .access-layout{grid-template-columns:50% 50%}.login-design .access-side{padding:28px}.login-design .office-glass{left:7%;right:7%;padding:26px}.login-design .office-features{gap:10px;font-size:11px}.login-design .office-features span+span{padding-left:12px}.login-design .office-tag{font-size:13px}.login-design .form-heading h1{letter-spacing:-1.1px}.login-design .login-logo img{width:150px}}
@media(max-width:760px){.login-design .access-layout{display:block}.login-design .colab-story{display:none}.login-design .access-side{padding:24px;min-height:100svh}.login-design .form-wrap{max-width:450px;padding:50px 0}.login-design .form-heading h1{font-size:36px}.login-design .form-heading>p:last-child{font-size:16px}.login-design .access-top{gap:12px}.login-design .back-site{font-size:11px}.login-design .login-logo img{width:155px}.login-design .access-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.login-design *{animation:none!important;transition:none!important}}