/* Elite Trading V55 — password recovery and secure account exit UI */
:root{--elite-account-accent:#a56cff;--elite-account-accent-2:#57d8ff;--elite-account-surface:#090b16;--elite-account-border:rgba(177,126,255,.26)}

/* Login: visible but unobtrusive recovery action. */
.password-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.password-label-row label{margin:0}
.forgot-password-trigger{appearance:none;border:0;background:transparent;color:#d49aff;padding:4px 0;font:800 11px/1.2 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:color .2s ease,text-shadow .2s ease,transform .2s ease}
.forgot-password-trigger:hover,.forgot-password-trigger:focus-visible{color:#fff;text-shadow:0 0 16px rgba(173,106,255,.62);transform:translateY(-1px);outline:none}

/* Shared account modal. */
.elite-account-modal[hidden]{display:none!important}
.elite-account-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;isolation:isolate}
.elite-account-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(1,2,8,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:default}
.elite-account-modal__panel{position:relative;z-index:1;width:min(560px,calc(100vw - 32px));max-height:min(780px,calc(100dvh - 32px));overflow:auto;border:1px solid var(--elite-account-border);border-radius:26px;background:radial-gradient(circle at 88% 0%,rgba(139,92,246,.18),transparent 34%),linear-gradient(180deg,rgba(14,14,31,.99),rgba(5,7,16,.99));box-shadow:0 36px 110px rgba(0,0,0,.72),0 0 58px rgba(123,70,218,.18);color:#f7f8ff}
.elite-account-modal__head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:12px;padding:24px 24px 0}
.elite-account-modal__eyebrow{display:block;margin-bottom:7px;color:#b789ff;font:900 9px/1.2 Inter,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.elite-account-modal h2{margin:0;font:800 clamp(25px,4vw,34px)/1.08 Outfit,Inter,system-ui,sans-serif;letter-spacing:-.035em}
.elite-account-modal__language{display:flex;align-items:center;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035)}
.elite-account-modal__language button{min-height:34px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:#8f97ad;font:900 9px Inter,system-ui,sans-serif;letter-spacing:.07em;cursor:pointer}
.elite-account-modal__language button[aria-pressed="true"]{background:linear-gradient(135deg,rgba(135,76,226,.72),rgba(67,116,221,.48));color:#fff;box-shadow:0 0 18px rgba(135,76,226,.22)}
.elite-account-modal__close{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);color:#e6e8f3;font-size:20px;cursor:pointer}
.elite-account-modal__body{padding:22px 24px 8px}
.elite-account-modal__copy{margin:0 0 20px;color:#aab1c5;font:500 13px/1.7 Inter,system-ui,sans-serif}
.elite-account-modal__field label{display:block;margin:0 0 8px;color:#ebedfa;font:800 11px Inter,system-ui,sans-serif}
.elite-account-modal__field input{width:100%;height:52px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(0,0,0,.28);color:#fff;padding:0 14px;outline:none;font:600 15px Inter,system-ui,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}
.elite-account-modal__field input:focus{border-color:rgba(164,108,255,.78);box-shadow:0 0 0 4px rgba(164,108,255,.11),0 0 28px rgba(164,108,255,.17)}
.elite-account-modal__status{min-height:21px;margin:12px 0 0;color:#c3c9d8;font:700 11px/1.55 Inter,system-ui,sans-serif}
.elite-account-modal__status[data-tone="success"]{color:#77e2b2}
.elite-account-modal__status[data-tone="error"]{color:#ff98bc}
.elite-account-modal__actions{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:10px;padding:16px 24px 24px}
.elite-account-modal__button{min-height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#dde1ef;font:900 11px Inter,system-ui,sans-serif;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.elite-account-modal__button:hover{transform:translateY(-1px);border-color:rgba(174,119,255,.34)}
.elite-account-modal__button--primary{border:0;background:linear-gradient(110deg,#a05cf5,#665cf2 54%,#3e89dc);color:#fff;box-shadow:0 0 28px rgba(132,80,236,.28)}
.elite-account-modal__button--danger{border:1px solid rgba(255,112,151,.26);background:linear-gradient(135deg,rgba(155,43,81,.84),rgba(111,43,93,.8));color:#fff;box-shadow:0 0 24px rgba(180,57,96,.16)}
.elite-account-modal__button:disabled{opacity:.55;cursor:wait;transform:none}
body.elite-account-modal-open{overflow:hidden!important}

/* Logout is now visible on desktop and explicit inside the mobile More sheet. */
.sidebarBottom .signout#logoutBtn{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:38px!important;padding:9px 12px!important;border:1px solid rgba(255,122,163,.18)!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(111,39,72,.28),rgba(72,42,104,.24))!important;color:#f4dbe7!important;font:800 9px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.sidebarBottom .signout#logoutBtn:hover{border-color:rgba(255,122,163,.38)!important;background:linear-gradient(135deg,rgba(135,43,82,.38),rgba(86,47,123,.34))!important;transform:translateY(-1px)}
.sidebarBottom .signout#logoutBtn:before{content:none!important}
.sidebarLogoutMini{cursor:pointer}

@media(max-width:900px){
  .password-label-row{align-items:flex-start}
  .forgot-password-trigger{min-height:38px;margin:-8px 0 -8px;padding:8px 0;font-size:11px}
  .elite-account-modal{align-items:end;padding:10px}
  .elite-account-modal__panel{width:100%;max-height:min(86dvh,720px);border-radius:24px 24px 18px 18px}
  .elite-account-modal__head{grid-template-columns:minmax(0,1fr) auto;padding:20px 18px 0}
  .elite-account-modal__language{grid-column:1/2;grid-row:2;margin-top:10px;width:max-content}
  .elite-account-modal__close{grid-column:2;grid-row:1}
  .elite-account-modal__body{padding:18px 18px 6px}
  .elite-account-modal__actions{grid-template-columns:1fr;padding:14px 18px 18px}
  .elite-account-modal__button{min-height:50px}
  .sidebarBottom{grid-template-columns:1fr!important}
  .sidebarBottom .signout#logoutBtn{display:flex!important;width:100%!important;height:44px!important;min-height:44px!important;padding:0 12px!important;border-radius:13px!important;font-size:10px!important}
  .sidebarBottom .signout#logoutBtn:before{content:none!important}
}

@media(max-width:360px){
  .elite-account-modal{padding:7px}
  .elite-account-modal__head,.elite-account-modal__body,.elite-account-modal__actions{padding-left:15px;padding-right:15px}
  .elite-account-modal__language button{padding-inline:9px}
}

@media(prefers-reduced-motion:reduce){
  .forgot-password-trigger,.elite-account-modal__button,.sidebarBottom .signout#logoutBtn{transition:none!important}
}
