/* Authentication pages share the brand, while leaving business and legacy views untouched. */
.os-auth-page{--auth-blue:#2c98d1;--auth-muted:#8a9fac;--auth-edge:#e1ecf3;--auth-ink:var(--ink);color:var(--auth-ink);font-size:13px;line-height:1.6;padding:14px 1px 23px;min-width:0}.os-auth-page *{box-sizing:border-box}.os-auth-page button,.os-auth-page input{font:inherit}.os-auth-page button{cursor:pointer}.os-auth-page button:disabled{opacity:.6;cursor:default}.os-auth-page svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.os-auth-page h1,.os-auth-page h2,.os-auth-page p{margin:0}.os-auth-page input:focus-visible,.os-auth-page button:focus-visible,.os-auth-page a:focus-visible{outline:3px solid #7cccfa66;outline-offset:3px}.os-auth-intro{display:none}.os-auth-main{min-width:0}.os-auth-mobile-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:620;letter-spacing:-.04em;margin:8px 0 36px}.os-auth-mobile-brand img{width:49px;height:49px}.os-auth-panel{width:100%}.os-auth-eyebrow{font-size:9px;letter-spacing:.14em;font-weight:650;color:#83aac0;margin-bottom:12px}.os-auth-heading{margin-bottom:26px}.os-auth-heading h1{font-size:29px;line-height:1.25;letter-spacing:-.055em;font-weight:650}.os-auth-heading>p{font-size:11px;color:var(--auth-muted);margin-top:11px;line-height:1.85}.os-auth-form{display:grid;gap:18px}.os-auth-form label{display:grid;gap:8px;font-size:11px;color:#7394a9}.os-auth-form input{width:100%;min-width:0;min-height:47px;padding:12px 14px;border:1px solid var(--auth-edge);border-radius:12px;background:var(--card);color:var(--ink);font-size:13px;box-shadow:0 2px 6px #28577702}.os-auth-form input::placeholder{color:#a6b6c2;font-size:12px}.os-auth-form small{font-size:9px;color:#9db0be;line-height:1.7;margin-top:-1px}.os-auth-form-row{display:grid;gap:18px}.os-auth-btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:47px;padding:12px 17px;border:1px solid transparent;border-radius:13px;background:var(--auth-blue);color:#fff;font-size:12px!important;font-weight:600;line-height:1.4;text-align:center}.os-auth-btn svg{width:16px;height:16px}.os-auth-form>.os-auth-btn{margin-top:6px}.os-auth-btn-secondary{background:var(--card);color:#759bb2;border-color:var(--auth-edge)}.os-auth-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;color:#4298c6;font-size:11px!important;font-weight:550;min-height:30px;padding:3px 0;white-space:nowrap}.os-auth-link svg{width:14px;height:14px}.os-auth-switch{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#95a9b7;margin:17px 0 24px}.os-auth-notice{display:flex;gap:9px;align-items:flex-start;border:1px solid #e0eff8;background:#eff8fd;border-radius:14px;padding:14px 15px;color:#83a1b5;font-size:9px;line-height:1.85}.os-auth-notice>svg{width:15px;height:15px;margin-top:2px;color:#85b2cd}.os-auth-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:9px;line-height:1.6;color:#95a9b6}.os-auth-status i{display:block;width:5px;height:5px;border-radius:50%;background:#afc2ce}.os-auth-status-online{color:#76a98e}.os-auth-status-online i{background:#83ba9e}.os-auth-connection-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--auth-edge);padding-top:18px;margin-top:22px}.os-auth-connection-footer>div{min-width:0}.os-auth-connection-footer p{font-size:9px;color:#a0b2be;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.os-auth-connection-footer .os-auth-link{font-size:10px!important}.os-auth-footer{font-size:9px!important;letter-spacing:.02em;text-align:center;margin-top:31px!important;color:#b0c1cc}.os-auth-offline{padding-top:18px;text-align:center}.os-auth-offline .os-auth-link{font-size:10px!important;color:#89a8bc}.os-auth-offline p{font-size:9px;color:#a0b5c3;line-height:1.9;margin-top:5px}.os-auth-feedback{background:#f2f8fc;border:1px solid #e0edf6;border-radius:12px;padding:12px 14px;color:#78a1ba;font-size:10px;line-height:1.85;margin:0 0 20px!important;overflow-wrap:anywhere}.os-auth-account{display:flex;align-items:center;gap:15px;border:1px solid var(--auth-edge);background:var(--card);padding:23px;border-radius:20px;margin-bottom:23px}.os-auth-avatar{display:grid;place-items:center;width:53px;height:53px;flex:0 0 53px;border-radius:18px;background:#ecf7fd;color:#80afca}.os-auth-avatar svg{width:25px;height:25px}.os-auth-account h2{font-size:18px;letter-spacing:-.04em;font-weight:600}.os-auth-account p{font-size:10px;color:#a0b4c2;margin-top:5px;overflow-wrap:anywhere}.os-auth-account-role{display:inline-flex;font-size:9px;background:#eef7fc;color:#8baec4;border-radius:6px;padding:3px 7px;margin-top:9px}.os-auth-actions{display:grid;gap:10px}.os-auth-connection-card{padding:18px;border:1px solid var(--auth-edge);border-radius:18px;background:var(--card);margin-bottom:25px}.os-auth-connection-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#89a3b4}.os-auth-server{display:flex;align-items:flex-start;gap:11px;margin-top:17px}.os-auth-server>svg{width:21px;height:21px;color:#8cb2ca;margin-top:1px}.os-auth-server>div{min-width:0}.os-auth-server strong{font-size:11px;color:#719bb4;font-weight:550;line-height:1.8;overflow-wrap:anywhere;display:block}.os-auth-server p{font-size:9px;color:#a5b8c4;line-height:1.85;margin-top:7px;overflow-wrap:anywhere}.os-auth-connection-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.os-auth-connection-actions .os-auth-btn{width:auto;flex:1;font-size:10px!important}.os-auth-connection-actions .os-auth-link{font-size:10px!important}
.desktop .os-auth-page,.os-auth-page.os-auth-wide{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,1fr);max-width:1110px;min-height:680px;margin:12px auto 0;padding:0;border:1px solid #e1edf6;border-radius:28px;overflow:hidden;background:var(--card);box-shadow:0 12px 55px #22557805}.desktop .os-auth-intro,.os-auth-wide .os-auth-intro{display:flex;flex-direction:column;position:relative;padding:37px 36px 27px;background:radial-gradient(ellipse at 100% 85%,#cbe8fb,transparent 65%),linear-gradient(145deg,#f4fbff,#eaf6fd);overflow:hidden;border-right:1px solid #dcecf7}.os-auth-intro-brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:600;letter-spacing:-.04em;position:relative;z-index:1}.os-auth-intro-brand img{width:44px;height:44px}.os-auth-intro-brand small{display:block;font-size:8px;letter-spacing:.08em;color:#8bb1c7;margin-top:4px;font-weight:450}.os-auth-intro-copy{margin:79px 0 155px;position:relative;z-index:1}.os-auth-intro-copy h2{font-size:31px;line-height:1.38;font-weight:630;letter-spacing:-.055em;margin:16px 0 17px}.os-auth-intro-copy>p{font-size:12px;line-height:1.95;color:#8baabe}.os-auth-intro-mark{position:absolute;right:28px;bottom:60px;width:172px;height:172px;opacity:.5}.os-auth-intro-footer{display:flex;align-items:center;gap:9px;margin-top:auto;position:relative;z-index:1;font-size:9px;color:#95b5c9}.os-auth-intro-footer svg{width:15px;height:15px}.desktop .os-auth-main,.os-auth-wide .os-auth-main{padding:40px 40px 23px;display:flex;flex-direction:column;justify-content:center}.desktop .os-auth-mobile-brand,.os-auth-wide .os-auth-mobile-brand{display:none}.desktop .os-auth-panel,.os-auth-wide .os-auth-panel{max-width:430px;margin:auto;width:100%}.desktop .os-auth-heading h1,.os-auth-wide .os-auth-heading h1{font-size:29px}.desktop .os-auth-heading>p,.os-auth-wide .os-auth-heading>p{font-size:11px}.desktop .os-auth-form-row,.os-auth-wide .os-auth-form-row{grid-template-columns:1fr 1fr;gap:12px}.desktop .os-auth-form,.os-auth-wide .os-auth-form{gap:17px}.desktop .os-auth-form input,.os-auth-wide .os-auth-form input{background:#f9fbfd;min-height:46px}.desktop .os-auth-footer,.os-auth-wide .os-auth-footer{margin-top:28px!important}.desktop .os-auth-page[data-auth-view=connection],.os-auth-wide[data-auth-view=connection]{min-height:680px}.desktop .os-auth-page[data-auth-view=register],.os-auth-wide[data-auth-view=register]{min-height:760px}
.dark .os-auth-page{--auth-edge:#304859;--auth-muted:#8ea8ba}.dark .os-auth-page.os-auth-wide,.dark.desktop .os-auth-page{border-color:#2f4657}.dark .os-auth-intro{background:radial-gradient(ellipse at 100% 85%,#254d66,transparent 65%),linear-gradient(145deg,#1c303f,#243e50);border-color:#2e4c61}.dark .os-auth-intro-copy p{color:#94b3c7}.dark .os-auth-notice,.dark .os-auth-feedback{background:#223b4c;border-color:#33556b;color:#9dbcd0}.dark .os-auth-form input,.dark.desktop .os-auth-form input,.dark .os-auth-wide .os-auth-form input{background:#203441;border-color:#355065}.dark .os-auth-form input::placeholder{color:#7291a5}.dark .os-auth-btn-secondary{color:#b0cedf}.dark .os-auth-avatar,.dark .os-auth-account-role{background:#28465b;color:#a0c6dd}.dark .os-auth-server strong{color:#a6c6da}.dark .os-auth-intro-brand small,.dark .os-auth-intro-footer{color:#88abc1}.dark .os-auth-status-online{color:#8cbd9f}.dark .os-auth-status{color:#92adbf}
@media(hover:hover){.os-auth-page .os-auth-btn:hover{filter:brightness(.98);box-shadow:0 5px 17px #2898d214}.os-auth-page .os-auth-btn-secondary:hover{background:#eff7fc}.dark .os-auth-page .os-auth-btn-secondary:hover{background:#294a60}.os-auth-page .os-auth-link:hover{color:#207dab}}
@media(min-width:640px) and (max-width:1100px){.desktop .os-auth-page{grid-template-columns:minmax(0,.9fr) minmax(330px,1fr)}.desktop .os-auth-intro{padding:29px 25px}.desktop .os-auth-intro-copy h2{font-size:27px}.desktop .os-auth-intro-copy p{font-size:11px}.desktop .os-auth-main{padding:31px 27px 22px}.desktop .os-auth-intro-mark{width:145px;height:145px;right:22px}}
@media(min-width:640px) and (max-width:850px){.desktop .os-auth-page{grid-template-columns:1fr;max-width:550px;min-height:0!important}.desktop .os-auth-intro{display:none}.desktop .os-auth-main{padding:34px 34px 23px}.desktop .os-auth-mobile-brand{display:flex;margin:0 0 28px}.desktop .os-auth-panel{max-width:none}.desktop .os-auth-heading h1{font-size:28px}}
@media(max-width:360px){.os-auth-page{padding-top:8px}.os-auth-mobile-brand{font-size:17px;margin-bottom:30px}.os-auth-mobile-brand img{width:43px;height:43px}.os-auth-heading h1{font-size:26px}.os-auth-heading p{font-size:10px}.os-auth-heading{margin-bottom:23px}.os-auth-form input{min-height:45px;padding:11px 12px}.os-auth-connection-card{padding:16px}.os-auth-connection-footer{gap:8px}.os-auth-connection-footer p{font-size:8px}.os-auth-notice{padding:13px 12px;font-size:9px}}