/* Account Hub layout and component styles have one owner. */
#page-account{--ac-ink:var(--t-hi,#302b31);--ac-muted:var(--t-mid,#6d626b);--ac-line:var(--edge,#e5dce2);--ac-brand:var(--indigo,#8e2333);--ac-soft:var(--paper,#f5f3f4);--ac-welcome:linear-gradient(135deg,#8e2333 0%,#6c317f 52%,#4b4a99 100%);--ac-welcome-text:#fff;--ac-welcome-muted:rgba(255,255,255,.88);--ac-raised:6px 6px 14px var(--sh-d,rgba(72,62,70,.13)),-6px -6px 14px var(--sh-l,#fff);--ac-pressed:inset 3px 3px 7px var(--sh-d,rgba(72,62,70,.13)),inset -3px -3px 7px var(--sh-l,#fff);background:var(--off-white,#faf8f9);color:var(--ac-ink);padding:120px 0 112px;min-height:100dvh;font-size:15px;line-height:1.6}
#page-account *{box-sizing:border-box}
#page-account>.container{max-width:1280px;margin:auto;padding-inline:24px}
#page-account .account-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;align-items:start}
#page-account :is(.account-content,.account-panel,.account-sidebar,.account-identity,.aw-profile-copy){min-width:0}
#page-account .account-sidebar{padding:16px;background:var(--paper,#f5f3f4);border:1px solid var(--ac-line);border-radius:20px;box-shadow:var(--ac-raised);position:static}
#page-account .account-profile-top{display:flex;align-items:center;gap:12px;padding:8px 0 20px;border-bottom:1px solid var(--ac-line)}
#page-account :is(.account-name,.account-email,.aw-name,.aw-email,.order-id,.order-items,.ret-oid,.ret-meta){overflow-wrap:anywhere;white-space:normal}
#page-account :is(.account-avatar,.aw-avatar){display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#f4e6eb;color:var(--ac-brand);font-weight:700}
#page-account :is(.account-overline,.account-nav-heading){font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ac-muted)}
#page-account .account-name{font-weight:700;font-size:16px}
#page-account .account-email{font-size:12px;color:var(--ac-muted)}
#page-account .account-nav-heading{margin:20px 12px 8px}
#page-account .account-nav{display:flex;flex-direction:column;gap:4px;margin:0}
#page-account .account-nav-item{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:56px;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;color:var(--ac-ink);font:inherit;cursor:pointer}
#page-account .account-nav-item:hover{background:var(--ac-soft)}
#page-account .account-nav-item.active{background:linear-gradient(135deg,#daefe6,#edf6f1);color:#285440;border-color:#a6c9b8;box-shadow:var(--ac-pressed)}
#page-account .nav-ico{display:grid;place-items:center;flex:none;width:24px;height:24px;font-size:20px}
#page-account .mobile-rail-icon{display:none}
#page-account .account-nav-copy{flex:1;min-width:0}
#page-account .account-nav-copy strong{display:block;white-space:normal;font-size:13px;line-height:1.4}
#page-account .account-nav-copy small{display:block;font-size:11px;color:var(--ac-muted)}
#page-account :is(.account-nav-arrow,.account-nav-count){flex:none;font-size:12px}
#page-account .account-nav-count{padding:2px 7px;border-radius:20px;background:#fff9;max-width:65px;overflow-wrap:anywhere}
#page-account .account-signout-wrap{border-top:1px solid var(--ac-line);padding-top:8px;margin-top:12px}
#page-account .account-nav-signout{color:#a52c3e}
#page-account .account-mobile-picker{display:none}
#page-account .account-content{display:flex;flex-direction:column;gap:24px}
#page-account .account-welcome{padding:24px;border-radius:20px;background:var(--ac-welcome);color:var(--ac-welcome-text);display:grid;gap:24px;box-shadow:0 14px 30px rgba(102,49,105,.22),inset 1px 1px 0 #ffffff40}
#page-account .aw-profile-line{display:flex;gap:12px;align-items:center}
#page-account .aw-avatar{background:#ffffff26;color:#fff;box-shadow:inset 1px 1px 0 #ffffff50,0 4px 12px #210d3526}
#page-account .aw-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ac-welcome-muted)}
#page-account .aw-eyebrow-pill{padding:2px 8px;border:1px solid #ffffff60;border-radius:20px;font-size:10px;color:var(--ac-welcome-muted)}
#page-account .aw-email{font-size:13px;margin-top:4px;color:var(--ac-welcome-muted)}
#page-account .aw-email-icon{margin-right:6px}
#page-account .aw-name{font-size:clamp(24px,2.4vw,32px);line-height:1.25;letter-spacing:-.025em;margin:20px 0 8px;color:var(--ac-welcome-text)}
#page-account .aw-sub{margin:0;color:var(--ac-welcome-muted);font-size:14px}
#page-account .aw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#page-account .aw-stat{display:flex;gap:12px;align-items:flex-start;min-width:0;padding:16px;border:1px solid #ffffff50;border-radius:14px;background:#ffffff1f;box-shadow:inset 1px 1px 0 #ffffff26,0 4px 12px #210d351a;color:var(--ac-welcome-text);text-align:left;font:inherit;cursor:pointer}
#page-account .aw-stat:hover{background:#ffffff30}
#page-account .aw-stat>span:nth-child(2){display:grid;min-width:0;gap:4px}
#page-account .aw-stat-icon{font-size:20px;flex:none}
#page-account .aw-stat-val{color:var(--ac-welcome-text);font-size:24px;font-weight:700;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#page-account .aw-stat-lbl{font-size:13px;font-weight:600}
#page-account .aw-stat-note{font-size:11px;color:var(--ac-welcome-muted);line-height:1.4}
#page-account .account-panel{display:none;padding:24px;border:1px solid var(--ac-line);border-radius:20px;background:var(--paper,#f5f3f4);box-shadow:var(--ac-raised);height:auto;max-height:none;overflow:visible}
#page-account .account-panel.active{display:block}
#page-account .account-panel-title{font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.02em;margin:0 0 8px;scroll-margin-top:120px;color:var(--ac-ink)}
#page-account .account-section-copy{font-size:14px;margin:0 0 24px;color:var(--ac-muted)}
#page-account :is(button,a,input,select,textarea):focus-visible{outline:3px solid #926184;outline-offset:3px}
#page-account :is(button,.btn-outline,.btn-primary,.btn-secondary){min-height:44px;white-space:normal;line-height:1.4;max-width:100%}
#page-account .account-panel :is(button,.btn-outline,.btn-primary,.btn-secondary){padding:10px 16px;border-radius:12px;font-size:14px}
#page-account :is(.auth-input,.promo-input,select,textarea){min-height:44px;width:100%;max-width:100%;min-width:0;border:1px solid #cfc2cb;border-radius:10px;padding:12px;font:inherit;background:#fff;color:var(--ac-ink)}
#page-account :is(.auth-label,.account-field-label){display:block;font-size:13px;font-weight:600;margin-bottom:8px}
#page-account .auth-form-group{min-width:0;margin-bottom:16px}
#page-account .profile-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#page-account .profile-form{padding:0;background:transparent;box-shadow:none;border:0}
#page-account fieldset{border:0;min-width:0;padding:0;margin:0 0 24px}
#page-account legend{font-size:16px;font-weight:700;margin-bottom:16px}
#page-account :is(small,#profileSaveStatus,#accountPrivacyStatus){font-size:13px;color:var(--ac-muted)}
#page-account .auth-input[readonly]{background:#f6f2f5}
#page-account .account-tracking-form{max-width:100%}
#page-account .promo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
#page-account .account-field-label{grid-column:1/-1;margin:0}
#page-account #trackResult{overflow-wrap:anywhere}
#page-account .order-card{border:1px solid var(--ac-line);border-radius:16px;background:var(--paper,#f5f3f4);box-shadow:var(--ac-raised);margin:0 0 16px;overflow:visible}
#page-account :is(.order-header,.order-footer){display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:transparent}
#page-account .order-header{border-bottom:1px solid var(--ac-line);align-items:start}
#page-account .order-header>div{min-width:0;flex:1 1 160px}
#page-account .order-id{font-size:14px;font-weight:700}
#page-account .order-date{font-size:12px;color:var(--ac-muted);margin-top:4px}
#page-account .order-status{font-size:12px;line-height:1.4;padding:4px 10px;border-radius:20px;background:#f5ecda;color:#705321;max-width:100%}
#page-account .order-status.delivered{background:#e9f4eb;color:#275e39}
#page-account .order-items{padding:16px;font-size:14px;line-height:1.7}
#page-account .order-card>div:not(.order-header):not(.order-items):not(.order-footer){margin-inline:16px}
#page-account .order-footer{border-top:1px solid var(--ac-line);margin-top:12px}
#page-account .order-total{font-size:20px;overflow-wrap:anywhere;min-width:0}
#page-account .order-actions{display:flex;flex-wrap:wrap;gap:8px}
#page-account .account-invoices-mobile{display:none}
#page-account .account-invoice-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
#page-account .account-invoice-table :is(th,td){padding:12px 8px;border-bottom:1px solid var(--ac-line);text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
#page-account .account-invoice-table :is(th,td):nth-child(3){text-align:right}
#page-account .account-invoice-table .invoice-btn{margin-bottom:8px}
#page-account .no-orders{padding:24px 0;text-align:center}
#page-account .no-orders-ico{font-size:32px}
#page-account .no-orders p{margin:8px 0 16px}
#page-account #panel-privacy>label{display:flex;align-items:center;gap:12px;line-height:1.5}
#page-account input[type=checkbox]{appearance:auto;flex:none;width:22px;height:22px;min-height:22px;accent-color:var(--ac-brand)}
#page-account #panel-privacy>button{margin:0 8px 8px 0}
#page-account .account-danger{border-top:1px solid #e5c9cf;margin-top:32px;padding-top:24px}
#page-account .account-danger h3{font-size:18px;color:#962c40;margin:0 0 8px}
#page-account .account-danger p{font-size:14px;line-height:1.7;margin-bottom:16px}
#page-account :is(#privacySendCode,#privacyConfirmDelete){color:#962c40;border:1px solid #d5a4b0;background:#fff}
#page-account :is(.ret-card,.ret-empty){min-width:0;max-width:100%;overflow-wrap:anywhere}
#page-account .ret-head{flex-wrap:wrap;gap:12px}
#page-account .ret-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#page-account .ret-item{align-items:start;white-space:normal}
#page-account .vita-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}
#page-account .vita-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#page-account .vita-stats>div{min-width:0;overflow-wrap:anywhere}
#page-account .vita-prog-top{flex-wrap:wrap;gap:8px}
#page-account .vita-hist{max-height:none;overflow:visible}
#page-account .vita-hist table{width:100%;table-layout:fixed}
#page-account .vita-hist td{overflow-wrap:anywhere;white-space:normal}
body:has(#page-account.active) .vita-help-fab{position:static;width:max-content;max-width:calc(100% - 32px);margin:16px 16px 16px auto}
body:has(#page-account.active) #waChatPopup{bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px)}
@media(max-width:1000px){
#page-account .account-layout{grid-template-columns:minmax(0,1fr);gap:16px}
#page-account .account-content{display:contents}
#page-account .account-welcome{grid-row:1}
#page-account .account-sidebar{grid-row:2}
#page-account .account-panel.active{grid-row:3}
#page-account :is(.account-profile-top,.account-nav-heading){display:none}
#page-account .account-mobile-picker{display:block}
#page-account .account-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:12px;border:1px solid var(--ac-line);border-radius:12px;background:var(--paper,#f5f3f4);box-shadow:var(--ac-pressed);color:var(--ac-ink);font:inherit;text-align:left}
#page-account .account-nav{display:none;margin-top:8px}
#page-account .account-nav.account-menu-open{display:flex}
#page-account .account-nav-copy small{display:none}
#page-account .account-nav-item{min-height:48px}
#page-account .account-signout-wrap{margin-top:8px;padding-top:8px}
}
@media(max-width:900px){
#page-account .account-invoices-desktop{display:none}
#page-account .account-invoices-mobile{display:grid;gap:16px}
#page-account .account-invoice-card{border:1px solid var(--ac-line);border-radius:14px;padding:16px;min-width:0}
#page-account .account-invoice-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
#page-account .account-invoice-card dt{font-size:12px;color:var(--ac-muted)}
#page-account .account-invoice-card dd{font-size:14px;font-weight:600;margin:4px 0 0;overflow-wrap:anywhere}
#page-account .account-invoice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#page-account .account-invoice-actions button{flex:1 1 100px}
}
@media(max-width:600px){
#page-account{padding-top:112px;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
#page-account>.container{padding-inline:12px}
#page-account :is(.account-panel,.account-welcome){padding:16px;border-radius:16px}
#page-account .account-sidebar{padding:8px;border-radius:16px}
#page-account .aw-stats{gap:8px}
#page-account .aw-stat{display:block;padding:12px 8px}
#page-account .aw-stat-icon{display:none}
#page-account .aw-stat-val{font-size:20px}
#page-account .aw-stat-lbl{font-size:12px}
#page-account .aw-stat-note{display:none}
#page-account .account-panel-title{font-size:20px}
#page-account .profile-row{grid-template-columns:minmax(0,1fr);gap:0}
#page-account .auth-input{font-size:16px}
#page-account .order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
#page-account .order-actions button{width:100%;padding:10px 8px}
#page-account .vita-hero{padding:16px}
#page-account .vita-stats{font-size:12px;gap:8px}
#page-account .vita-hist table,#page-account .vita-hist tbody{display:block}
#page-account .vita-hist thead{display:none}
#page-account .vita-hist tr{display:grid;grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--ac-line);padding-block:12px}
#page-account .vita-hist td{display:flex;justify-content:space-between;gap:12px;text-align:left}
#page-account .vita-hist td::before{content:attr(data-label);font-weight:600;color:var(--ac-muted)}
}
@media(max-width:360px){#page-account .promo-row{grid-template-columns:minmax(0,1fr)}#page-account .promo-row button{width:100%}}
@media(prefers-reduced-motion:reduce){#page-account *,#page-account *::before,#page-account *::after{animation:none;transition:none;scroll-behavior:auto}}
.android-install-guide{margin-top:16px;padding:16px;border:1px solid var(--edge);border-radius:14px}