/* Login176: optically clear glass over the workspace ice-blue brand sky. All material is login-scoped.
   CSS approximates translucency and reflection; it is not native Liquid Glass. */
html:root[data-shx-theme="premium"] body #login-view {
  --login-sky:var(--shx-color-workspace,#f4f7fb); --login-sky-edge:#e2ecfa; --login-ink:var(--shx-color-heading,#18324f);
  --login-muted:var(--shx-color-muted,#52657c); --login-blue:var(--shx-color-brand,#245bb6); --login-glass:rgba(255,255,255,.08);
  --login-border:rgba(118,148,189,.26); --login-control:rgba(255,255,255,.36);
  width:100%; min-height:100dvh; margin:0; background:var(--login-sky);
}
html:root[data-shx-theme="premium"] body #login-view .brand-stage {
  position:absolute; inset:0; width:100%; height:100%; min-height:0; padding:38px 48px;
  background:linear-gradient(135deg,#f4f7fb 8%,#e3edfa 58%,#eef3fb 100%);
  color:var(--login-ink); isolation:isolate; filter:none; transform:none;
}
/* Sparse static stars: one painted layer, no particle DOM or twinkle loops. */
html:root[data-shx-theme="premium"] body #login-view .brand-stage::before {
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:radial-gradient(circle at 8% 19%,#6585b5a6 0 .7px,transparent 1.1px),
    radial-gradient(circle at 21% 74%,#6386b980 0 .8px,transparent 1.2px),
    radial-gradient(circle at 34% 11%,#6386b980 0 .6px,transparent 1.1px),
    radial-gradient(circle at 43% 82%,#6386b980 0 .7px,transparent 1.1px),
    radial-gradient(circle at 58% 16%,#6585b599 0 .8px,transparent 1.2px),
    radial-gradient(circle at 66% 69%,#6585b580 0 .6px,transparent 1.1px),
    radial-gradient(circle at 81% 34%,#6585b599 0 .8px,transparent 1.2px),
    radial-gradient(circle at 92% 78%,#6386b999 0 .7px,transparent 1.1px),
    radial-gradient(circle at 14% 47%,#6386b966 0 .5px,transparent 1px),
    radial-gradient(circle at 75% 90%,#6386b966 0 .5px,transparent 1px);
  background-size:100% 100%; opacity:1; animation:none; transform:none;
}
/* The moving star river and constellation layer are installed once below. */
html:root[data-shx-theme="premium"] body #login-view .brand-stage::after {content:none;animation:none}
html:root[data-shx-theme="premium"] body #login-view :is(.orbit,.star) {display:none}
html:root[data-shx-theme="premium"] body #login-view .brand-top {position:relative;z-index:1;color:#18324f;font-size:21px;gap:12px;animation:none}
html:root[data-shx-theme="premium"] body #login-view .brand-top small {color:#52657c;letter-spacing:.19em}
html:root[data-shx-theme="premium"] body #login-view .brand-message {position:absolute;left:7%;right:calc(50% + 270px);top:38%;padding:0;margin:0;z-index:1}
html:root[data-shx-theme="premium"] body #login-view .brand-message .eyebrow {color:#52657c;font-size:10px;letter-spacing:.16em}
html:root[data-shx-theme="premium"] body #login-view .brand-title {font-size:58px;gap:10px;letter-spacing:.04em;line-height:1.3;color:#18324f;margin:18px 0}
html:root[data-shx-theme="premium"] body #login-view .brand-stage .brand-title>span:nth-child(n) {color:inherit;animation:none;transform:none}
html:root[data-shx-theme="premium"] body #login-view .brand-stage .brand-title>span:nth-child(2) {color:#245bb6}
html:root[data-shx-theme="premium"] body #login-view .brand-message>p {color:#52657c;font-size:15px;letter-spacing:.08em;line-height:1.8;animation:none}
html:root[data-shx-theme="premium"] body #login-view .brand-rule {width:52px;height:1px;margin:28px 0 20px;background:#7093c680}
html:root[data-shx-theme="premium"] body #login-view .brand-rule::before,
html:root[data-shx-theme="premium"] body #login-view .brand-rule::after {content:none;animation:none}
html:root[data-shx-theme="premium"] body #login-view .brand-services {color:#52657c;font-size:11px;gap:10px;line-height:1.8;animation:none}
html:root[data-shx-theme="premium"] body #login-view .brand-services i {background:#6e91bf}
html:root[data-shx-theme="premium"] body #login-view .brand-footer {position:absolute;left:48px;right:auto;bottom:30px;margin:0;color:#62758c;font-size:9px;letter-spacing:.15em}
html:root[data-shx-theme="premium"] body #login-view .login-side {position:relative;z-index:2;background:transparent;min-height:100dvh;padding:110px 24px;display:flex;align-items:center;justify-content:center}
html:root[data-shx-theme="premium"] body #login-view .login-side>footer {bottom:30px;color:#62758c;font-size:11px;letter-spacing:.08em}
html:root[data-shx-theme="premium"] body #login-view .login-side .login-box {
  box-sizing:border-box;position:relative;isolation:isolate;width:420px;max-width:100%;padding:30px 30px 26px;
  border:1px solid var(--login-border);border-top-color:#ffffffed;border-left-color:#ffffffbd;
  border-radius:28px;background:linear-gradient(132deg,#ffffff14,#ffffff06 42%,#ffffff0e);
  backdrop-filter:blur(1.25px) saturate(105%);-webkit-backdrop-filter:blur(1.25px) saturate(105%);
  color:var(--login-ink);color-scheme:light;box-shadow:0 16px 38px #244a7814,inset 0 1px 0 #ffffffc7,inset 0 -1px 0 #789ccc38;
  animation:none;transform:none;transition:border-color 180ms ease;
}
/* Edge reflection and halo have static paint; only the halo opacity changes. */
html:root[data-shx-theme="premium"] body #login-view .login-box::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,transparent,#ffffffb3 35%,#ffffff80 65%,transparent) top center / 76% 1px no-repeat,
    radial-gradient(ellipse at top left,#ffffff30,transparent 72%) top left / 72px 58px no-repeat;
  box-shadow:inset 1px 0 0 #ffffff73,inset -1px 0 0 #789ccc38;
}
html:root[data-shx-theme="premium"] body #login-view .login-box::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  box-shadow:0 0 0 1px #8ebeff30,0 0 30px 4px #468fff38,0 0 65px 12px #407fff14;
  opacity:0;transition:opacity 180ms ease;animation:none;
}
html:root[data-shx-theme="premium"] body #login-view[data-login-focus="true"] .login-box::before {opacity:1}
html:root[data-shx-theme="premium"] body #login-view .login-box:focus-within {border-color:#6b98d080}
html:root[data-shx-theme="premium"] body #login-view .login-box :is(.card-overline,.eyebrow) {margin:0 0 25px;color:#52657c;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.16em}
html:root[data-shx-theme="premium"] body #login-view .quiet-dot {display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:8px;background:#245bb6;vertical-align:middle}
html:root[data-shx-theme="premium"] body #login-view .login-card-heading {display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:27px}
html:root[data-shx-theme="premium"] body #login-view :is(#login-title,.login-box h2) {margin:0;color:var(--login-ink);font-size:27px;font-weight:600;line-height:1.4;letter-spacing:.01em}
html:root[data-shx-theme="premium"] body #login-view .login-card-heading>p {margin:0;color:var(--login-muted);font-size:13px;line-height:1.7}
html:root[data-shx-theme="premium"] body #login-view #login-form {animation:none}
html:root[data-shx-theme="premium"] body #login-view #login-form>label {display:block;margin:0;color:#24364b;font-size:13px;font-weight:400;line-height:1.6}
html:root[data-shx-theme="premium"] body #login-view #login-form>label+label {margin-top:18px}
html:root[data-shx-theme="premium"] body #login-view .login-box input:not([type="hidden"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]) {
  box-sizing:border-box;width:100%;height:48px;min-height:48px;padding:11px 13px;border:1px solid #9eb6d347;border-top-color:#ffffffbf;
  border-radius:11px;background:var(--login-control);color:#24364b;font-size:15px;line-height:1.5;box-shadow:inset 0 1px 2px #43608e08;
  transition:border-color 150ms ease;
}
html:root[data-shx-theme="premium"] body #login-view .login-box input::placeholder {color:#52657c;opacity:1}
html:root[data-shx-theme="premium"] body #login-view .login-box input:focus {border-color:#4c81c7;box-shadow:0 0 0 3px #245bb61a}
html:root[data-shx-theme="premium"] body #login-view .login-box input:-webkit-autofill {-webkit-text-fill-color:#24364b;caret-color:#24364b;box-shadow:0 0 0 100px #e8f0fb inset}
html:root[data-shx-theme="premium"] body #login-view .password-field {position:relative}
html:root[data-shx-theme="premium"] body #login-view .password-field input {padding-right:54px!important}
html:root[data-shx-theme="premium"] body #login-view #password-toggle {position:absolute;inset:0 6px 0 auto;width:44px;height:48px;min-height:44px;padding:4px;border:0;border-radius:9px;background:transparent;color:#52657c}
html:root[data-shx-theme="premium"] body #login-view #password-toggle:hover {background:#bfd6f540;color:#245bb6}
html:root[data-shx-theme="premium"] body #login-view #password-toggle svg {display:block;width:19px;height:19px;margin:auto}
html:root[data-shx-theme="premium"] body #login-view #login-form .login-submit {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:48px;min-height:48px;margin-top:23px;padding:0 17px;border:1px solid #245bb6;border-radius:11px;background:var(--shx-color-brand,#245bb6);color:#fff;box-shadow:inset 0 1px 0 #e7f2ff30;font-size:14px;font-weight:600;transition:border-color 150ms ease}
html:root[data-shx-theme="premium"] body #login-view #login-form .login-submit:hover:not(:disabled) {background:var(--shx-color-brand-hover,#1b4893);border-color:#1b4893;color:#fff}
html:root[data-shx-theme="premium"] body #login-view #login-form .login-submit:disabled {background:#d9e5f5;color:#52657c;border-color:#aec3df;opacity:1;cursor:wait}
html:root[data-shx-theme="premium"] body #login-view .login-note {display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:19px 0 0;color:#52657c;font-size:11px;line-height:1.6}
html:root[data-shx-theme="premium"] body #login-view .login-note>svg {flex:none;width:13px;height:13px}
html:root[data-shx-theme="premium"] body #login-view #login-error {margin-top:16px;border-color:#bd5b5947;background:#fff0eecc;color:#923e3a;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
html:root[data-shx-theme="premium"] body #login-view #login-status173 {min-height:21px;margin:10px 0 0;color:#52657c;font-size:12px;line-height:1.75}
html:root[data-shx-theme="premium"] body #login-view #login-form[data-login-state="success"] .adaptive173-submit-content {color:#e0fff3}
html:root[data-shx-theme="premium"] body #login-view .login-box:has(#login-form[data-login-state="success"])::before {animation:shx-login-success175 200ms ease both}
@keyframes shx-login-success175 {from {opacity:1} to {opacity:.35}}
/* A readable separate surface around the provider, never scale the iframe. */
html:root[data-shx-theme="premium"] body #login-view #login-adaptive173-inline {color:#304f72}
html:root[data-shx-theme="premium"] body #login-view #login-adaptive173-inline [data-adaptive-vendor] {border-radius:10px;background:#f6f8fc;color:#243a54;color-scheme:light;overflow:hidden}
html:root[data-shx-theme="premium"] body #login-view #login-adaptive173-inline [data-adaptive-inline-status] {color:#52657c}
html:root[data-shx-theme="premium"] body #login-view #login-adaptive173-inline[data-verification-state="verified"] [data-adaptive-inline-status] {color:#246c59}
html:root[data-shx-theme="premium"] body #login-view #login-adaptive173-inline:is([data-verification-state="error"],[data-verification-state="expired"]) [data-adaptive-inline-status] {color:#923e3a}
html:root[data-shx-theme="premium"] body #login-view .adaptive173-inline-actions button {min-width:44px;min-height:44px;background:#ffffff66;border-color:#9db7d185;color:#245bb6}
html:root[data-shx-theme="premium"] body #login-view .adaptive173-inline-actions button:hover:not(:disabled) {background:#ffffff99;border-color:#6b95c7}
html:root[data-shx-theme="premium"] body #login-view :is(input,button):focus-visible {outline:2px solid #4c81c7;outline-offset:3px}
@media(max-width:1100px) {
 html:root[data-shx-theme="premium"] body #login-view .brand-message {display:none}
}
@media(max-width:700px) {
 html:root[data-shx-theme="premium"] body #login-view .brand-stage {padding:28px 24px}
 html:root[data-shx-theme="premium"] body #login-view .brand-top {justify-content:center;font-size:20px}
 html:root[data-shx-theme="premium"] body #login-view .brand-footer {display:none}
 html:root[data-shx-theme="premium"] body #login-view .login-side {padding:112px 24px 90px}
 html:root[data-shx-theme="premium"] body #login-view .login-side .login-box {padding:26px 22px 22px;border-radius:24px}
 html:root[data-shx-theme="premium"] body #login-view #login-title {font-size:24px}
 html:root[data-shx-theme="premium"] body #login-view .login-box input:not([type="hidden"]):not([type="range"]) {font-size:16px}
 html:root[data-shx-theme="premium"] body #login-view .card-overline {font-size:9px;letter-spacing:.1em}
 html:root[data-shx-theme="premium"] body #login-view .login-side>footer {bottom:28px;font-size:10px}
}
@supports not (backdrop-filter:blur(1px)) {
 html:root[data-shx-theme="premium"] body #login-view .login-side .login-box {background:#eef4fc}
}
html:root[data-effects-lite] body #login-view .login-side .login-box {backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff1f}
@media(prefers-reduced-transparency:reduce) {
 html:root[data-shx-theme="premium"] body #login-view .login-side .login-box {background:#eef4fc;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce) {
 html:root[data-shx-theme="premium"] body #login-view *,html:root[data-shx-theme="premium"] body #login-view *::before,html:root[data-shx-theme="premium"] body #login-view *::after {animation:none!important;transition:none!important}
}
@media(forced-colors:active) {
 html:root[data-shx-theme="premium"] body #login-view .login-side .login-box {background:Canvas;color:CanvasText;border:1px solid CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none}
 html:root[data-shx-theme="premium"] body #login-view .login-box :is(h2,p,label,input,button,.eyebrow,#login-status173) {color:CanvasText}
 html:root[data-shx-theme="premium"] body #login-view .login-box :is(input,button) {background:Canvas;border-color:ButtonText}
 html:root[data-shx-theme="premium"] body #login-view .login-box::before,html:root[data-shx-theme="premium"] body #login-view .login-box::after,html:root[data-shx-theme="premium"] body #login-view .brand-stage::before,html:root[data-shx-theme="premium"] body #login-view .brand-stage::after {display:none}
}