/* CAPACITY175: payment status uses the accepted application's login design tokens. */
.cr-entry-row{display:flex;justify-content:flex-end;margin-bottom:24px}
.cr-entry,.cr-footer-entry{font:inherit;cursor:pointer;color:inherit;background:transparent;box-shadow:none;filter:none}
.cr-entry{border:1px solid currentColor;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;display:flex;gap:16px;align-items:center}
.cr-footer-entry{border:0;padding:0;text-align:left;font-size:inherit}
.cr-dialog{
  --cr-bg:linear-gradient(155deg,rgba(20,31,55,.99),rgba(9,17,32,.995));
  --cr-field:rgba(5,11,23,.78);--cr-autofill:#0a1324;--cr-surface:rgba(255,255,255,.025);
  --cr-text:#f6f8ff;--cr-secondary:#c8d3eb;--cr-muted:#94a5c7;--cr-placeholder:#7183a6;
  --cr-line:rgba(255,255,255,.10);--cr-divider:rgba(255,255,255,.055);
  --cr-accent:#66e4c3;--cr-accent-soft:rgba(102,228,195,.12);--cr-accent-hover:rgba(102,228,195,.18);
  --cr-focus:rgba(102,228,195,.62);--cr-edge:rgba(122,162,255,.18);
  --cr-rail:linear-gradient(90deg,transparent,rgba(102,228,195,.90),rgba(122,162,255,.90),transparent);
  --cr-primary:linear-gradient(115deg,#58e0df 0%,#38cad2 42%,#31b0c7 72%,#438cd1 100%);
  --cr-primary-hover:linear-gradient(115deg,#63e7e4 0%,#43d2d9 42%,#39b9ce 72%,#4b96d8 100%);
  --cr-primary-border:rgba(127,244,237,.56);--cr-on-primary:#061923;
  --cr-inset:rgba(255,255,255,.52);--cr-control-line:rgba(255,255,255,.14);
  --cr-error:#ff9aa5;--cr-warning:#f6c768;
  color:var(--cr-text);background:var(--cr-bg);color-scheme:dark;
  width:min(510px,calc(100vw - 32px));height:min(650px,calc(100dvh - 32px));
  max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px);
  margin:auto;padding:0;border:1px solid var(--cr-edge);border-radius:24px;
  box-shadow:none;overflow:hidden;
  font-family:"Segoe UI",system-ui,sans-serif;font-size:14px;line-height:1.5;
  text-rendering:optimizeLegibility;
}
[data-theme=light] .cr-dialog{
  --cr-bg:linear-gradient(155deg,#fff,#f2f5f7);--cr-field:#fff;--cr-autofill:#fff;--cr-surface:#f8fafb;
  --cr-text:#132838;--cr-secondary:#304b60;--cr-muted:#526b7d;--cr-placeholder:#657c8c;
  --cr-line:#c8d4dc;--cr-divider:#dce5ea;--cr-accent:#16766f;
  --cr-accent-soft:#d7f1f3;--cr-accent-hover:#c4e9ec;--cr-focus:#35b6c1;--cr-edge:#d0d5f4;
  --cr-rail:linear-gradient(90deg,transparent,#08a4b0,#5966c4,transparent);
  --cr-primary:linear-gradient(115deg,#187c75 0%,#16726f 46%,#246b8a 100%);
  --cr-primary-hover:linear-gradient(115deg,#146f69 0%,#126763 46%,#205f7b 100%);
  --cr-primary-border:rgba(13,91,86,.42);--cr-on-primary:#fff;
  --cr-inset:#8fa1ad;--cr-control-line:#b9c8d1;
  --cr-error:#a62b43;--cr-warning:#8c5a0a;color-scheme:light;
}
.cr-dialog::before{content:"";position:absolute;left:34px;right:34px;top:0;height:2px;border-radius:0 0 999px 999px;background:var(--cr-rail);pointer-events:none}
.cr-dialog::backdrop{background:rgba(0,10,25,.65)}
.cr-dialog[open] .cr-shell{height:100%;display:flex;flex-direction:column}
.cr-dialog [hidden]{display:none!important}
.cr-dialog button{font:inherit;cursor:pointer;border:1px solid var(--cr-line);border-radius:12px;padding:10px 16px;color:var(--cr-text);background:var(--cr-field);box-shadow:none;filter:none;line-height:1.35;min-height:46px;transform:none}
.cr-dialog button:disabled{opacity:.65;cursor:wait}
.cr-dialog button:focus-visible,.cr-entry:focus-visible,.cr-footer-entry:focus-visible{outline:2px solid var(--cr-accent);outline-offset:3px}
.cr-dialog .cr-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border:1px solid var(--cr-primary-border);border-radius:14px;color:var(--cr-on-primary);background:var(--cr-primary);font-size:14px;font-weight:700;line-height:1.25;letter-spacing:0;text-shadow:none;box-shadow:inset 0 1px 0 var(--cr-inset);transform:none;filter:none}
.cr-dialog .cr-primary:not(:disabled):hover{background:var(--cr-primary-hover);transform:none;filter:none}
.cr-dialog .cr-primary:focus-visible{outline:2px solid var(--cr-on-primary);outline-offset:-4px}
.cr-header{display:flex;justify-content:space-between;align-items:center;padding:31px 34px 19px;gap:16px;flex-shrink:0;position:relative}
.cr-header::after{content:"";position:absolute;left:34px;right:34px;bottom:0;border-bottom:1px solid var(--cr-divider)}
.cr-brand{display:flex;align-items:center;gap:13px;min-width:0}
.cr-brand-mark{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#0b2434}
.cr-brand-mark img{width:100%;height:100%;object-fit:cover}
.cr-brand-copy{display:grid;gap:3px;min-width:0;line-height:1.35}
.cr-brand-copy strong{font-family:inherit;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--cr-text)}
.cr-brand-copy small{font-size:12px;color:var(--cr-muted)}
.cr-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.cr-dialog .cr-icon-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--cr-control-line);border-radius:12px;background:var(--cr-field);color:var(--cr-accent)}
.cr-dialog .cr-close{color:var(--cr-muted)}
.cr-dialog .cr-icon-button:hover{background:var(--cr-accent-soft);color:var(--cr-accent)}
.cr-icon-button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cr-dialog .cr-theme-moon,[data-theme=light] .cr-dialog .cr-theme-sun{display:none}
[data-theme=light] .cr-dialog .cr-theme-moon{display:block}
.cr-body{display:flex;flex-direction:column;padding:23px 34px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex:1;min-height:0}
.cr-body>h2,.cr-body>p,#cr-form,#cr-account,.cr-security{flex-shrink:0}
.cr-body h2{font-size:30px;font-weight:700;line-height:1.22;letter-spacing:-.04em;margin:0 0 8px;text-align:center;color:var(--cr-text);overflow-wrap:anywhere}
.cr-body p{line-height:1.65;margin:0 0 16px;color:var(--cr-muted);font-size:13.5px;overflow-wrap:anywhere}
.cr-body #cr-intro{text-align:center;margin-bottom:21px}
#cr-form{display:grid;gap:8px}
#cr-form label{font-size:12.5px;font-weight:700;color:var(--cr-secondary);margin-top:4px}
.cr-dialog input{box-sizing:border-box;width:100%;min-width:0;height:50px;padding:0 14px;border:1px solid var(--cr-line);border-radius:13px;color:var(--cr-text);background:var(--cr-field);font:inherit;font-size:13.5px;outline:none;box-shadow:inset 0 1px 0 var(--cr-surface)}
.cr-dialog input::placeholder{color:var(--cr-placeholder);opacity:1}
.cr-dialog input:focus{outline:none;border-color:var(--cr-focus);box-shadow:0 0 0 4px var(--cr-accent-soft)}
.cr-dialog input:is(:autofill,:-webkit-autofill){-webkit-text-fill-color:var(--cr-text);caret-color:var(--cr-text);box-shadow:0 0 0 100px var(--cr-autofill) inset}
.cr-dialog input:is(:autofill,:-webkit-autofill):focus{box-shadow:0 0 0 100px var(--cr-autofill) inset,0 0 0 4px var(--cr-accent-soft)}
.cr-password-field{position:relative;min-width:0}
.cr-password-field input{padding-right:86px}
.cr-dialog .cr-password-toggle{position:absolute;right:8px;top:7px;height:36px;min-height:36px;min-width:55px;padding:0 10px;border:0;border-radius:9px;color:var(--cr-accent);background:var(--cr-accent-soft);font-size:13.5px;white-space:nowrap}
.cr-dialog .cr-password-toggle:not(:disabled):hover{background:var(--cr-accent-hover)}
.cr-password-field input::-ms-reveal,.cr-password-field input::-ms-clear{display:none}
#cr-login{width:100%;margin-top:12px}
#cr-account{margin-top:21px}
.cr-body #cr-account-email{font-size:13.5px;color:var(--cr-secondary);margin-bottom:12px}
.cr-status{min-height:146px;padding:20px;background:var(--cr-surface);border:1px solid var(--cr-line);border-radius:14px;margin:12px 0 18px}
.cr-status h3{margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.4;color:var(--cr-text);overflow-wrap:anywhere}
.cr-status h3::before{content:"";display:inline-block;width:8px;height:8px;margin:0 9px 2px 0;border-radius:50%;background:var(--cr-accent)}
.cr-status[data-state=past_due] h3::before{background:var(--cr-warning)}
.cr-status[data-state=error] h3::before{background:var(--cr-error)}
.cr-status[data-state=loading] h3::before{background:var(--cr-muted)}
.cr-status p{margin:0}
.cr-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-bottom:16px}
.cr-actions button{width:100%;height:64px;font-size:14px;font-weight:700}
.cr-body #cr-note{font-size:12.5px}
.cr-body .cr-feedback{min-height:44px;margin:14px 0 0;font-size:12.5px;line-height:1.55;white-space:pre-line}
.cr-body .cr-feedback[data-tone=error]{color:var(--cr-error)}
.cr-body .cr-feedback:empty{display:none}
.cr-security{display:grid;grid-template-columns:8px minmax(0,1fr);gap:11px;margin-top:auto;padding:12px 13px;border:1px solid var(--cr-divider);border-radius:13px;background:linear-gradient(135deg,var(--cr-accent-soft),var(--cr-surface))}
.cr-security>span{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--cr-accent)}
.cr-security strong{display:block;color:var(--cr-text);font-size:12.5px;font-weight:700;line-height:1.45}
.cr-body .cr-security p{margin:4px 0 0;font-size:12.5px;line-height:1.55}
#cr-form[hidden]~.cr-security{display:none}
.cr-footer{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--cr-divider);padding:14px 34px;flex-shrink:0;font-size:12px;color:var(--cr-muted)}
.cr-footer a{text-decoration:underline;text-underline-offset:3px}
.cr-footer #cr-logout{margin-left:auto;min-height:36px;padding:7px 10px;font-size:12px}
@media(max-width:440px){
  .cr-dialog{border-radius:20px}
  .cr-dialog::before,.cr-header::after{left:22px;right:22px}
  .cr-header{padding:22px 22px 17px;gap:10px}
  .cr-body{padding:21px 22px 18px}
  .cr-footer{padding:12px 22px;gap:10px}
  .cr-body h2{font-size:27px}
  .cr-dialog input{font-size:16px}
  .cr-status{padding:16px}
  .cr-actions{grid-template-columns:1fr}
  .cr-actions button{height:auto;min-height:48px;padding:12px}
}
