/* Banking dashboard composition. Desktop retains its existing layout. */
.wp-mobile-bank-only{display:none}
@media(max-width:700px) and (orientation:portrait), (min-width:701px) and (max-width:1100px) and (max-height:1499px) and (orientation:portrait), (max-width:1100px) and (orientation:landscape) and (max-height:600px){
 .wp-dashboard-page{--dashboard-nav:48px;--dashboard-gap:clamp(4px,1.1vw,8px);--bank-font:clamp(7px,2vw,12px)}
 .wp-dashboard-page .wp-app-content{height:auto;min-height:max(100svh,calc(450px + var(--dashboard-header) + var(--dashboard-nav) + 28px + env(safe-area-inset-bottom)))}
 .wp-dashboard-page .wp-main{height:calc(100svh - var(--dashboard-header) - var(--dashboard-nav) - 28px - env(safe-area-inset-bottom));min-height:450px;padding:var(--dashboard-gap) clamp(8px,2.7vw,18px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(96px,2.15fr) minmax(48px,.95fr) minmax(34px,.72fr) minmax(216px,5.35fr) minmax(32px,.62fr);gap:var(--dashboard-gap)}
 .wp-dashboard-page .wp-hero-grid{display:contents}
 .wp-dashboard-page .wp-quick-pix{display:none}
 .wp-dashboard-page .wp-balance{grid-row:1;min-height:0;border-radius:clamp(10px,2.7vw,18px);overflow:hidden}
 html[data-theme] .wp-dashboard-page .wp-balance{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--brand) 80%,transparent),transparent 43%),linear-gradient(119deg,#06190e 2%,color-mix(in srgb,var(--brand) 22%,#04160a) 39%,var(--brand) 78%,var(--brand-dark));box-shadow:inset 0 0 16px color-mix(in srgb,var(--brand) 40%,transparent),0 0 10px color-mix(in srgb,var(--brand) 16%,transparent)}
 .wp-dashboard-page .wp-balance-heading{top:7%;left:3.2%;gap:clamp(7px,2.4vw,14px)}
 .wp-dashboard-page .wp-balance-heading .wp-icon-tile{width:clamp(24px,7.5vw,42px);height:clamp(24px,7.5vw,42px);border-radius:8px}
 .wp-dashboard-page .wp-balance-heading strong{font-size:clamp(10px,2.6vw,16px)}
 .wp-dashboard-page .wp-balance-heading small{font-size:clamp(7px,1.85vw,12px);margin-top:3px}
 .wp-dashboard-page .wp-balance-amount{top:34%;left:3.2%;font-size:clamp(25px,min(7.8vw,5.4svh),52px);letter-spacing:-.7px}
 .wp-dashboard-page .wp-balance-meta{top:64%;left:3.2%;font-size:clamp(6px,1.7vw,11px);gap:clamp(8px,3vw,18px)}
 .wp-dashboard-page .wp-bank-card{top:8%;right:3.2%;width:38%;height:60%;transform:rotate(3deg) skewY(-5deg);border-radius:8px}
 .wp-dashboard-page .wp-bank-card>img{width:58%;height:22%;right:8%;top:9%}
 .wp-dashboard-page .wp-card-chip{top:35%;width:12%;height:18%}
 .wp-dashboard-page .wp-card-digits{font-size:clamp(8px,2vw,13px)}
 .wp-dashboard-page .wp-card-network{font-size:clamp(14px,3.8vw,24px)}
 .wp-dashboard-page .wp-balance-actions{left:3.2%;right:3.2%;bottom:5%;height:20%;gap:7px}
 .wp-dashboard-page .wp-balance-actions .wp-button{border-radius:7px;font-size:clamp(9px,2.5vw,16px)}
 .wp-dashboard-page .wp-bank-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:clamp(3px,1.4vw,10px);min-height:0}
 .wp-bank-shortcuts>a{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;color:var(--text);font-size:clamp(6.5px,1.9vw,12px);white-space:nowrap;text-decoration:none}
 .wp-bank-shortcut-icon{width:clamp(32px,min(10.6vw,6.4svh),66px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,color-mix(in srgb,var(--brand) 11%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--brand) 26%,var(--border));box-shadow:inset 0 0 12px color-mix(in srgb,var(--brand) 5%,transparent)}
 .wp-bank-shortcut-icon .wp-icon{width:clamp(16px,3.7vw,27px);height:clamp(16px,3.7vw,27px);stroke-width:1.6}
 .wp-bank-shortcuts>a:active .wp-bank-shortcut-icon{background:color-mix(in srgb,var(--brand) 22%,var(--panel));transform:scale(.94)}
 .wp-dashboard-page .wp-bank-pix-banner{display:flex;position:relative;isolation:isolate;overflow:hidden;align-items:center;gap:clamp(10px,3vw,20px);padding:4px 3%;border:1px solid var(--border);border-radius:9px;color:var(--text);background:linear-gradient(115deg,var(--panel),color-mix(in srgb,var(--brand) 7%,var(--panel)),var(--panel));text-decoration:none}
 .wp-bank-pix-banner::before{content:"";position:absolute;z-index:-1;right:-3%;top:3%;width:55%;height:130%;border-top:1px solid var(--brand);border-radius:50%;transform:rotate(-18deg);background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 22%,transparent),transparent 30%);box-shadow:0 -3px 9px color-mix(in srgb,var(--brand) 24%,transparent)}
 .wp-bank-pix-orb{display:grid;place-items:center;flex:none;width:clamp(26px,min(8vw,5svh),48px);aspect-ratio:1;border-radius:50%;color:var(--primary);border:1px solid var(--brand);background:color-mix(in srgb,var(--brand) 15%,var(--panel));box-shadow:0 0 12px color-mix(in srgb,var(--brand) 32%,transparent),inset 0 0 9px color-mix(in srgb,var(--brand) 15%,transparent)}
 .wp-bank-pix-orb .wp-icon{width:65%;height:65%;stroke-width:1.5}
 .wp-bank-pix-banner strong{display:block;font-size:clamp(11px,2.8vw,18px);line-height:1.2}
 .wp-bank-pix-banner small{display:block;margin-top:3px;font-size:clamp(7px,1.95vw,12px);color:var(--muted)}
 .wp-bank-pix-banner>.wp-icon{margin-left:auto;width:16px;height:16px}
 .wp-dashboard-page .wp-dashboard-data{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:clamp(14px,2.9vw,23px) minmax(58px,.9fr) minmax(64px,1.13fr) minmax(68px,1.18fr);gap:var(--dashboard-gap)}
 .wp-dashboard-page .wp-bank-overview{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;grid-row:1}
 .wp-bank-overview h2{font-size:clamp(10px,2.55vw,16px);margin:0}
 .wp-bank-overview>a{font-size:clamp(7px,1.9vw,12px);color:var(--primary)}
 .wp-dashboard-page .wp-metrics{grid-column:1/-1;grid-row:2;gap:var(--dashboard-gap)}
 .wp-dashboard-page .wp-stat{border-radius:7px;padding:clamp(3px,1.1vw,7px);gap:clamp(3px,1.3vw,8px)}
 .wp-dashboard-page .wp-stat .wp-icon-tile{width:clamp(18px,5.6vw,35px);height:clamp(22px,6.1vw,38px);border-radius:6px;flex:none}
 .wp-dashboard-page .wp-stat .wp-icon-tile .wp-icon{width:70%;height:70%}
 .wp-dashboard-page .wp-stat strong{font-size:clamp(7px,1.95vw,13px);line-height:1.15}
 .wp-dashboard-page .wp-stat span:not(.wp-icon-tile){font-size:clamp(6px,1.6vw,10px);line-height:1.18;margin-top:3px}
 .wp-dashboard-page .wp-stat-long strong{font-size:clamp(6px,1.7vw,11px)}
 .wp-dashboard-page .wp-approval{container-type:size;position:relative;grid-column:1;grid-row:3;padding:clamp(6px,1.8vw,12px);display:grid;grid-template-columns:45% minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:center;gap:5px 8px;justify-items:start;border-radius:9px}
 .wp-dashboard-page .wp-approval h2{grid-column:1/-1;font-size:clamp(7px,2vw,13px)}
 .wp-dashboard-page .wp-approval .wp-ring{grid-column:1;grid-row:2;width:min(36cqw,65cqh);height:min(36cqw,65cqh);max-height:none;max-width:none;aspect-ratio:1;justify-self:center;margin:0}
 .wp-dashboard-page .wp-approval .wp-ring::before{inset:clamp(5px,1.7vw,10px)}
 .wp-dashboard-page .wp-ring strong{font-size:clamp(13px,3.7vw,24px)}
 .wp-dashboard-page .wp-approval>p{grid-column:2;grid-row:2;font-size:clamp(6.5px,1.85vw,11px);line-height:1.4;text-align:left}
 .wp-dashboard-page .wp-bank-card-arrow{display:grid;place-items:center;position:absolute;right:5px;top:5px;width:17px;height:17px;border-radius:50%;color:var(--primary);background:color-mix(in srgb,var(--brand) 10%,var(--panel));border:1px solid var(--border)}
 .wp-bank-card-arrow .wp-icon{width:11px;height:11px}
 .wp-dashboard-page .wp-bar-panel{grid-column:2;grid-row:3;padding:clamp(6px,1.8vw,12px);border-radius:9px}
 .wp-dashboard-page .wp-bar-panel .wp-panel-heading .wp-icon-tile,.wp-dashboard-page .wp-origin-panel .wp-panel-heading .wp-icon-tile{display:none}
 .wp-dashboard-page .wp-bar-panel .wp-panel-heading h2{font-size:clamp(7px,1.8vw,13px);white-space:nowrap}
 .wp-dashboard-page .wp-bar-chart{margin-top:7px;margin-bottom:12px;min-height:0}
 .wp-dashboard-page .wp-chart-axis{font-size:clamp(5.5px,1.55vw,10px);padding-right:4px}
 .wp-dashboard-page .wp-chart-column>span{font-size:clamp(5.5px,1.5vw,9px)}
 .wp-dashboard-page .wp-origin-panel{grid-column:1;grid-row:4;padding:clamp(6px,1.7vw,11px);border-radius:9px}
 .wp-dashboard-page .wp-origin-panel .wp-panel-heading h2,.wp-dashboard-page .wp-recent-panel .wp-panel-heading h2{font-size:clamp(7px,1.95vw,13px)}
 .wp-dashboard-page .wp-origin-body{grid-template-columns:44% minmax(0,1fr);gap:5px;margin-top:5px;align-items:center}
 .wp-dashboard-page .wp-origin-chart{align-self:stretch;min-height:0;display:grid;place-items:center;container-type:size}
 .wp-dashboard-page .wp-donut{width:min(100cqw,100cqh);height:min(100cqw,100cqh);max-width:none;aspect-ratio:1}
 .wp-dashboard-page .wp-donut::before{inset:clamp(5px,1.7vw,10px)}
 .wp-dashboard-page .wp-donut>span{font-size:clamp(6px,1.7vw,10px)}
 .wp-dashboard-page .wp-donut strong{font-size:clamp(8px,2.1vw,13px)}
 .wp-dashboard-page .wp-legend{font-size:clamp(5.5px,1.45vw,10px);gap:clamp(4px,.9svh,9px)}
 .wp-dashboard-page .wp-legend .wp-dot{width:5px;height:5px}
 .wp-dashboard-page .wp-legend b{display:inline;margin-left:auto;font-size:inherit}
 .wp-dashboard-page .wp-recent-panel{grid-column:2;grid-row:4;padding:clamp(6px,1.7vw,11px);border-radius:9px}
 .wp-dashboard-page .wp-recent-panel .wp-panel-heading>a{font-size:clamp(5px,1.4vw,9px);white-space:nowrap}
 .wp-dashboard-page .wp-recent-panel .wp-panel-heading>a .wp-icon{display:none}
 .wp-dashboard-page .wp-transaction .wp-icon-tile{width:clamp(17px,4vw,27px);height:clamp(17px,4vw,27px)}
 .wp-dashboard-page .wp-transaction .wp-icon{width:70%;height:70%}
 .wp-dashboard-page .wp-transaction strong{font-size:clamp(6px,1.55vw,10px)}
 .wp-dashboard-page .wp-transaction small{font-size:clamp(5px,1.4vw,9px);margin-top:2px}
 .wp-dashboard-page .wp-empty strong{font-size:clamp(6px,1.7vw,11px)}
 .wp-dashboard-page .wp-empty span{font-size:clamp(5px,1.45vw,9px)}
 .wp-dashboard-page .wp-bottom-cards{gap:var(--dashboard-gap);min-height:0}
 .wp-dashboard-page .wp-resource{padding:4px;border-radius:8px}
 .wp-dashboard-page .wp-resource .wp-panel-heading{gap:4px}
 .wp-dashboard-page .wp-resource .wp-icon-tile{width:clamp(20px,5.8vw,36px);height:clamp(23px,6.4vw,40px)}
 .wp-dashboard-page .wp-resource .wp-panel-heading h2{font-size:clamp(6px,1.6vw,11px)}
 .wp-dashboard-page .wp-resource .wp-panel-heading p{font-size:clamp(5px,1.35vw,9px)}
 .wp-dashboard-page .wp-whatsapp{bottom:calc(var(--dashboard-nav) + 22px + env(safe-area-inset-bottom));width:34px;height:34px;right:8px}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait) and (max-height:1499px){
 .wp-dashboard-page{--dashboard-nav:52px}
}
@media(max-width:700px) and (orientation:portrait), (min-width:701px) and (max-width:1100px) and (max-height:1499px) and (orientation:portrait), (max-width:1100px) and (orientation:landscape) and (max-height:600px){
 .wp-dashboard-page .wp-recent-panel{container-type:size}
 .wp-dashboard-page .wp-recent-panel>.wp-transaction:nth-child(n+6){display:none}
 .wp-dashboard-page .wp-transaction{gap:3px;padding:1px 0}
 .wp-dashboard-page .wp-transaction .wp-icon-tile{width:min(4vw,20cqh);height:min(4vw,20cqh)}
 .wp-dashboard-page .wp-transaction strong{font-size:clamp(5px,min(1.55vw,8cqh),10px);line-height:1.05}
 .wp-dashboard-page .wp-transaction small{font-size:clamp(4.5px,min(1.4vw,7.5cqh),9px);line-height:1.05;margin-top:1px}
}

@media(max-width:1100px) and (orientation:landscape) and (max-height:600px){
 .wp-dashboard-page{--dashboard-header:52px;--dashboard-nav:44px;--dashboard-gap:10px}
 .wp-dashboard-page .wp-app-content{height:auto;min-height:100svh}
 .wp-dashboard-page .wp-main{height:auto;min-height:0;grid-template-rows:200px 86px 65px 460px 72px;padding:12px 16px calc(84px + env(safe-area-inset-bottom))}
 .wp-dashboard-page .wp-balance-amount{font-size:42px}
 .wp-dashboard-page .wp-bank-shortcut-icon{width:54px}
 .wp-dashboard-page .wp-bank-pix-orb{width:42px}
 .wp-dashboard-page .wp-approval .wp-ring{max-height:none}
}