/* Avalonpay blue. Desktop structure is preserved; phone composition is isolated. */
.av-mobile{display:none}
.av-icon{width:24px;height:24px;flex:none;display:inline-block}
.av-app .wp-sidebar-brand img,.av-app .wp-mobile-logo img{object-fit:contain}
html[data-theme=light] .av-app .wp-sidebar-brand img{content:url('/assets/avalon/wordmark-light.svg')}

html[data-theme=light] :is(.wp-public-header,.wp-public-footer) img[src$="/wordmark.svg"]{content:url('/assets/avalon/wordmark-light.svg')}

html[data-theme] .wp-landing :is(.wp-eyebrow,.wp-landing-cta){border-color:var(--border);background:color-mix(in srgb,var(--brand) 7%,var(--panel));color:var(--text)}
html[data-theme] .wp-landing .wp-eyebrow{color:var(--primary)}
html[data-theme] .wp-landing :is(.wp-public-header,.wp-public-footer,.wp-landing-strip){border-color:var(--border)}
html[data-theme] .wp-landing .wp-hero-float{background:color-mix(in srgb,var(--panel) 95%,transparent);color:var(--text);border-color:var(--border);box-shadow:0 10px 32px #0034a317}
html[data-theme] .wp-landing .wp-hero-float small{color:var(--muted)}
html[data-theme] .wp-landing .wp-landing-art::before{background:radial-gradient(ellipse,color-mix(in srgb,var(--brand) 25%,transparent),transparent 67%)}
html[data-theme] .av-app .wp-balance{background:radial-gradient(ellipse at 90% 0,#00bfe8aa,transparent 50%),linear-gradient(125deg,#063bba,#0037c2 56%,#007aee);border-color:#178afb}
html[data-theme] .av-app .wp-bank-card{background:linear-gradient(143deg,#0068dc,#092b66 30%,#07152e 65%);box-shadow:6px 8px 0 #00348c55,0 12px 22px #0005,inset 1px 1px 3px #fff7}
.av-menu{max-width:740px;margin:0 auto;color:var(--text)}
.av-menu h1{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.6px}
.av-menu-intro p{margin:3px 0 12px;color:var(--muted);font-size:15px}
.av-profile-card{display:flex;align-items:center;gap:14px;position:relative;isolation:isolate;overflow:hidden;min-height:84px;padding:12px 14px;border:1px solid #38adfc;border-radius:15px;background:radial-gradient(ellipse at 100% 5%,#00d7ecaa,transparent 55%),linear-gradient(115deg,#0744bd,#0042d0 60%,#007ae9);color:white;text-decoration:none}
.av-profile-card>img{position:absolute;width:88px;height:88px;right:4px;bottom:0;z-index:-1;opacity:.7}
.av-avatar{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;border:1.5px solid #91c9fa;background:linear-gradient(150deg,#e1f2ff,#8bb6f4);color:#073a9d;text-decoration:none;box-shadow:0 0 0 3px #ffffff0a;overflow:hidden}
.av-avatar>span{font-size:15px;font-weight:700;letter-spacing:-.3px}
.av-profile-card .av-avatar{width:57px;height:57px}
.av-profile-card .av-avatar>span{font-size:21px}
.av-profile-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.av-profile-copy strong{font-size:16px;font-weight:650;line-height:1.15}
.av-profile-copy small{font-size:10px;color:#c3d8ff;line-height:1.4}
.av-profile-cta{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #6fc6ff;border-radius:24px;background:#0064d967;font-size:12px;white-space:nowrap}
.av-profile-cta .wp-icon{width:13px;height:13px}
.av-menu-section{margin-top:12px}
.av-menu-section h2{font-size:11px;letter-spacing:1.7px;font-weight:600;margin:0 0 6px 3px;color:var(--muted)}
.av-menu-list{background:var(--panel);border:1px solid var(--border);border-radius:15px;overflow:hidden}
.av-menu-group:not(:last-child){border-bottom:1px solid var(--border)}
.av-menu-group>summary{list-style:none}
.av-menu-group>summary::-webkit-details-marker{display:none}
.av-menu-group[open]>summary>.wp-icon:last-child{transform:rotate(90deg)}
.av-menu-children{padding:0 0 5px 12px;background:var(--panel-end)}
.av-menu-children .av-menu-row{min-height:40px}
.av-menu-children .av-menu-row strong{font-size:12px}
.av-session-actions{margin-top:12px}
.av-menu-row{display:flex;align-items:center;gap:19px;width:100%;min-height:42px;padding:6px 15px;position:relative;color:var(--text);text-decoration:none;background:none;border:0;text-align:left;font-family:inherit;cursor:pointer}
.av-menu-row:not(:last-child)::after{content:'';position:absolute;bottom:0;left:62px;right:15px;height:1px;background:var(--border);opacity:.65}
.av-menu-row>.av-icon,.av-menu-row>.wp-icon:first-child{width:27px;height:27px;color:#0056e9;filter:drop-shadow(0 2px 2px #0060d412)}
.av-menu-row>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.av-menu-row strong{font-weight:600;font-size:13px;line-height:1.2}
.av-menu-row small{font-size:10.5px;color:var(--muted);line-height:1.25}
.av-menu-row>.wp-icon:last-child{width:16px;height:16px;color:#3569a9;flex:none;stroke-width:1.5}
.av-menu-row.av-logout{background:#fff1f2;color:#c5263a}
.av-menu-row.av-logout>.av-icon,.av-menu-row.av-logout>.wp-icon:last-child{color:#c5263a}
.av-extra-services{margin:14px 0 4px;font-size:12px;color:var(--muted)}
.av-extra-services summary{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;padding:6px}
.av-extra-services summary::-webkit-details-marker{display:none}
.av-extra-services summary>.wp-icon{width:12px;height:12px;transform:rotate(90deg)}
.av-extra-services[open] summary>.wp-icon{transform:rotate(-90deg)}
.av-extra-services .av-menu-list{margin-top:9px}
html[data-theme=dark] .av-menu-row>.av-icon,html[data-theme=dark] .av-menu-row>.wp-icon:first-child{color:#429aff;--av-icon-line:#102747}
html[data-theme=dark] .av-menu-row.av-logout{background:#351823;color:#ff8192}
html[data-theme=dark] .av-menu-row.av-logout>.av-icon{color:#ff8192}
@media(max-width:767px){
 html[data-theme] .av-app{--av-edge:clamp(13px,3.8vw,24px);background:var(--bg);min-height:100svh;font-family:Inter,Arial,sans-serif;-webkit-tap-highlight-color:transparent}
 .av-mobile{display:block}
 .av-app :is(.wp-topbar,.wp-bottom-nav,.wp-whatsapp){display:none!important}
 .av-app .wp-app-content{margin:0!important;width:100%;min-height:100svh;height:auto!important;padding:0!important;position:relative;isolation:isolate}
 .av-app .wp-app-content::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:390px;pointer-events:none;mask-image:linear-gradient(#000 0 75%,transparent 100%);background:radial-gradient(ellipse at 105% 76%,#00ddff 0,transparent 44%),radial-gradient(ellipse at -10% 0,#0861ef,transparent 60%),linear-gradient(165deg,#003cb7 0%,#0037a7 48%,#0068e4 68%,#56c9f6 82%,var(--bg) 100%)}
 html[data-theme=dark] .av-app .wp-app-content::before{background:radial-gradient(ellipse at 110% 70%,#00b9ecbb,transparent 44%),linear-gradient(150deg,#063c9e,#052366 53%,#074c9a 73%,var(--bg) 100%)}
 .av-app .av-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:8px calc(var(--av-edge) + 3px) 8px;gap:12px;color:white;position:relative;z-index:5}
 .av-brand{display:flex;align-items:center;width:170px;max-width:48%;flex:none}
 .av-brand img{width:100%;height:auto;display:block}
 .av-header-actions{display:flex;align-items:center;gap:12px}
 .av-header-actions button,.av-notifications{border:0;background:none;color:#eaf6ff;padding:0;display:grid;place-items:center;flex:none;position:relative;cursor:pointer}
 .av-mode{width:25px;height:34px}
 .av-mode .wp-icon{width:20px;height:20px;stroke-width:1.5}
 .av-notifications{width:28px;height:36px}
 .av-notifications .wp-icon{width:27px;height:27px;stroke-width:1.4}
 .av-notifications i{position:absolute;right:1px;top:3px;background:#fb626d;border:1px solid #0a4cbb;width:7px;height:7px;border-radius:50%}
 .av-app .wp-main{display:block!important;height:auto!important;min-height:0!important;max-width:none!important;width:100%;padding:8px var(--av-edge) calc(100px + env(safe-area-inset-bottom))!important;margin:0!important}
 .av-app.wp-dashboard-page .wp-main{padding-top:0!important}
 .av-app.wp-dashboard-page .wp-main>:not(.av-home){display:none!important}
 .av-home{width:100%}
 .av-greeting{color:white;padding:6px 9px 12px}
 .av-greeting h1{font-size:clamp(19px,5.1vw,27px);line-height:1.22;font-weight:650;letter-spacing:-.4px;margin:0 0 5px;overflow-wrap:anywhere}
 .av-greeting>div{display:flex;align-items:center;justify-content:space-between;gap:5px}
 .av-greeting>div>span{font-size:clamp(10px,2.8vw,15px);color:#b9d0ff;white-space:nowrap}
 .av-greeting b{font-weight:400;padding:0 5px}
 .av-greeting a{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #3478e9;border-radius:22px;padding:7px 10px;background:linear-gradient(110deg,#144ccb88,#077dec77);color:#f0f8ff;text-decoration:none;font-size:10px;white-space:nowrap}
 .av-greeting a .wp-icon{width:14px;height:14px;stroke-width:2}
 .av-greeting a .wp-icon:last-child{width:10px}
 .av-balance{position:relative;isolation:isolate;overflow:hidden;border:1px solid #199eea;border-radius:17px;background:radial-gradient(ellipse at 100% 0%,#00d0ec 0,transparent 49%),radial-gradient(ellipse at 0 100%,#0071e4,transparent 40%),linear-gradient(112deg,#0335a5,#0037ba 66%,#0041b1);padding:17px 17px 12px;color:white;box-shadow:inset 0 1px 2px #9be4ff44,0 7px 20px #0062bb0a}
 .av-balance-mark{position:absolute;width:39%;height:auto;right:8px;top:8px;z-index:-1;opacity:.88;filter:drop-shadow(0 8px 12px #00269566)}
 .av-balance-label{display:flex;align-items:center;gap:10px;position:relative;font-size:13px;font-weight:400}
 .av-balance-label>.av-icon{width:22px;height:22px;color:#def9ff}
 .av-balance-label>button{display:grid;place-items:center;width:24px;height:24px;background:none;border:0;color:#b5daff;cursor:pointer}
 .av-balance-label>button .wp-icon{width:15px;height:15px}
 .av-balance-value{display:block;font-size:clamp(36px,10vw,56px);font-weight:700;line-height:1.17;letter-spacing:-1.2px;margin:5px 0;color:white;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
 .av-balance-caption{display:flex;align-items:center;gap:6px;color:#c9deff;text-decoration:none;font-size:11px;line-height:20px;margin-bottom:10px}
 .av-balance-caption .wp-icon{width:13px;height:13px}
 .av-balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .av-balance-actions>:is(a,button){display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 5px;border-radius:12px;background:linear-gradient(135deg,#fff,#f7faff);color:#082969;font-size:13px;font-weight:650;text-decoration:none;border:1px solid #bbd2ff;white-space:nowrap;min-height:40px;font-family:inherit;cursor:pointer}
 .av-balance-actions>:is(a,button):last-child{background:linear-gradient(#03b5f3,#0059f0);color:white;border-color:#46c6fd;font-weight:400;box-shadow:inset 0 1px 3px #9edfff66}
 .av-balance-actions .av-icon,.av-balance-actions .wp-icon{width:23px;height:23px;flex:none}
 .av-balance-actions .av-icon{color:#0046be}
 .av-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:11px 0 13px}
 .av-shortcuts>a,.av-shortcuts>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:75px;padding:12px 2px 10px;border:1px solid var(--border);border-radius:13px;background:var(--panel);color:var(--text);font-family:inherit;font-size:clamp(9px,2.62vw,15px);font-weight:500;text-decoration:none;cursor:pointer;box-shadow:0 3px 9px #204f8003}
 .av-shortcuts .av-icon,.av-shortcuts .wp-icon{color:#0059ed;width:27px;height:27px;filter:drop-shadow(0 2px 2px #008fff1f)}
 .av-shortcuts>a:nth-child(5) .av-icon{color:#008eee}
 .av-shortcuts :is(a,button):active{transform:scale(.97);background:var(--panel-end)}
 .av-rewards{position:relative;isolation:isolate;overflow:hidden;min-height:153px;border:1px solid #dae9fc;border-radius:16px;background:radial-gradient(ellipse at 65% 10%,#caeaffaa,transparent 70%),linear-gradient(130deg,#e4efff,#f2f8ff 48%,#cce4fc);padding:14px 16px;color:#051b50}
 .av-rewards-copy{position:relative;z-index:2;max-width:66%}
 .av-eyebrow{display:block;font-size:8px;letter-spacing:1.15px;font-weight:700;color:#2161ab;line-height:1.5}
 .av-rewards h2{font-size:clamp(16px,4.05vw,25px);line-height:1.13;letter-spacing:-.45px;margin:7px 0 5px;font-weight:700}
 .av-rewards p{font-size:10.5px;color:#65718a;line-height:1.38;margin:0 0 10px}
 .av-rewards a{display:inline-flex;align-items:center;gap:12px;padding:6px 15px;background:#d1e4ff;border-radius:24px;color:#1553b3;font-size:11px;font-weight:600;text-decoration:none}
 .av-rewards a .wp-icon{width:13px;height:13px}
 .av-rewards>img{position:absolute;width:46%;height:95%;object-fit:contain;object-position:center bottom;right:-3px;bottom:-5px;z-index:1}
 .av-rewards-badge{display:flex;align-items:center;gap:5px;position:absolute;z-index:3;top:11px;right:10px;border:1px solid #f4fbff88;background:#e3f3ffcc;backdrop-filter:blur(3px);padding:5px 8px;border-radius:12px;font-size:8px;line-height:1.15;color:#1955b5}
 .av-rewards-badge>span{font-size:22px;color:#0060eb}
 .av-invest{display:flex;align-items:center;width:100%;gap:10px;margin:10px 0 0;padding:12px 11px;background:var(--panel);border:1px solid var(--border);border-radius:15px;color:var(--text);text-align:left;text-decoration:none;font-family:inherit;cursor:pointer;min-height:71px}
 .av-invest-icon{display:grid;place-items:center;flex:none;width:43px;height:44px;border-radius:13px;background:#e0f3fc;color:#008eeb}
 .av-invest-icon .av-icon{width:27px;height:27px}
 .av-invest-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
 .av-invest-copy small{color:var(--muted);font-size:7px;font-weight:600;letter-spacing:1px}
 .av-invest-copy strong{font-size:11.5px;font-weight:600;letter-spacing:-.3px;line-height:1.2}
 .av-invest-copy>span{font-size:8px;line-height:1.35;color:var(--muted)}
 .av-invest-cta{display:flex;align-items:center;gap:3px;border:1px solid #477ebb;color:#1452a7;border-radius:25px;padding:6px 8px;font-size:9px;font-weight:500;white-space:nowrap}
 .av-invest-cta .wp-icon{width:11px;height:11px}
 .av-app .av-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:calc(74px + env(safe-area-inset-bottom));padding:5px 15px calc(9px + env(safe-area-inset-bottom));border:1px solid var(--border);border-bottom:0;border-radius:28px 28px 0 0;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(16px);box-shadow:0 -3px 15px #0d2b5c03}
 .av-bottom-nav>a,.av-bottom-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;border:0;padding:5px 2px;color:var(--muted);background:none;border-radius:15px;text-decoration:none;font:inherit;font-size:10px;cursor:pointer}
 .av-bottom-nav .av-icon,.av-bottom-nav>.av-icon,.av-bottom-nav>a>.wp-icon{width:26px;height:26px;filter:none}
 .av-bottom-nav .is-active{color:#0752dc;background:linear-gradient(130deg,#e0edff,#cee0fe);font-weight:600}
 .av-bottom-nav .is-active .av-icon{filter:drop-shadow(0 2px 3px #327be322)}
 .av-app.av-menu-page .wp-main{padding-top:0!important}
 .av-menu-intro{padding:0 8px;color:white}
 .av-menu-intro p{color:#b6d2ff}
 .av-menu-page .wp-app-content::before{height:230px}
 .av-app:not(.wp-dashboard-page):not(.av-menu-page) .wp-app-content::before{height:100px}
 .av-app:not(.wp-dashboard-page):not(.av-menu-page) .wp-main{padding-top:22px!important}
 .av-menu-row:hover{background:color-mix(in srgb,var(--brand) 4%,var(--panel))}
 .av-app :is(a,button):focus-visible{outline:2px solid #3b9eff;outline-offset:3px}
 html[data-theme=dark] .av-shortcuts :is(.av-icon,.wp-icon){color:#3994ff;--av-icon-line:#102747}
 html[data-theme=dark] .av-rewards{background:radial-gradient(ellipse at 80% 0,#14509688,transparent 70%),linear-gradient(120deg,#122d51,#0d203b 55%,#103b68);border-color:#26456c;color:#f4f8ff}
 html[data-theme=dark] .av-eyebrow{color:#72bcff}
 html[data-theme=dark] .av-rewards p{color:#b3c3d9}
 html[data-theme=dark] .av-rewards a{background:#1d4273;color:#d2e9ff}
 html[data-theme=dark] .av-rewards-badge{background:#17437299;color:#d4eaff;border-color:#3a5f8966}
 html[data-theme=dark] .av-invest-icon{background:#123c60;color:#49baff;--av-icon-line:#123c60}
 html[data-theme=dark] .av-invest-cta{color:#a2cfff;border-color:#527aab}
 html[data-theme=dark] .av-bottom-nav .is-active{background:linear-gradient(135deg,#16376d,#16325a);color:#6db6ff}
 html[data-theme=dark] .av-bottom-nav{--av-icon-line:#101e33}
 @media(min-width:430px){
  .av-balance{padding:20px 20px 14px}.av-balance-label{font-size:15px}.av-balance-caption{font-size:12px;margin-bottom:13px}.av-balance-actions>:is(a,button){font-size:14px;min-height:44px}.av-shortcuts>a,.av-shortcuts>button{min-height:83px}.av-shortcuts .av-icon,.av-shortcuts .wp-icon{width:30px;height:30px}.av-rewards{min-height:173px;padding:17px 18px}.av-rewards p{font-size:12px}.av-rewards a{font-size:12px}.av-invest-copy strong{font-size:13px}.av-invest-copy>span{font-size:9px}.av-menu-row{min-height:48px}.av-menu-row strong{font-size:14px}.av-menu-row small{font-size:12px}
 }
 @media(max-width:359px){
  .av-header-actions{gap:7px}.av-brand{max-width:47%}.av-avatar{width:36px;height:36px}.av-greeting{padding-left:2px;padding-right:2px}.av-greeting a{padding:6px 7px;font-size:9px}.av-balance{padding:13px 12px 10px}.av-balance-actions>:is(a,button){font-size:11px;gap:6px}.av-shortcuts{gap:7px}.av-shortcuts>a,.av-shortcuts>button{min-height:68px;font-size:8.5px}.av-rewards{padding:13px 12px}.av-rewards p{font-size:9.5px}.av-rewards-badge{right:5px;padding:6px;font-size:8px}.av-invest{gap:7px;padding:10px 8px}.av-invest-icon{width:32px;height:39px}.av-invest-copy strong{font-size:10px}.av-invest-copy>span{font-size:7px}.av-invest-cta{font-size:8px;padding:5px}.av-profile-card{gap:8px;padding:10px}.av-profile-card .av-avatar{width:42px;height:42px}.av-profile-copy strong{font-size:13px}.av-profile-copy small{font-size:8px}.av-profile-cta{font-size:10px;padding:6px}.av-menu-row{gap:15px;padding:7px 12px}
 }
}
@media(max-width:767px){
 .av-menu-intro h1{font-size:24px;line-height:1.15}
 .av-menu-intro p{font-size:14px;line-height:1.3;margin-bottom:8px}
}
@media(max-width:600px){
 .wp-landing .wp-public-header{gap:9px;padding-left:16px;padding-right:16px}
 .wp-landing .wp-public-header>.wp-public-actions{gap:5px}
 .wp-landing .wp-public-header .wp-brand{width:130px;height:36px}
 .wp-landing .wp-public-header .wp-icon-button{width:30px;height:34px;padding:5px}
 .wp-landing .wp-public-header .wp-button{padding:7px 9px;font-size:10px;min-height:34px;gap:4px}
 .wp-landing .wp-public-header .wp-button>.wp-icon{display:none}
 .wp-landing .wp-hero-cta{flex-wrap:wrap}
 .wp-landing .wp-landing-hero h1{font-size:clamp(36px,10.5vw,52px)}
 .wp-landing .wp-hero-trust{flex-wrap:wrap;row-gap:10px}
 .wp-landing .wp-landing-art>img{max-width:100%;object-fit:contain}
 .wp-landing .wp-landing-strip{flex-wrap:wrap;justify-content:center;gap:18px 25px}
 .wp-landing .wp-public-footer{justify-content:center;text-align:center;line-height:1.6}
 .wp-landing .wp-public-footer img{width:125px;height:auto}
}

/* The mobile account menu belongs to the avatar; the balance surface opens the statement. */
@media(max-width:767px){
 .av-account-menu{position:relative;flex:none}
 .av-account-menu>summary{list-style:none;cursor:pointer}
 .av-account-menu>summary::-webkit-details-marker{display:none}
 .av-account-menu[open]>.av-avatar{box-shadow:0 0 0 3px #ffffff8c,0 0 0 6px #74c6ff88}
 .av-account-popover{position:absolute;right:0;top:calc(100% + 13px);width:min(316px,calc(100vw - 26px));padding:8px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 50px #071d4b45;z-index:30;animation:av-account-enter .18s ease-out both}
 .av-account-popover::before{content:'';position:absolute;right:15px;top:-7px;width:12px;height:12px;transform:rotate(45deg);background:var(--panel);border-top:1px solid var(--border);border-left:1px solid var(--border)}
 @keyframes av-account-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
 .av-account-popover-head{display:flex;flex-direction:column;gap:3px;padding:11px 12px 13px;margin-bottom:3px;border-bottom:1px solid var(--border);min-width:0}
 .av-account-popover-head strong{font-size:15px;line-height:1.2}
 .av-account-popover-head small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .av-account-popover>a,.av-header-actions .av-account-popover>button{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;text-decoration:none;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer}
 .av-account-popover>a:hover,.av-header-actions .av-account-popover>button:hover{background:var(--panel-end)}
 .av-account-popover>a>.wp-icon:first-child,.av-account-popover>button>[data-theme-icon]{width:25px;height:25px;flex:none;color:#0868e7}
 .av-account-popover>button>[data-theme-icon]{display:grid;place-items:center}
 .av-account-popover>button>[data-theme-icon] .wp-icon{width:20px;height:20px}
 .av-account-popover>a>span,.av-account-popover>button>[data-theme-label]{flex:1;min-width:0}
 .av-account-popover>a>.wp-icon:last-child,.av-account-popover>button>.wp-icon:last-child{width:14px;height:14px;flex:none;color:var(--muted)}
 .av-account-popover .av-account-signout{margin-top:4px;border-top:1px solid var(--border);border-radius:0;color:#c63c4a}
 .av-account-popover .av-account-signout>.wp-icon:first-child{color:#c63c4a}
 .av-balance-statement{position:absolute;inset:0;z-index:0;border-radius:inherit}
 .av-balance>:not(.av-balance-statement):not(.av-balance-mark){position:relative;z-index:1;pointer-events:none}
 .av-balance :is(button,a):not(.av-balance-statement){pointer-events:auto}
 .av-balance-statement:focus-visible{outline:3px solid white;outline-offset:-6px}
}

html[data-theme] .wp-landing-workflow>div:first-child{background:radial-gradient(color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%)}
/* Decorative accents follow the brand; transaction status colors remain semantic. */
html[data-theme] .av-app .wp-icon-tile.green{background:color-mix(in srgb,var(--brand) 12%,var(--panel));color:var(--primary)}
html[data-theme] .av-app .wp-instant-banner .wp-icon{filter:drop-shadow(0 0 7px #168bff44)}
html[data-theme] .av-app .ws-balance::before{background:repeating-linear-gradient(132deg,transparent 0 52px,#83d8ff25 53px,transparent 55px 94px),linear-gradient(132deg,transparent 40%,#008aff2e 43%,#7adfff5c 45%,#0090ff2e 48%,transparent 52%)}
html[data-theme] .av-app :is(.ws-summary,.ws-benefits,.ws-pix-badge){box-shadow:inset 0 0 20px #168bff0c}

/* Keep the dashboard balance actions legible in mobile browsers that skip :is() selectors. */
@media(max-width:1100px){
 html[data-theme] .av-app .av-balance-actions>button{box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:40px;margin:0;padding:8px 6px;border:1px solid #c7ddff;border-radius:11px;background:#fff;color:#073574;font-family:inherit;font-size:clamp(11px,2.9vw,14px);font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}
 html[data-theme] .av-app .av-balance-actions>button:first-child .av-icon{color:#0754d6}
 html[data-theme] .av-app .av-balance-actions>button:last-child{background:linear-gradient(120deg,#05b6ef,#0062ec);border-color:#65cfff;color:#fff;box-shadow:inset 0 1px 2px #e5faff66}
 html[data-theme] .av-app .av-balance-actions>button:last-child .wp-icon{color:#fff}
}