/* Shared stage 7 login skin; the original layout and authentication stay intact. */
@font-face{
  font-feature-settings: "kern" 0;font-family:"ARHei ERP Latin";src:url("/static/fonts/arhei-latin.2010c992ba4c.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-007E}
body.login-page.erp-sds{
  --erp-font-family:"ARHei ERP Latin","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  --login-primary:#315cf5;--login-primary-hover:#244bd9;--login-primary-soft:#eef3ff;
  --login-text:#323232;--login-muted:#617085;--login-line:#dfe6ef;--login-control-bg:#fff;
  font-family:var(--erp-font-family);font-synthesis:none;background:#f2f5fa;
}
body.login-page.erp-sds,body.login-page.erp-sds *,body.login-page.erp-sds *::before,body.login-page.erp-sds *::after{font-kerning:none!important}
.login-page.erp-sds .login-shell{border-radius:12px;border-color:#dfe6ef;box-shadow:0 18px 48px rgba(30,52,96,.08)}
.login-page.erp-sds .login-brand-mark{border:0;border-radius:0;background:transparent;box-shadow:none}
.login-page.erp-sds .login-brand-copy strong{font-size:16px;font-weight:700;letter-spacing:0}
.login-page.erp-sds .login-brand-badge{border-radius:4px;background:#eef3ff;border-color:#cbd8ff;color:#315cf5;font-weight:400}
.login-page.erp-sds .login-eyebrow{font-weight:700}
.login-page.erp-sds .login-intro h1{font-size:36px;line-height:1.3;font-weight:700;letter-spacing:0}
.login-page.erp-sds .login-intro p{font-size:13px;font-weight:400}
.login-page.erp-sds .login-field-label{font-size:12px;font-weight:700;color:#323232}
.login-page.erp-sds .login-input-wrap{height:38px;border-radius:8px;background:#fff;box-shadow:none}
.login-page.erp-sds .login-input-wrap:hover{border-color:#a2b1c5}
.login-page.erp-sds .login-input-wrap:focus-within{border-color:#315cf5;box-shadow:none}
.login-page.erp-sds .login-input-wrap input{font-family:var(--erp-font-family);font-size:12px;font-weight:400;outline:0;box-shadow:none}
/* Keep the browser's autofill paint inside the same white control surface. */
.login-page.erp-sds .login-input-wrap input:is(:autofill,:-webkit-autofill){box-shadow:0 0 0 1000px var(--login-control-bg) inset;-webkit-text-fill-color:var(--login-text);caret-color:var(--login-text);transition:none}
/* Only the protected autofill preview needs system-font compensation.
   Editing uses the normal ERP font and native caret geometry. */
.login-page.erp-sds .login-input-wrap input[type="password"]:not(.is-password-editing){font:small-caption;font:-webkit-small-control;font-family:sans-serif;letter-spacing:var(--login-password-dot-spacing,normal)}
.login-page.erp-sds .login-input-wrap input[type="password"]:not(.is-password-editing):is(:autofill,:-webkit-autofill){padding-left:calc(12px + var(--login-password-dot-spacing,0px)/2)}
.login-page.erp-sds .login-input-wrap input[type="password"]::placeholder{font:400 12px/normal var(--erp-font-family);letter-spacing:normal}
.login-page.erp-sds .login-input-wrap input::placeholder{color:#8291a7;font-weight:400}
.login-page.erp-sds .login-password-toggle{border-radius:6px;color:#617085}
.login-page.erp-sds .login-options{font-size:11px}
.login-page.erp-sds .login-remember input:focus-visible+.login-checkbox-mark{outline:2px solid #315cf5;outline-offset:2px;box-shadow:none}
.login-page.erp-sds .login-submit{height:38px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 2px 6px rgba(49,92,245,.12)}
.login-page.erp-sds .login-submit:hover{box-shadow:0 2px 6px rgba(49,92,245,.16)}
.login-page.erp-sds .login-submit:active{background:#1c3fbd;border-color:#1c3fbd;transform:translateY(1px)}
.login-page.erp-sds :is(.login-submit,.login-password-toggle,.login-alert-close):focus-visible{outline:2px solid #315cf5;outline-offset:3px;box-shadow:none}
.login-page.erp-sds .login-alert{border-radius:6px;background:#fff0f2;color:#cc3345;border-color:#f3bbc3;font-size:12px}
.login-page.erp-sds .login-alert.alert-info{background:#eef3ff;color:#315cf5;border-color:#cbd8ff}
.login-page.erp-sds .login-alert.alert-success{background:#edf9f4;color:#16876c;border-color:#c7eadf}
.login-page.erp-sds .login-alert-icon{border-radius:4px}
.login-page.erp-sds .login-alert-close{border-radius:4px;opacity:1}
.login-page.erp-sds .login-showcase{border-radius:8px}
.login-page.erp-sds .showcase-controls{border-radius:8px;box-shadow:0 4px 16px rgba(6,9,15,.12)}
.login-page.erp-sds .showcase-control-button{border-radius:6px}
.login-page.erp-sds .showcase-copy h2{font-family:var(--erp-font-family);font-weight:700}
.login-page.erp-sds .login-footer{font-size:10px;color:#617085}
.login-page.erp-sds .login-field.is-invalid .login-field-label{color:#cc3345}
.login-page.erp-sds .login-field.is-invalid .login-field-label::after{content:" *"}
.login-page.erp-sds .login-field.is-invalid .login-input-wrap{border-color:#cc3345;background:#fff}
.login-page.erp-sds .sds-login-field-error{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-page.erp-sds .login-flash-stack:not(:has(.login-alert)){display:none}
@media(max-height:720px) and (min-width:900px){.login-page.erp-sds .login-intro h1{font-size:30px}}
@media(max-width:520px){.login-page.erp-sds .login-shell{border-radius:0;box-shadow:none}}