﻿/* Product login shares the desktop installer palette and illustration. */
.login-wrap-page{min-height:100dvh;background:radial-gradient(ellipse at top left,#dce7f6,transparent 65%),#edf2f8;font-family:'Segoe UI',system-ui,sans-serif;color:#182e4a}
.login-wrap-page .top-bar{min-height:74px;padding:16px max(28px,calc((100% - 1220px)/2));background:linear-gradient(110deg,#142e50,#0e2039);border-bottom:1px solid #ffffff1c;gap:20px}.login-wrap-page .top-bar .logo-name{color:#fff;font-size:19px;font-weight:650;letter-spacing:-.4px}.login-wrap-page .top-bar .top-bar-right{color:#aabbd1;font-size:12px}.login-wrap-page .top-bar a{color:#a8c8ff}.login-wrap-page .hospital-brand-icon{background:#fff;padding:3px;border-radius:9px}
.login-wrap-page .auth-wrap{padding:42px 28px;min-height:0;flex:1}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;max-width:1080px;width:100%;background:#fff;border:1px solid #d6dfeb;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px #18335418}.login-intro{background:linear-gradient(155deg,#edf4ff,#f7faff);padding:38px 34px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #dce7f7;min-width:0}.login-eyebrow{display:block;color:var(--teal);font-size:9px;font-weight:700;letter-spacing:1.6px;margin-bottom:16px}.login-intro h2{font-family:inherit;font-size:34px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin:0 0 16px;color:#182e4a}.login-intro p{font-size:13px;line-height:1.8;color:#63748b;max-width:360px;margin:0 0 24px}.login-intro>img{display:block;width:calc(100% + 68px);max-width:none;margin:0 -34px 26px;height:220px;object-fit:cover}.login-features{display:flex;flex-wrap:wrap;gap:8px}.login-features span{font-size:10px;color:#536e8e;background:#ffffffb3;border:1px solid #dce7f7;border-radius:6px;padding:6px 8px}
.login-layout .auth-card{max-width:none;box-shadow:none;border:0;border-radius:0;border-top:0;align-self:center}.login-layout .auth-card-top{background:#fff;padding:36px 36px 16px;border:0}.login-layout .auth-card-top h1{font-family:inherit;font-size:26px;font-weight:650;letter-spacing:-.7px;line-height:1.3;margin-bottom:10px;color:#182e4a}.login-layout .auth-card-top p{font-size:12px;color:#63748b;overflow-wrap:anywhere}.login-layout .auth-body{padding:16px 36px 32px}.login-layout .form-control{min-height:46px;background:#fcfdff;border-color:#d2dce9;border-radius:7px}.login-layout .submit-btn{min-height:46px;border-radius:7px;font-size:13px;font-weight:600;box-shadow:0 3px 8px #2563eb20}.login-layout .register-link{font-size:11px;line-height:1.7}.login-wrap-page .auth-footer{padding:18px 24px;font-size:10px;color:#63748b;line-height:1.7}
@media(max-width:850px){.login-intro{padding:28px 24px}.login-intro>img{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;height:190px}.login-intro h2{font-size:28px}.login-layout .auth-card-top{padding:28px 24px 14px}.login-layout .auth-body{padding:14px 24px 26px}.login-layout .auth-card-top h1{font-size:24px}}
@media(max-width:650px){.login-wrap-page .top-bar{padding:14px 20px;align-items:flex-start}.login-wrap-page .top-bar .logo-name{font-size:17px}.login-wrap-page .auth-wrap{padding:24px 16px}.login-layout{grid-template-columns:1fr}.login-intro{padding:24px;border-right:0;border-bottom:1px solid #dce7f7}.login-intro h2{font-size:25px}.login-intro h2 br{display:none}.login-intro p{margin-bottom:16px}.login-intro>img{height:145px;margin-bottom:18px}.login-intro .login-eyebrow{margin-bottom:12px}.login-features{gap:6px}.login-features span{font-size:9px}.login-layout .auth-card-top{padding-top:26px}.login-wrap-page .top-bar-right{font-size:11px}}
@media(max-height:760px) and (min-width:651px){.login-wrap-page .auth-wrap{padding-top:24px;padding-bottom:24px}.login-intro{padding-top:26px;padding-bottom:26px}.login-intro>img{height:180px;margin-bottom:20px}.login-intro h2{font-size:29px}.login-layout .auth-card-top{padding-top:26px}.login-layout .auth-body{padding-bottom:24px}.login-wrap-page .auth-footer{padding:12px 24px}}
.login-wrap-page .auth-footer{background:transparent;border-top:1px solid #dce5f0;color:#63748b}

/* The complete recovery flow shares the login shell. */
.recovery-page .login-layout{align-items:stretch}.recovery-page .login-intro{justify-content:center}.recovery-page .auth-card{align-self:center}.recovery-page .recovery-steps{gap:6px;margin-bottom:20px}.recovery-page .recovery-steps li{border:1px solid #dfe7f2;background:#f5f8fd;color:#63748b;border-radius:6px;padding:7px 9px;font-size:10px}.recovery-page .recovery-steps [aria-current=step]{background:var(--teal-light);border-color:var(--teal-mid);color:var(--teal);font-weight:600}.recovery-page .recovery-help{font-size:11px;line-height:1.8;color:#63748b;margin:12px 0 16px}.recovery-page .recovery-note{font-size:12px;line-height:1.8;border:1px solid #dce7f7;background:#f3f7ff;color:#365883}.recovery-page #otp{font-size:24px;letter-spacing:.3em;text-align:center;font-weight:600}.recovery-page #otp-timer{color:var(--teal);font-variant-numeric:tabular-nums}.recovery-page #resend-button{min-height:40px;width:100%;font-size:12px}.recovery-page .top-bar>a{font-size:12px;text-decoration:none}.recovery-page .top-bar .logo-name{font-size:19px}.recovery-page .auth-body .register-link{margin-top:16px}
@media(max-width:650px){.recovery-page .login-intro>img{height:120px}.recovery-page .login-intro h2{font-size:24px}.recovery-page .login-intro{padding-top:22px;padding-bottom:20px}.recovery-page .top-bar .logo-name{font-size:17px}}

.login-wrap-page .top-bar-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.login-wrap-page .back-main-link{font-weight:500;text-decoration:none}.login-wrap-page .back-main-link:hover{text-decoration:underline}
@media(max-width:650px){.login-wrap-page .top-bar-right{gap:12px}.login-wrap-page .back-main-link{font-size:11px}}
