/* Scoped to the public account pages; Desk and native form behavior stay intact. */
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) {
  --dl-auth-ink:#18243a; --dl-auth-muted:#657187; --dl-auth-blue:#315fab;
  background:#f8f9fc; color:var(--dl-auth-ink); color-scheme:light;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) main.container {
  margin:0 0 0 46%; width:54%; max-width:none; min-height:100svh;
  padding:48px clamp(28px,6vw,104px) 28px; display:flex; flex-direction:column; justify-content:center;
}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-header-wrapper {display:none;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page_content {width:100%;max-width:420px;margin:auto;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card {background:transparent;border:0;box-shadow:none;max-width:none;padding:0;margin:0;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) section {padding:0!important;margin:0!important;max-width:none;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .app-logo {display:none;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-head {padding:0;margin:0 0 36px;text-align:left;display:block;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-head h4 {color:var(--dl-auth-ink);font-size:clamp(26px,2.4vw,34px);font-weight:650;letter-spacing:-1.1px;line-height:1.2;margin:0 0 14px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-subtitle {color:var(--dl-auth-muted);font-size:14px;line-height:1.7;max-width:390px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-body {padding:0;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .form-group {margin-bottom:24px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card .form-label {color:var(--dl-auth-ink);font-size:12px;font-weight:600;margin-bottom:10px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card .form-control {height:52px;border:1px solid #dce2ec;border-radius:10px;background:#fff;color:var(--dl-auth-ink);font-size:14px;box-shadow:0 2px 3px #18243a03;padding-left:42px;padding-right:44px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card .form-control:focus {border-color:#557bc0;box-shadow:0 0 0 3px #315fab17;background:#fff;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card .form-control::placeholder {color:#8b95a6;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card .field-icon {left:15px;top:18px;color:#8290a5;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card .toggle-password {top:17px;right:16px;width:19px;height:19px;color:#657187;cursor:pointer;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-actions {padding:0;margin-top:28px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-actions .btn {min-height:51px;border-radius:10px;font-size:14px;font-weight:600;background:var(--dl-auth-blue);border:1px solid var(--dl-auth-blue);color:white;box-shadow:0 5px 12px #315fab16;transition:background .15s;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-actions .btn:hover:not(:disabled) {background:#254d90;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-actions .btn:disabled {opacity:.5;cursor:not-allowed;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) :is(a,.toggle-password,.btn):focus-visible {outline:3px solid #82a8ec;outline-offset:4px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .forgot-password-message {text-align:right;margin-top:14px;font-size:12px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card a {color:var(--dl-auth-blue);font-weight:550;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .sign-up-message {margin-top:26px;font-size:13px;}
body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) :is(.password-hint,.password-strength-message) {font-size:12px;line-height:1.6;color:var(--dl-auth-muted);}
.dl-auth-caption {font-size:10px;letter-spacing:1.8px;color:#7c8799;margin-bottom:52px;}
.dl-auth-help {font-size:11px;color:#7c8799;line-height:1.6;margin:52px 0 0;}
.dl-auth-brand {position:fixed;inset:0 auto 0 0;width:46%;padding:44px clamp(32px,4.5vw,76px) 28px;background:#111c30;color:#f4f6fb;display:flex;flex-direction:column;overflow:hidden;}
.dl-auth-brand::before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 65%,#234b7245,transparent 65%);pointer-events:none;}
.dl-auth-wordmark {position:relative;display:flex;align-items:center;gap:12px;color:#f4f6fb!important;font-size:22px;font-weight:650;letter-spacing:-.7px;text-decoration:none!important;flex-wrap:wrap;}
.dl-auth-mark {display:block;width:38px;height:38px;flex-shrink:0;object-fit:contain;}
.dl-auth-internal {margin-left:auto;letter-spacing:1.4px;font-size:8px;color:#9eacc3;font-weight:500;}
.dl-auth-story {position:relative;margin:auto 0;padding-top:46px;}
.dl-auth-story h1 {font-size:clamp(42px,4.6vw,70px);line-height:1.08;letter-spacing:-2.8px;font-weight:550;color:#f4f6fb;margin:27px 0 22px;}
.dl-auth-story em {font-style:normal;color:#9cbbf2;}
.dl-auth-story p {font-size:14px;line-height:1.85;color:#a8b5c9;margin:0;}
.dl-auth-diagram {position:relative;height:230px;max-width:350px;margin:28px 0 0;}
.dl-auth-orbit {position:absolute;width:260px;height:190px;left:38px;top:16px;border:1px solid #9bbaf21c;border-radius:50%;transform:rotate(-22deg);}
.dl-auth-orbit::after {content:"";position:absolute;inset:20px -27px;border:1px solid #9bbaf216;border-radius:50%;transform:rotate(57deg);}
.dl-auth-core {position:absolute;left:138px;top:80px;width:62px;height:62px;}
.dl-auth-core img {display:block;width:100%;height:100%;}
.dl-auth-node {position:absolute;background:#1b2a40;border:1px solid #9bbaf22b;border-radius:8px;padding:9px 17px;font-size:11px;color:#b8c8de;}
.node-stock {left:7px;top:55px;}.node-service {right:0;top:31px;}.node-shop {left:110px;bottom:12px;}
.dl-auth-dot {position:absolute;left:272px;top:170px;height:7px;width:7px;background:#9bbaf2;border-radius:50%;box-shadow:0 0 0 6px #9bbaf20b;}
.dl-auth-brand-footer {position:relative;display:flex;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #ffffff12;color:#8091ac;font-size:10px;letter-spacing:.2px;}
@media(max-height:760px) and (min-width:901px) {.dl-auth-diagram{height:180px;transform:scale(.8);transform-origin:top left;margin-bottom:-30px;}.dl-auth-story{padding-top:28px;}}
@media(max-width:1100px) {.dl-auth-internal{display:none;}.dl-auth-brand{padding-inline:35px;}.dl-auth-diagram{transform:scale(.85);transform-origin:left center;}}
@media(max-width:900px) {
 .dl-auth-brand{position:relative;width:100%;padding:24px 28px;background:#111c30;}.dl-auth-story,.dl-auth-brand-footer{display:none;}.dl-auth-internal{display:block;}
 body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) main.container{margin:0;width:100%;min-height:calc(100svh - 86px);padding:28px 28px 24px;}
 .dl-auth-caption{font-size:9px;margin-bottom:40px;}.dl-auth-help{margin-top:40px;text-align:center;}
 body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page_content{padding-block:12px;}
}
@media(prefers-reduced-motion:reduce) {body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) *{transition:none!important;}}

body.dl-auth-page .page-content-wrapper {padding:0;}
body.dl-auth-page {display:block;height:auto;min-height:100svh;}
body.dl-auth-page .page-card .form-control {min-height:52px;}
body.dl-auth-page .page_content {min-height:0;}
.dl-auth-brand {flex-shrink:0;}
body.dl-auth-page .page-card {min-height:0!important;}
body.dl-auth-page .page-card :is(.field-icon,.toggle-password) {top:50%;transform:translateY(-50%);}
/* Native icons assume shorter fields; keep them centered in the taller inputs. */
body.dl-auth-page .page-card :is(.field-icon,.toggle-password) {top:50%!important;transform:translateY(-50%)!important;}
@media(max-width:900px) {body.dl-auth-page .page-card .form-control {font-size:16px;}}
/* Compact mobile layout, independent of the native full-height login card. */
@media(max-width:900px) {
 body.dl-auth-page .dl-auth-brand {position:relative;inset:auto;min-height:76px;padding:19px 24px;overflow:visible;}
 body.dl-auth-page .dl-auth-wordmark {font-size:21px;flex-wrap:nowrap;}
 body.dl-auth-page .dl-auth-internal {display:none;}
 body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) main.container {min-height:calc(100svh - 76px);padding:30px 24px 22px;justify-content:flex-start;}
 body.dl-auth-page .dl-auth-caption {font-size:8px;letter-spacing:1.3px;margin:0 auto 30px;width:100%;max-width:420px;}
 body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page_content {flex:none;margin:0 auto;padding:0;}
 body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-head {margin-bottom:26px;}
 body.dl-auth-page:is([data-path="login"], [data-path="update-password"], [data-path="mfa"]) .page-card-head h4 {font-size:28px;letter-spacing:-1px;}
 body.dl-auth-page .page-card .page-card-body {margin-top:0;padding-top:0;}
 body.dl-auth-page .page-card .form-group {margin-bottom:20px;}
 body.dl-auth-page .page-card .page-card-actions {margin-top:24px;}
 body.dl-auth-page .dl-auth-help {margin:36px auto 0;max-width:300px;font-size:11px;}
}

/* The same card hosts password, verification and recovery without leaving login. */
body.dl-auth-page #dl-mfa [hidden] {display:none!important;}
body.dl-auth-page #dl-mfa label {display:block;font-size:12px;font-weight:600;margin:20px 0 9px;}
body.dl-auth-page #dl-mfa .form-control {padding:12px 14px;}
body.dl-auth-page #dl-mfa .btn-primary {display:block;width:100%;min-height:51px;border-radius:10px;background:var(--dl-auth-blue);border:1px solid var(--dl-auth-blue);color:#fff;font-weight:600;padding:14px;}
body.dl-auth-page #dl-mfa .btn-primary:hover {background:#254d90;}
body.dl-auth-page #dl-mfa .btn:disabled {opacity:.5;cursor:wait;}
body.dl-auth-page #dl-mfa p {font-size:13px;line-height:1.65;}
body.dl-auth-page #mfa-message:empty {display:none;}
body.dl-auth-page #mfa-message {color:var(--dl-auth-blue);}
body.dl-auth-page .dl-mfa-options {margin-top:18px;font-size:12px;color:var(--dl-auth-muted);}
body.dl-auth-page .dl-mfa-options summary {cursor:pointer;}
body.dl-auth-page #mfa-qr {display:block;max-width:100%;height:auto;margin:20px auto;background:#fff;border:12px solid #fff;border-radius:12px;}
body.dl-auth-page #mfa-setup-key {overflow-wrap:anywhere;}
body.dl-auth-page #mfa-recovery-codes {background:#edf1f7;border-radius:10px;padding:16px;color:var(--dl-auth-ink);}
body.dl-auth-page #mfa-code {font-size:22px;letter-spacing:3px;}