/* Account access: readable, responsive, and isolated from trading controls. */
#loginOverlay{background:radial-gradient(ellipse at top,#172841 0%,#0a111c 65%);padding:28px 16px;overflow:auto;align-items:safe center;color:#eef3fb;font-family:Inter,system-ui,sans-serif}
#loginOverlay .login-box{width:460px;max-width:100%;box-sizing:border-box;padding:36px;background:#111d2e;border:1px solid #314158;border-radius:20px;box-shadow:0 24px 80px #0005}
#loginOverlay .login-brand{display:flex;gap:10px;align-items:center;color:#f4f7fc;text-decoration:none;font-size:21px;font-weight:700;margin-bottom:28px}
#loginOverlay .login-mark{display:grid;place-items:center;width:34px;height:34px;background:#3b78ed;border-radius:9px;font-size:22px;color:white}
#loginOverlay .login-tabs{display:flex;padding:4px;background:#0b1422;border:1px solid #2b3b52;border-radius:10px;margin-bottom:28px}
#loginOverlay .login-tabs button{flex:1;border:0;background:transparent;color:#acbdd4;border-radius:7px;padding:10px;font:600 15px Inter,system-ui,sans-serif;cursor:pointer}
#loginOverlay .login-tabs button.active{background:#263a56;color:#fff}
#loginOverlay h2{font-size:30px;line-height:1.2;text-align:left;letter-spacing:-.7px;margin:0 0 10px}
#loginOverlay .sub{font-size:16px;line-height:1.5;text-align:left;color:#b7c6dc;margin:0 0 24px}
#loginOverlay .login-providers{display:grid;gap:12px}
#loginOverlay .login-btn{min-height:48px;padding:12px 16px;font:600 16px Inter,system-ui,sans-serif;margin:0;border-radius:9px;background:#326dea;box-sizing:border-box}
#loginOverlay .login-provider{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border:1px solid transparent}
#loginOverlay .login-google{background:#fff;color:#202124;border-color:#dadce0}
#loginOverlay .login-google:hover{background:#f0f4fb;box-shadow:none}
#loginOverlay #socialLoginStatus,#loginOverlay .login-footer{font-size:13px;line-height:1.6;color:#aabbd2;margin:16px 0}
#loginOverlay .login-footer{margin:26px 0 0;text-align:center;border-top:1px solid #2b3b52;padding-top:20px}
#loginOverlay .login-existing{margin-top:22px;border-top:1px solid #2b3b52;padding-top:18px}
#loginOverlay summary{font-size:14px;color:#b8cbeb;cursor:pointer;margin-bottom:14px}
#loginOverlay label{display:block;font-size:14px;font-weight:600;margin:14px 0 8px;color:#dce6f6}
#loginOverlay input{box-sizing:border-box;background:#0b1422;color:#f3f6fd;border:1px solid #455976;font-size:16px;min-height:48px;margin:0 0 12px}
#loginOverlay .login-password{position:relative}
#loginOverlay .login-password input{padding-right:72px}
#loginOverlay .login-password button{position:absolute;right:8px;top:6px;min-height:36px;padding:6px 8px;border:0;background:transparent;color:#adcaff;font-size:14px;cursor:pointer}
#loginOverlay .login-err{background:#342025;border:1px solid #86505b;border-radius:9px;color:#ffd9df;font-size:14px;line-height:1.6;padding:12px;margin-bottom:16px}
#loginOverlay .login-text-button,#loginOverlay .login-reset-link{display:block;border:0;background:transparent;color:#a9c9ff;padding:8px 0;font:500 14px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none}
#loginOverlay :focus-visible{outline:3px solid #96beff;outline-offset:3px}
#loginOverlay [hidden]{display:none!important}
#loginOverlay #devLoginNote{font-size:12px;color:#aabbd2;margin-top:8px}
@media(max-width:480px){#loginOverlay .login-box{padding:24px}#loginOverlay h2{font-size:27px}}

/* Compact checklist supports the primary sign-in panel. */
#loginOverlay .login-layout{display:grid;grid-template-columns:minmax(0,470px) minmax(440px,540px);gap:64px;align-items:center;width:min(1080px,100%);margin:auto;text-align:left}
#loginOverlay .login-layout>.login-box{width:100%;padding:34px;border-color:#49628a;box-shadow:0 24px 90px #0006,0 0 60px #3778ef0d}
#loginOverlay .login-layout .login-brand{font-size:26px;margin-bottom:22px}
#loginOverlay .login-layout .login-box h2{font-size:36px}
#loginOverlay .login-layout .login-box .login-btn{min-height:54px;font-size:17px}
#loginOverlay .login-guide{min-width:0}
#loginOverlay .setup-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:650;color:#97b0d1;margin:0 0 10px}
#loginOverlay .login-guide h1{font-size:25px;line-height:1.25;font-weight:650;letter-spacing:-.5px;margin:0 0 9px;color:#e3ecfa}
#loginOverlay .setup-intro{font-size:14px;line-height:1.6;color:#acbed6;margin:0 0 16px}
#loginOverlay .setup-list{list-style:none;padding:0;margin:0}
#loginOverlay .setup-list li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:start;border-top:1px solid #293a50;padding:9px 0;background:none}
#loginOverlay .setup-list li>img{margin:4px auto 0;object-fit:contain;border-radius:5px}
#loginOverlay .setup-list h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;font-size:14px;line-height:1.45;font-weight:650;color:#e8effb;margin:0}
#loginOverlay .setup-list h3 span{font-size:10px;line-height:1.5;font-weight:500;color:#a7bad5;white-space:nowrap}
#loginOverlay .setup-list h3 .free{color:#95ddc2}
#loginOverlay .setup-list p{font-size:12px;line-height:1.6;margin:4px 0 0;color:#afc0d7}
#loginOverlay .setup-list a{color:#b1ceff;font-size:12px;line-height:1.6;text-decoration:none;text-underline-offset:3px}
#loginOverlay .setup-list a:hover{text-decoration:underline}
#loginOverlay .setup-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;padding:5px 2px;margin-top:3px}
#loginOverlay .setup-logo img{width:62px;height:18px;object-fit:contain}
#loginOverlay .setup-symbol{display:block;text-align:center;font-size:23px;color:#8fafd8;line-height:1.4}
#loginOverlay .setup-ai-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
#loginOverlay .setup-fineprint{font-size:10px;line-height:1.65;color:#95a9c4;margin:12px 0 0;border-top:1px solid #293a50;padding-top:12px}
@media(max-width:1000px){#loginOverlay .login-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(380px,1.1fr)}#loginOverlay .login-layout>.login-box{padding:30px}}
@media(max-width:780px){#loginOverlay{padding:20px 16px}#loginOverlay .login-layout{display:flex;flex-direction:column;gap:30px;max-width:520px}#loginOverlay .login-layout>.login-box{order:-1;max-width:100%;padding:26px}#loginOverlay .login-layout .login-box h2{font-size:30px}#loginOverlay .login-guide{width:100%}#loginOverlay .setup-list li{grid-template-columns:60px minmax(0,1fr)}}

#loginOverlay .login-layout .login-tabs{margin-bottom:22px}
#loginOverlay .login-layout .login-footer{margin-top:18px;padding-top:16px}
@media(min-width:781px) and (max-height:800px){
  #loginOverlay{padding:18px 16px}
  #loginOverlay .setup-list li{padding:7px 0}
  #loginOverlay .setup-list p{line-height:1.45}
  #loginOverlay .setup-intro{margin-bottom:12px}
  #loginOverlay .setup-fineprint{margin-top:8px;padding-top:8px;line-height:1.45}
  #loginOverlay .login-layout>.login-box{padding:28px 34px}
  #loginOverlay .login-layout .login-brand{margin-bottom:18px}
  #loginOverlay .login-layout .login-tabs{margin-bottom:18px}
  #loginOverlay .login-layout .sub{margin-bottom:18px}
  #loginOverlay #socialLoginStatus{margin:12px 0}
  #loginOverlay .login-existing{margin-top:14px;padding-top:12px}
}