.account-trigger{border:1px solid rgba(125,153,231,.4);border-radius:999px;background:rgba(67,92,162,.16);color:inherit;padding:.7rem 1rem;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.account-trigger:hover,.account-trigger:focus-visible{border-color:#88a8ff;background:rgba(94,130,225,.27)}
.account-dialog{width:min(460px,calc(100vw - 28px));max-height:min(90vh,850px);padding:0;border:1px solid #53658f;border-radius:22px;color:#f3f6ff;background:#10182d;box-shadow:0 28px 100px #000a}
.account-dialog::backdrop{background:rgba(4,8,20,.78);backdrop-filter:blur(7px)}
.account-panel{position:relative;padding:clamp(22px,5vw,36px);overflow:auto;max-height:90vh}
.account-close{position:absolute;inset-inline-end:20px;top:15px;border:0;background:transparent;color:inherit;font-size:2rem;cursor:pointer}
.account-eyebrow{color:#9cb5ff;font:700 .75rem Manrope,sans-serif;letter-spacing:.14em}
.account-panel h2{font-size:2rem;line-height:1.2;margin:.7rem 0}.account-panel h3{margin-top:1.8rem}.account-panel p{color:#c9d3e9;line-height:1.6}
.account-panel form{display:grid;gap:1rem;margin-top:1.6rem}.account-panel label{display:grid;gap:.4rem;font-weight:700}.account-panel input{width:100%;min-height:48px;padding:.7rem .9rem;border-radius:10px;border:1px solid #65779f;background:#18223a;color:#fff;font:inherit}
.account-panel input:focus{outline:2px solid #8aa7ff;outline-offset:2px}.account-panel small{color:#bac8e5;line-height:1.5}
.account-submit{min-height:50px;border:0;border-radius:12px;background:#8ca8ff;color:#07112b;font:inherit;font-weight:800;cursor:pointer}.account-submit:disabled{opacity:.6}
.account-status{min-height:1.3em;margin:0!important;color:#b8ebd4!important}
.account-status[data-state=error]{color:#ff7474!important;font-weight:700}
html[data-theme=light] .account-status[data-state=error]{color:#ba182d!important}
.account-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.3rem}.account-links button,.account-signout{background:none;border:0;color:#aec5ff;text-decoration:underline;font:inherit;cursor:pointer}
.account-orders{display:grid;gap:.6rem}.account-orders a{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid #52658f;border-radius:10px;color:inherit;text-decoration:none}.account-orders span{color:#c9d3e9}
[data-theme="light"] .account-dialog{background:#fff;color:#14223f;border-color:#bac8df}[data-theme="light"] .account-panel p,[data-theme="light"] .account-orders span{color:#415270}[data-theme="light"] .account-panel input{background:#f2f5fb;color:#12203c;border-color:#9aaaca}

@media(max-width:680px){.account-orders a{flex-direction:column}.header-controls .account-trigger{padding:.45rem .7rem;font-size:.8rem;min-height:42px}}

.account-panel .account-profile{display:grid;gap:3px;padding:14px 16px;margin:18px 0 4px;border:1px solid var(--border);border-radius:14px;background:rgba(59,134,255,.1)}
.account-profile strong{font-size:1.05rem}.account-profile span{font:500 .87rem/1.5 Manrope,Tajawal,sans-serif;color:var(--muted);overflow-wrap:anywhere;text-align:start}
.account-orders a{align-items:flex-start;border-color:var(--border);background:rgba(59,134,255,.065)}
.account-orders a strong{min-width:0;overflow-wrap:anywhere}.account-orders a span{max-width:58%;font-size:.85rem;line-height:1.5;text-align:end}
.account-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--border)}
.account-settings button{padding:8px 0;background:none;border:0;color:var(--accent-ink);font:700 .9rem var(--font);cursor:pointer}
.account-settings button:hover{text-decoration:underline;text-underline-offset:4px}
.account-created{text-align:center;padding:38px 30px 32px}
.account-created h2{margin:15px 0}.account-created p{max-width:370px;margin:0 auto 23px}
.account-created .account-submit{width:100%;max-width:320px}
[data-theme=light] .account-orders a,[data-theme=light] .account-profile{background:#f0f6ff}
@media(max-width:680px){.account-orders a span{max-width:none;text-align:start}.account-created{padding:32px 22px}}

/* A single scrollbar belongs to the account panel; the dialog frame never scrolls. */
.account-dialog{overflow:hidden;max-height:min(90dvh,850px);box-sizing:border-box}
.account-panel{max-height:min(90dvh,850px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:680px){.account-dialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.account-panel{max-height:calc(100dvh - 24px);padding:24px 20px}}

.account-choice-actions{display:grid;gap:12px;margin-top:28px}.account-choice-actions button{width:100%;min-height:54px}.account-choice-existing{border:1px solid #7893c4;border-radius:12px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}.account-choice-existing:hover,.account-choice-existing:focus-visible{background:rgba(110,145,230,.16)}
.account-signup-existing{display:block;width:100%;min-height:50px;margin-top:20px}.account-signup-existing + form{margin-top:20px}

.password-reset-page,.password-reset-page *{box-sizing:border-box}
.password-reset-page{min-height:100vh;min-height:100dvh;margin:0;padding:clamp(16px,4vw,32px);display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#17346c,#071126 62%);color:#f3f6ff;font-family:Tajawal,Arial,sans-serif}
.password-reset-card{width:100%;max-width:460px;min-width:0;padding:clamp(22px,6vw,36px);border:1px solid #53658f;border-radius:22px;background:#10182d;box-shadow:0 24px 70px #0006}
.password-reset-brand{display:block;width:max-content;max-width:100%;margin-bottom:24px;color:#d9e6ff;text-decoration:none;font:800 1.25rem Manrope,Arial,sans-serif}
.password-reset-card h1{margin:10px 0;font-size:clamp(1.55rem,6vw,2rem);line-height:1.3}
.password-reset-intro{margin:0;color:#c9d3e9;line-height:1.7}
.password-reset-card form{display:grid;gap:16px;margin-top:24px}
.password-reset-card label{display:grid;gap:8px;font-weight:700}
.password-reset-card input{display:block;width:100%;min-width:0;min-height:50px;padding:12px 14px;border:1px solid #65779f;border-radius:10px;background:#18223a;color:#fff;font:inherit;font-size:16px}
.password-reset-card input:focus{outline:2px solid #8aa7ff;outline-offset:2px}
.password-reset-card .account-submit{width:100%;font:800 1rem Tajawal,Arial,sans-serif}
.password-reset-home{display:inline-block;margin-top:22px;color:#aec5ff;text-decoration:none}
.password-reset-home:hover{text-decoration:underline}
@media(max-width:480px){.password-reset-page{place-items:center stretch;padding:16px}.password-reset-card{max-width:none;padding:24px 20px;border-radius:18px}}