.unified-login{--auth-ink:#183d56;--auth-accent:#127b80;min-height:100vh;min-height:100dvh;background:#edf3f7;color:var(--auth-ink);padding:28px;display:grid;place-items:center}.unified-login .auth-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);width:min(1120px,100%);min-height:min(760px,calc(100dvh - 56px));border:1px solid #d9e4eb;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 70px #183d5612}.unified-login .auth-intro{width:auto;padding:36px 38px;display:flex;flex-direction:column;justify-content:space-between;gap:44px;background:linear-gradient(150deg,#153951f5,#164e65eb),var(--auth-background,none) center/cover;color:#fff;position:relative}.auth-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;font-size:25px;font-weight:700}.auth-brand>span{height:52px;width:52px;display:grid;place-items:center;background:#ffffff16;border:1px solid #ffffff30;border-radius:15px}.auth-brand>span svg{width:30px;height:30px}.auth-brand small{display:block;font-size:10px;font-weight:400;color:#c9dde6;margin-top:5px}.auth-intro .auth-eyebrow{color:#a8ddd7}.auth-eyebrow{display:block;color:#44788a;font-size:11px;font-weight:600;letter-spacing:.1px}.auth-intro h1{font-size:28px;line-height:1.8;font-weight:700;margin:14px 0 12px}.auth-intro-main>p{font-size:14px;line-height:2.2;color:#d3e3eb;margin:0;max-width:340px}.auth-benefits{display:grid;gap:16px;margin-top:32px}.auth-benefits>div{display:flex;align-items:center;gap:12px;font-size:12px;color:#e3eef3}.auth-benefits svg{color:#9dd9d3;flex:none}.auth-intro-foot{border-top:1px solid #ffffff25;padding-top:18px;display:flex;gap:9px;align-items:center;font-size:11px;color:#c7e0e7}.auth-form-area{padding:40px 52px 20px;display:flex;flex-direction:column;justify-content:center;min-width:0}.auth-form-card{width:100%;max-width:390px;margin:auto;outline:none}.auth-heading-icon{width:44px;height:44px;background:#edf7f6;color:#167679;display:grid;place-items:center;border-radius:13px;margin-bottom:20px}.auth-form-card h2{font-size:25px;margin:8px 0 10px;line-height:1.7;color:#173d55}.auth-description{font-size:12px;color:#627a89;line-height:2;margin:0 0 22px}.auth-methods{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f1f5f8;padding:5px;border:1px solid #e2eaf0;border-radius:11px;margin:20px 0}.auth-methods a{min-height:42px;display:grid;place-items:center;text-decoration:none;color:#657b8b;font-size:12px;border-radius:7px}.auth-methods a[aria-current=page]{background:#fff;color:#175b72;box-shadow:0 2px 6px #234d6510;font-weight:700}.auth-form-card label{display:block;font-size:12px;font-weight:600;color:#35566d;margin:15px 0 8px}.unified-login .auth-form-card input:not([type=hidden]):not([type=radio]){display:block;width:100%;min-height:49px;border:1px solid #cbdbe5;border-radius:9px;background:#fff;padding:11px 13px;font-family:inherit;font-size:15px;margin:0;color:#173d55;box-shadow:none}.auth-form-card input:focus-visible{outline:3px solid #16848a26;border-color:#16848a}.auth-password{position:relative}.auth-password input{padding-inline-end:76px!important}.auth-password button{position:absolute;inset-inline-end:4px;inset-block-start:3px;height:43px;padding:0 12px;border:0;background:transparent;font-family:inherit;font-size:11px;cursor:pointer;color:#416e85}.auth-challenge{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:8px;margin-bottom:8px}.auth-challenge label{margin-bottom:6px}.auth-challenge-expression{display:inline-block;font-family:Tahoma,sans-serif;font-size:20px;letter-spacing:2px;color:#254d65;background:#f1f6fa;border:1px dashed #bfd3df;padding:6px 16px;border-radius:7px}.auth-refresh{min-width:44px;min-height:44px;display:grid;place-items:center;background:#f0f6f9;color:#487388;border:1px solid #d7e5ed;border-radius:8px;cursor:pointer}.auth-submit{width:100%;min-height:49px;margin-top:23px;border:0;border-radius:9px;background:#147c80;color:#fff;font:600 13px Vazirmatn,Tahoma,sans-serif;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;padding:12px 16px}.auth-submit:hover{background:#106b71}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-submit[aria-busy=true] svg{display:none}.auth-submit[aria-busy=true]:after{content:'';width:16px;height:16px;border:2px solid #ffffff65;border-top-color:white;border-radius:50%}.auth-field-help,.auth-support{font-size:11px;color:#708596;line-height:2}.auth-support{margin:18px 0 0}.auth-trust{display:flex;gap:8px;align-items:center;color:#8295a2;font-size:10px;margin-top:24px;padding-top:18px;border-top:1px solid #e7eef2}.auth-trust svg{width:16px;height:16px;flex:none}.auth-footer{font-size:10px;text-align:center;color:#8397a5;line-height:2;margin-top:28px}.auth-mobile-brand{display:none}.auth-code-status{font-size:12px;color:#587c8c;min-height:24px}.auth-resend,.auth-restart{text-align:center;margin-top:14px}.auth-text-button{border:0;background:transparent;color:#246c83;font-family:inherit;font-size:12px;cursor:pointer;padding:10px;min-height:44px}.auth-text-button:disabled{color:#8b9fac;cursor:default}.auth-account-list{border:0;padding:0;margin:20px 0}.unified-login label.auth-account{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #d6e3eb;border-radius:11px;cursor:pointer;margin:10px 0;background:#f9fcfd}.auth-account input{width:20px;height:20px;margin:0;accent-color:#147c80}.auth-account:has(input:checked){border-color:#15868b;background:#f0f9f7}.auth-account strong{display:block;font-size:13px}.auth-account small{display:block;color:#6f8795;font-size:11px;margin-top:5px}.auth-otp{text-align:center;letter-spacing:7px;font-size:23px!important}.auth-skip{position:fixed;top:-100px;right:16px;z-index:100;background:#fff;padding:12px;color:#173d55}.auth-skip:focus{top:10px}.unified-login :is(a,button):focus-visible{outline:3px solid #e9b950;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:900px){.auth-form-area{padding:34px}.unified-login .auth-intro{padding:30px}.auth-intro h1{font-size:24px}.auth-brand{font-size:23px}.auth-brand small{font-size:9px}}@media(max-width:700px){.unified-login{padding:0;display:block;background:#fff}.unified-login .auth-shell{display:block;min-height:100vh;min-height:100dvh;width:100%;border:0;border-radius:0;box-shadow:none}.unified-login .auth-intro{display:none}.auth-form-area{min-height:100vh;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));justify-content:flex-start}.auth-mobile-brand{display:flex;align-items:center;gap:9px;color:#205571;font-size:21px;font-weight:700;margin-bottom:26px}.auth-mobile-brand svg{width:27px;height:27px}.auth-form-card{margin:0 auto;max-width:420px}.auth-heading-icon{display:none}.auth-form-card h2{font-size:24px}.unified-login .auth-form-card input:not([type=hidden]):not([type=radio]){font-size:16px;min-height:51px}.auth-footer{margin-top:auto;padding-top:30px}.auth-description{margin-bottom:18px}.auth-trust{margin-top:20px}}@media(prefers-reduced-motion:no-preference){.auth-submit[aria-busy=true]:after{animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}}
.unified-login .auth-shell{padding:0}.unified-login .auth-methods a{margin:0}.unified-login .auth-form-card input[type=radio]{flex:none}
.unified-login .auth-brand .brand-logo{display:block;width:52px;height:52px;border-radius:15px}
.unified-login .auth-mobile-brand .brand-logo{display:block;width:32px;height:32px;flex:none;border-radius:9px}

/* A compact login layout with comfortable touch targets. */
.unified-login{padding:20px}
.unified-login .auth-shell{width:min(940px,100%);min-height:0}
.unified-login .auth-intro{padding:28px 30px;gap:28px}
.unified-login .auth-intro h1{font-size:24px;margin:10px 0 8px}
.unified-login .auth-benefits{gap:12px;margin-top:22px}
.unified-login .auth-form-area{padding:24px 38px 18px}
.unified-login .auth-form-card{max-width:370px}
.unified-login .auth-heading-icon{width:38px;height:38px;margin-bottom:10px;border-radius:11px}
.unified-login .auth-form-card h2{font-size:22px;margin:4px 0 7px}
.unified-login .auth-methods{margin:12px 0;gap:4px;padding:4px}
.unified-login .auth-methods a{min-height:40px;text-align:center;line-height:1.6}
.unified-login .auth-form-card label{margin:10px 0 5px}
.unified-login .auth-form-card input:not([type=hidden]):not([type=radio]){min-height:44px;padding:8px 12px}
.unified-login .auth-password button{height:38px}
.unified-login .auth-challenge{margin:5px 0 6px}
.unified-login .auth-challenge label{margin-bottom:4px}
.unified-login .auth-challenge-expression{font-size:18px;padding:4px 12px}
.unified-login .auth-submit{min-height:44px;margin-top:15px;padding:9px 14px}
.unified-login .auth-support{margin-top:10px;line-height:1.8}
.unified-login .auth-trust{margin-top:14px;padding-top:10px}
.unified-login .auth-footer{margin-top:15px}
.unified-login .auth-description{margin-bottom:14px}
.unified-login .auth-account-list{margin:12px 0}
.unified-login label.auth-account{padding:10px 12px;margin:7px 0}
.unified-login .auth-resend,.unified-login .auth-restart{margin-top:6px}
@media(max-width:700px){
  .unified-login{padding:0}
  .unified-login .auth-shell{min-height:100dvh}
  .unified-login .auth-form-area{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
  .unified-login .auth-mobile-brand{margin-bottom:15px}
  .unified-login .auth-form-card input:not([type=hidden]):not([type=radio]){min-height:46px;font-size:16px}
  .unified-login .auth-password button{height:40px}
  .unified-login .auth-footer{margin-top:auto;padding-top:16px}
}

/* Reduce vertical spacing while retaining usable control sizes. */
.unified-login .auth-form-area{padding-top:18px;padding-bottom:14px}
.unified-login .auth-heading-icon{margin-bottom:6px}
.unified-login .auth-methods{margin:8px 0}
.unified-login .auth-form-card label{margin-top:7px;margin-bottom:4px}
.unified-login .auth-challenge{margin:3px 0 4px}
.unified-login .auth-submit{margin-top:11px}
.unified-login .auth-support{margin-top:7px}
.unified-login .auth-trust{margin-top:10px;padding-top:7px}
.unified-login .auth-footer{margin-top:10px}
@media(max-width:700px){
  .unified-login .auth-mobile-brand{margin-bottom:10px}
  .unified-login .auth-footer{margin-top:auto;padding-top:12px}
}

/* Show the administrator's configured login image behind the sign-in panel. */
.unified-login[style*="--auth-background"]{
  background-image:linear-gradient(rgba(12,35,52,.48),rgba(12,35,52,.48)),var(--auth-background);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
@media(max-width:700px){
  .unified-login[style*="--auth-background"]{padding:12px}
  .unified-login[style*="--auth-background"] .auth-shell{min-height:calc(100dvh - 24px);border-radius:16px;overflow:hidden}
  .unified-login[style*="--auth-background"] .auth-form-area{min-height:calc(100dvh - 24px)}
}

.unified-login .auth-field-help-spacer{visibility:hidden}