/* Account center: profile summary and full settings drawer */
.account-summary{max-width:500px;margin:0 auto;padding:22px!important;text-align:left!important;border:1px solid #29364a;border-radius:20px;background:linear-gradient(145deg,#111b2b,#0d1522)}
.account-overview-head{display:flex;align-items:center;gap:14px;text-align:left}
.account-overview-head .profile-avatar-large{flex:none!important;margin:0!important;width:58px!important;height:58px!important}
.account-overview-head h3{margin:0 0 5px!important;font-size:18px}
.account-overview-head p{font-size:12px!important;overflow-wrap:anywhere}
.account-summary .account-overview-balance{display:flex;align-items:center;justify-content:space-between;margin:20px 0 14px;padding:13px 15px;border:1px solid #ffffff12;border-radius:13px;background:#080e18}
.account-overview-balance small{color:#93a1b2;font-size:11px}
.account-summary .account-overview-balance strong{margin:0!important;font-size:18px!important}
.account-summary .account-settings-open{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:1px solid #ff914d40;border-radius:14px;background:#ff914d10;color:#f8fafc;text-align:left}
.account-settings-open span b,.account-settings-open span small{display:block}
.account-settings-open span b{font-size:13px;color:#ffd09b}
.account-settings-open span small{margin-top:4px;color:#93a1b2;font-size:10px}
.account-settings-open> b{font-size:24px;color:#ffbd83}
.account-summary .account-logout,.account-settings-card .account-logout{display:block;width:100%;margin-top:12px;padding:11px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff05;color:#bdc7d5;font-size:11px}
.account-settings-modal{z-index:130}
.account-settings-card{width:min(920px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px}
.account-settings-card>.ops-close{position:sticky;float:right;top:0;z-index:2}
.account-settings-card h2{margin:10px 0 4px;font-size:27px}
.account-settings-card>.settings-intro{margin:0 0 20px;color:#93a1b2;font-size:12px}
.settings-profile{display:flex;align-items:center;gap:14px;margin:16px 0;padding:15px;border:1px solid #ffffff12;border-radius:15px;background:#080e18}
.settings-profile .profile-avatar-large{flex:none!important;margin:0!important}
.settings-profile>div{min-width:0;flex:1}
.settings-profile>div b,.settings-profile>div span{display:block;overflow-wrap:anywhere}
.settings-profile>div b{font-size:14px}
.settings-profile>div span{margin-top:4px;color:#93a1b2;font-size:11px}
.settings-profile>strong{color:#ffd09b;font-size:18px}
.settings-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 18px}.settings-actions>#notifications-open{padding:12px 15px;border:1px solid #ffffff14;border-radius:13px;background:#ffffff05;color:#cbd5e1;font-size:11px;cursor:pointer}.settings-actions>#notifications-open span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:999px;background:#ff914d18;color:#ffd09b}
.settings-actions .loyalty-peek{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px 12px;width:100%;padding:13px 15px;border:1px solid #ff914d38;border-radius:14px;background:linear-gradient(110deg,#ff914d13,#f2c86c08);color:#f8fafc;text-align:left;cursor:pointer}
.settings-actions .loyalty-peek>span{grid-row:span 2;color:#ffd09b;font-size:23px}
.settings-actions .loyalty-peek>b{font-size:13px}
.settings-actions .loyalty-peek>strong{grid-column:3;grid-row:1 / span 2;color:#ffd09b;font-size:15px}
.settings-actions .loyalty-peek>small{grid-column:2;color:#93a1b2;font-size:10px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}
.settings-section{min-width:0;padding:17px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff04}
.settings-section-heading{margin-bottom:12px}
.settings-section-heading b,.settings-section-heading small{display:block}
.settings-section-heading b{font-size:14px}
.settings-section-heading small{margin-top:4px;color:#93a1b2;font-size:10px;line-height:1.5}.settings-password-toggle{margin-top:11px;padding:9px 12px;border:1px solid #ff914d40;border-radius:10px;background:#ff914d10;color:#ffd09b;font-size:11px;cursor:pointer}
.settings-section .avatar-editor{margin:0;padding:0;border:0;background:none}
.settings-section .avatar-editor-head{align-items:flex-start}
.settings-section .avatar-editor-head>div:first-child{display:none}
.settings-section .avatar-gender-tabs{width:100%}
.settings-section .avatar-gender-tabs button{flex:1}
.settings-section .avatar-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:13px 0}
.settings-section .avatar-picker button{width:auto;height:auto;aspect-ratio:1;border-radius:14px;background:#101827}
.settings-section .avatar-picker button img{width:100%;height:100%;border-radius:11px;object-fit:cover}
.settings-section #avatar-status{display:block;min-height:16px;color:#93a1b2;font-size:10px}
.settings-section .account-aux-form[hidden]{display:none}
.settings-section .account-aux-form label{display:block;margin:12px 0;color:#a7b1c1;font-size:11px}
.settings-section .account-aux-form input{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #253247;border-radius:10px;background:#09101b;color:#eef2f8}
.settings-section .account-aux-form .submit-order{width:100%;margin-top:4px}
.settings-email-note{margin-top:20px;padding:13px;border:1px solid #ffffff12;border-radius:12px;background:#080e18}
.settings-email-note span,.settings-email-note b,.settings-email-note small{display:block}
.settings-email-note span{color:#93a1b2;font-size:10px}
.settings-email-note b{margin-top:4px;font-size:12px;overflow-wrap:anywhere}
.settings-email-note small{margin-top:7px;color:#7f8ca2;font-size:9px;line-height:1.5}
.profile-avatar.has-avatar-image{overflow:hidden}
.profile-avatar.has-avatar-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(max-width:760px){.account-settings-card{width:100%;height:100dvh;max-height:100dvh;padding:22px 16px;border:0;border-radius:0}.settings-grid{grid-template-columns:1fr}.settings-profile{align-items:flex-start;flex-wrap:wrap}.settings-profile>strong{margin-left:auto}.settings-section .avatar-picker{gap:7px}.settings-actions{grid-template-columns:1fr}.settings-actions>#notifications-open{text-align:left}}

/* Reference-matched account popover opened from the topbar account chip. */
#account-modal.show:has(#account-summary:not([hidden])){display:block;place-items:initial;pointer-events:auto;z-index:140}
#account-modal.show:has(#account-summary:not([hidden]))>.ops-backdrop{background:transparent;backdrop-filter:none}
#account-modal .auth-card:has(#account-summary:not([hidden])){position:absolute;top:72px;right:22px;display:block;width:min(358px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 86px);min-width:0;max-width:calc(100vw - 24px);overflow:auto;padding:0;border:1px solid #292c36;border-radius:20px;background:#121319;box-shadow:0 20px 70px #0009}
#account-modal .auth-card:has(#account-summary:not([hidden])) .auth-side{display:block;min-height:0;overflow:visible;padding:16px}
#account-modal .auth-card:has(#account-summary:not([hidden])) .auth-welcome,
#account-modal .auth-card:has(#account-summary:not([hidden])) .auth-side>small,
#account-modal .auth-card:has(#account-summary:not([hidden])) #auth-title,
#account-modal .auth-card:has(#account-summary:not([hidden])) .auth-tabs{display:none!important}
#account-modal .auth-card:has(#account-summary:not([hidden])) .auth-side>.ops-close{position:absolute;top:13px;right:13px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#7f8490;font-size:19px}
.account-popover{max-width:none;margin:0;padding:7px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
.account-popover-head{display:flex;align-items:center;gap:11px;padding:1px 25px 16px 0}
.account-popover-head .profile-avatar-large{flex:none!important;width:44px!important;height:44px!important;margin:0!important;border-color:#384155!important;background:#242938!important}
.account-popover-head>div{min-width:0}
.account-popover-head>div>small{display:block;color:#8490a3;font-size:9px;font-weight:700;letter-spacing:.7px}
.account-popover-head h3{margin:4px 0 2px!important;color:#f5f6fa;font-size:14px!important;font-weight:800;line-height:1.2}
.account-popover-head h3 b{font:inherit}
.account-popover-head p{max-width:220px;margin:0!important;color:#8790a0!important;font-size:10px!important;overflow-wrap:anywhere}
.account-popover .account-overview-balance{margin:0 0 10px!important;padding:13px 14px!important;border:1px solid #262936!important;border-radius:13px!important;background:#171920!important}
.account-popover .account-overview-balance small{display:block;color:#8a909b;font-size:9px;font-weight:800;letter-spacing:.45px}
.account-popover .account-overview-balance strong{display:block;margin:7px 0 0!important;color:#f4f5f8!important;font-size:19px!important;font-weight:800}
.account-menu-primary{display:flex;align-items:center;gap:9px;width:100%;height:44px;margin:0 0 9px;padding:0 15px;border:0;border-radius:12px;background:#20cbaa;color:#071512;font-size:13px;font-weight:800;cursor:pointer}
.account-menu-primary>span{font-size:17px}
.account-menu-primary>b{margin-left:auto;font-size:19px}
.account-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.account-menu-grid button{display:flex;align-items:center;gap:9px;min-height:43px;padding:0 11px;border:1px solid #292b35;border-radius:11px;background:#1a1b22;color:#d9dbe2;text-align:left;font-size:11px;font-weight:700;cursor:pointer}
.account-menu-grid button:hover{border-color:#454957;background:#20222a}
.account-menu-grid button span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#252834;color:#aeb5c3;font-size:14px}
.account-menu-points{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #2b2d38;border-radius:11px;background:#181a21;color:#d7d9e0;text-align:left;cursor:pointer}
.account-menu-points>span{font-size:11px}.account-menu-points>strong{margin-left:auto;color:#b6f5e8;font-size:11px}.account-menu-points>i{font-style:normal;color:#8490a0}
.account-popover .account-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:8px 0 0!important;padding:10px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#9297a1!important;font-size:11px!important}
.account-popover .account-logout:hover{background:#ffffff08!important;color:#f0c3c3!important}
@media(max-width:760px){#account-modal .auth-card:has(#account-summary:not([hidden])){top:70px;right:12px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 80px)}#account-modal .auth-card:has(#account-summary:not([hidden])) .auth-side{padding:14px}.account-popover-head{padding-right:25px}}

#profile-edit-form{margin:20px 0}#profile-edit-form input{width:100%;box-sizing:border-box;border:1px solid #ffffff26;border-radius:10px;padding:12px;background:#141925;color:#fff;margin-top:8px}#profile-edit-form p{font-size:12px;line-height:1.6}.private-preview-banner{position:relative;z-index:99999;padding:12px 20px;background:#33264b;color:#f1e6ff;text-align:center;font:12px/1.5 sans-serif}.catalog-retry{padding:10px 15px;border:1px solid #ffffff26;border-radius:9px;color:inherit;background:transparent;margin:12px 8px 12px 0;cursor:pointer}.preview-verification{display:inline-block;padding:10px;color:#7351bb;font-weight:700}
.preview-account-start{margin:12px 0;width:100%;background:#7453ad;color:white}.announcement-board{margin:24px 0;padding:24px;border:1px solid #ffffff20;border-radius:16px}.announcement-board article+article{margin-top:16px}.announcement-board p{color:#a6a8ba;line-height:1.6}