.customer-auth-slot,.customer-actions{display:flex;align-items:center}
.customer-actions{gap:6px}
.nav-actions .account-trigger{width:42px;height:42px;padding:0;border-radius:50%;border:1px solid #ffffff14;background:#ffffff05;color:#cecdd2;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;flex-shrink:0}
.nav-actions .account-trigger-profile{background:linear-gradient(135deg,#18c7b326,#3764ff29);color:#9bddd7;border-color:#6cd9d72a}
.nav-actions .account-trigger:hover,.nav-actions .account-trigger[data-popup-open],.nav-actions .account-trigger:focus-visible{background:#17c4b31d;color:#9ff0e4;border-color:#57d9cc62;box-shadow:0 0 20px #19bbaa0b}
.account-popover{width:350px;max-width:calc(100vw - 24px);max-height:min(740px,var(--available-height));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;gap:0;padding:0;border:1px solid #8ab4c02b;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#183b3a66,transparent 48%),#101d2bd1;color:#f1f4f5;box-shadow:0 24px 80px #0006,inset 0 1px 0 #ffffff12;backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%);font-family:Vazirmatn,Arial,sans-serif;font-size:14px;line-height:1.8;isolation:isolate}
.account-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 14px}
.account-popover-heading [data-slot=popover-title]{font-size:16px;font-weight:700}
.account-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;color:#a8b1b8;background:#ffffff07}
.account-close:hover{background:#ffffff13;color:white}
.account-identity{display:flex;align-items:center;gap:14px;padding:4px 22px 18px}
.account-avatar{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:17px;color:#a3eee1;background:linear-gradient(135deg,#19c8b42b,#355efa30);border:1px solid #79ddd32d;box-shadow:inset 0 0 20px #19c7ad07}
.account-identity>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.account-identity strong{font-size:18px;font-weight:600;overflow-wrap:anywhere}
.account-identity span:not(.account-avatar){font-size:12px;color:#91a0a5}
.account-contact{display:flex;flex-direction:column;gap:9px;padding:15px;margin:0 22px 18px;background:linear-gradient(125deg,#ffffff06,#ffffff02);border:1px solid #ffffff0d;border-radius:12px}
.account-contact>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.account-contact dt{font-size:12px;color:#94a0a6;flex-shrink:0}
.account-contact dd{font-size:13px;color:#d0d9dd;margin:0;overflow-wrap:anywhere;min-width:0}
.account-menu-group{padding:8px 10px;border-top:1px solid #ffffff0b}
.account-menu-row{display:flex;align-items:center;gap:13px;width:100%;min-height:52px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#e0e5e8;text-align:start;font-size:14px;line-height:1.8}
button.account-menu-row:hover{background:#ffffff06}
.account-row-icon{display:grid;place-items:center;flex-shrink:0;color:#76c7c4}
.account-menu-row>span:nth-child(2){flex:1}
.account-menu-row>small{font-size:12px;white-space:nowrap;padding:1px 7px;background:#ffffff04;border:1px solid #ffffff08;border-radius:5px;color:#9ca9b2}
.account-menu-row.is-unavailable{color:#b2bbc1}
.account-menu-row.is-unavailable .account-row-icon{color:#81989f}
.account-chevron{margin-inline-start:auto;color:#7e9298}
[dir=ltr] .account-chevron{transform:rotate(180deg)}
.account-signout{color:#ffaeaa}
.account-signout .account-row-icon{color:#e1a4a1}
.account-error{color:#ffc2b9;font-size:14px;margin:6px 12px 12px;line-height:1.9}
.account-wallet-heading{display:flex;align-items:center;gap:12px;padding:3px 22px 12px}
.account-wallet-heading strong{font-weight:500;font-size:14px}
.account-wallet-content{margin:0 20px 18px;padding:15px;border:1px solid #ffffff0d;border-radius:12px;background:#ffffff03}
.account-loading{display:flex;align-items:center;gap:10px;color:#b8c8ce;margin:0;font-size:14px;min-height:65px}
.account-wallet-state p{font-size:14px;margin:0 0 7px;color:#e0e8eb}
.account-wallet-state>span{display:block;color:#98a8af;font-size:13px;line-height:1.9}
.account-wallet-state>button{display:flex;align-items:center;gap:6px;margin-top:10px;padding:0;background:none;border:0;color:#88dfd4;font-size:14px}
.account-address-list{display:flex;flex-direction:column;gap:16px;max-height:230px;overflow:auto;scrollbar-width:thin}
.account-address{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.account-address+.account-address{border-top:1px solid #ffffff0e;padding-top:14px}
.account-address>span{color:#8eddd4;font-size:13px}
.account-address code{font-size:13px;overflow-wrap:anywhere;user-select:all;color:#d9e3e6}
.account-copy{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:12px;background:none;border:0;padding:3px 0;color:#a6b8bf;width:fit-content}
.account-copy:hover{color:#99e8d8}
.account-transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:12px 16px}
.account-transfer-grid .account-menu-row{display:grid;grid-template-columns:22px 1fr;gap:4px 9px;padding:8px;font-size:14px}
.account-transfer-grid .account-menu-row small{grid-column:2;width:fit-content;border:0;padding:0;background:none;font-size:12px;color:#82969e}
.account-popover-notifications{width:420px}
.account-notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 22px;padding:6px 0 14px;border-bottom:1px solid #ffffff0c;color:#96a5ae}
.account-notification-toolbar button{display:flex;align-items:center;gap:6px;background:none;border:0;padding:3px 0;color:#82d8d0;font-size:14px}
.account-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 30px 46px}
.account-empty-icon{width:68px;height:68px;display:grid;place-items:center;color:#83c5cc;background:linear-gradient(140deg,#10b5a413,#315ff719);border:1px solid #84c8da20;border-radius:23px;margin-bottom:20px}
.account-empty h3{font-size:16px;font-weight:500;line-height:1.9;margin:0 0 9px}
.account-empty p{font-size:14px;line-height:2;color:#98a8b2;margin:0;max-width:290px}
.account-notifications-dialog{max-width:540px!important;background:#14181c!important}
.account-spinner{animation:account-spin 1s linear infinite}
@keyframes account-spin{to{transform:rotate(360deg)}}
@media(min-width:761px) and (max-width:1200px){.site-nav:has(.customer-actions){gap:18px;width:calc(100% - 48px)}.site-nav:has(.customer-actions) nav{gap:17px}.site-nav:has(.customer-actions) .language{display:none}.site-nav:has(.customer-actions) .app-button{padding:10px}.site-nav:has(.customer-actions) .nav-actions{gap:8px}}
@media(min-width:761px) and (max-width:950px){.site-nav:has(.customer-actions) .app-button{display:none}}
@media(max-width:760px){.customer-actions{gap:3px}.nav-actions .account-trigger{height:38px;width:38px}.site-nav:has(.customer-actions){gap:12px}.site-nav:has(.customer-actions) .nav-actions{gap:7px}.account-popover{border-radius:18px;max-height:min(700px,var(--available-height))}}
@media(max-width:390px){.nav-actions .account-trigger{height:34px;width:34px}.site-nav:has(.customer-actions){width:calc(100% - 28px);gap:8px}.site-nav.island:has(.customer-actions){padding-inline:14px}.site-nav:has(.customer-actions) .brand-wordmark{max-width:90px}.account-popover-heading{padding-inline:18px}.account-identity{padding-inline:18px}.account-contact{margin-inline:18px}}
@media(prefers-reduced-motion:reduce){.nav-actions .account-trigger,.account-popover{transition:none;animation:none}.account-spinner{animation:none}}
.nav-actions .account-trigger{display:flex;align-items:center;justify-content:center;position:relative}
.account-unread-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#17c9ac;box-shadow:0 0 9px #16c6b277}
a.account-identity:hover strong,a.account-menu-row:hover{color:#9ee7da}
a.account-menu-row:hover{background:#ffffff06}
.account-notification-toolbar a{display:flex;align-items:center;gap:6px;color:#82d8d0}
.account-message-list{max-height:430px;overflow:auto;padding:0 22px}
.account-message-list>a{display:block;padding:19px 0;border-bottom:1px solid #ffffff10;position:relative}
.account-message-list time{font-size:12px;color:#899ca5}.account-message-list strong{display:block;font-size:14px;margin:7px 0}.account-message-list p{font-size:14px;color:#b2bcc1;margin:0}
.account-message-list .unread:before{content:'';position:absolute;inset-inline-end:0;top:25px;background:#1dccb5;width:5px;height:5px;border-radius:50%}
.site-nav .nav-actions .app-icon-only{width:42px;height:42px;padding:0;border-radius:50%;background:#ffffff08;border:1px solid #ffffff20;color:#e5e9eb;display:flex}
.site-nav .nav-actions .app-icon-only>span{display:none}
@media(max-width:760px){.site-nav .nav-actions .app-icon-only{height:34px;width:34px}.site-nav:has(.customer-actions) .nav-actions{gap:5px}}

/* Shared photo/initial treatment across navigation and account views. */
.user-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;background:linear-gradient(135deg,#1dcbb526,#3d67ef24);color:#a3eee1}
.user-avatar [data-slot=avatar-image]{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.user-avatar [data-slot=avatar-fallback],.account-identity .user-avatar [data-slot=avatar-fallback]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:transparent;color:inherit;font:inherit;font-weight:600}
.account-trigger-avatar{height:30px;width:30px;border-radius:50%;font-size:17px}
.user-avatar.account-avatar{width:54px;height:54px;border-radius:17px;font-size:25px}
html[data-theme=light] .user-avatar{color:#146456;background:linear-gradient(135deg,#d9f4ef,#e7ecff)}