/* Shared responsive corrections. Loaded after the individual page styles. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.wp-panel-heading>div,.wp-mini-benefit>div,.wp-payment-details>div>span:last-child{min-width:0}
.wp-payment-details,.wp-payment-benefits,.wp-form-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
.wp-payment-details strong,.wp-mini-benefit strong,.wp-mini-benefit small{overflow-wrap:anywhere}
.wp-payment-details>div{min-width:0}
.wp-payment-details .wp-payment-status{overflow-wrap:normal}
.wp-profile>div{max-width:calc(100vw - 24px);overflow-wrap:anywhere}
.wp-qr-image{flex-shrink:0;max-width:100%;height:auto;aspect-ratio:1}
.wp-form-art,.wp-qr-art,.ws-wallet-art,.ws-phone-art{pointer-events:none}
.ws-receipt dd{min-width:0;overflow-wrap:anywhere}
@media(min-width:1101px){
 .wp-payment-benefits,.wp-form-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}
 .wp-deposit-form{height:auto}
}

@media(max-width:1100px){
 .wp-sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);max-width:calc(100vw - 24px)}
 .wp-bottom-nav{height:calc(73px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 .wp-bottom-nav a{font-size:12px;min-width:0}
 .wp-bottom-nav .wp-icon{width:26px;height:26px}
 .wp-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .wp-legacy-content>.container-fluid>.row,.wp-legacy-content>.row,.wp-legacy-content .pc-content>.row{--bs-gutter-x:0}
 .wp-whatsapp{width:44px;height:44px;right:10px;bottom:calc(83px + env(safe-area-inset-bottom))}
 .wp-whatsapp .wp-icon{width:26px;height:26px}
 .wp-profile>div{top:calc(100% + 8px);max-height:calc(100svh - 130px);overflow-y:auto}
 /* Keep iOS from zooming when a field receives focus. */
 .wp-auth-form .wp-input-wrap input,.wp-auth-form select,
 .wp-document-page .form-control,.wp-amount input,.wp-copy-field textarea,
 .wp-filter-form input,.wp-filter-form select{font-size:16px}
 .wp-copy-field textarea{height:82px;line-height:1.5}
 .wp-deposit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wp-deposit-stats .wp-stat>div{min-width:0}
 .wp-deposit-stats .wp-stat strong{overflow-wrap:anywhere}
 .wp-how-trust{grid-template-columns:repeat(3,minmax(0,1fr))}
 .wp-how-trust>div{min-width:0}
}

@media(max-width:700px){
 .wp-public-header{gap:10px}
 .wp-public-header>a{min-width:0;flex-shrink:1}
 .wp-public-actions{flex-shrink:0;gap:6px}
 .wp-public-actions .wp-button{white-space:nowrap;padding:8px}
 .wp-public-actions .wp-icon{width:16px;height:16px}
 .wp-public-header .wp-brand{max-width:100%;height:auto}
 .wp-landing-hero>div,.wp-auth-shell>div{min-width:0}
 .wp-landing-hero h1{font-size:clamp(30px,9.5vw,38px)}
 .wp-hero-cta{flex-wrap:wrap}
 .wp-hero-cta .wp-button{flex:1 1 145px}
 .wp-auth-card{padding:22px 17px}
 .wp-auth-options{flex-wrap:wrap}
 .wp-auth-form input[type=password]{padding-right:42px}
 .wp-panel-heading h2{overflow-wrap:normal}
 .wp-pix-heading{flex-wrap:wrap;gap:8px}
 .wp-pix-heading>div:first-child{flex:1 1 220px}
 .wp-pix-heading h1{font-size:clamp(20px,6vw,25px)}
 .wp-payment-details>div{gap:7px;padding:8px}
 .wp-payment-details .wp-icon-tile{width:30px;height:34px}
 .wp-payment-details .wp-icon-tile .wp-icon{width:21px;height:21px}
 .wp-payment-details strong{font-size:13px;letter-spacing:0}
 .wp-payment-details .wp-payment-status{font-size:11px}
 .wp-form-art{width:28%;right:0;top:164px;height:170px}
 .wp-deposit-entry{width:72%;position:relative;z-index:1}
 .wp-suggested{width:100%;position:relative;z-index:1}
 .wp-suggested>div{display:flex;flex-wrap:wrap}
 .wp-deposit-form{min-height:0;padding-bottom:17px}
 .wp-generate-pix{min-height:48px;height:auto;padding:12px 8px}
 .wp-how-trust>div{flex-direction:column;padding:9px 3px;font-size:9px}
 .wp-mini-benefit{min-width:0}
 .wp-payment-benefits .wp-mini-benefit{gap:6px;padding:9px}
 .wp-payment-benefits .wp-mini-benefit .wp-icon-tile{width:30px;height:34px}
 .wp-payment-benefits .wp-mini-benefit .wp-icon{width:22px;height:22px}
 .wp-document-page .status-content{min-width:0;overflow-wrap:anywhere}
 .wp-document-page .review-item{min-width:0;overflow-wrap:anywhere}
 .wp-document-page .step-actions{flex-wrap:wrap}
 .ws-receipt dl>div{gap:10px;flex-wrap:wrap}
 .ws-receipt dd{margin-left:0}
}

@media(max-width:359px){
 .wp-dashboard-page .wp-stat{padding:3px;gap:3px}
 .wp-dashboard-page .wp-stat .wp-icon-tile{width:19px}
 .wp-form-benefits,.wp-payment-details{grid-template-columns:1fr}
 .wp-deposit-stats .wp-stat{gap:6px;padding:8px}
 .wp-deposit-stats .wp-icon-tile{width:28px;height:34px}
 .wp-deposit-stats .wp-icon-tile .wp-icon{width:21px;height:21px}
 .wp-deposit-stats .wp-stat strong{font-size:12px}
 .wp-deposit-stats .wp-stat span:not(.wp-icon-tile){font-size:10px}
 .wp-how .wp-panel-heading{padding-right:42px}
 .wp-how .wp-panel-heading h2{font-size:20px}
 .wp-how-art{width:76px;height:76px}
 .wp-history .wp-panel-heading{flex-wrap:wrap}
 .wp-history .wp-panel-heading>a{margin-left:auto}
 .wp-qr-stage{min-height:250px}
 .wp-qr-image{width:210px}
 .ws-heading{flex-wrap:wrap}
 .ws-heading>div:nth-child(2){flex-basis:calc(100% - 45px)}
 .ws-heading h1{font-size:18px;padding-right:0;white-space:normal}
 .ws-heading-actions{position:static;width:100%;justify-content:flex-end}
 .ws-heading-actions .wp-button{font-size:10px;width:auto;gap:5px;padding:5px 8px}
 .wp-legacy-content .stat-card{min-width:0}
 .wp-legacy-content .badge{white-space:normal;overflow-wrap:anywhere}
 .wp-legacy-content .security-item{flex-wrap:wrap}
}

@media(max-width:700px) and (orientation:portrait){
 /* Large amounts use the full card width, keeping every digit visible. */
 .wp-dashboard-page .wp-stat-long{display:grid;grid-template-columns:14px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 4px;align-content:center}
 .wp-dashboard-page .wp-stat-long>div{display:contents}
 .wp-dashboard-page .wp-stat-long strong{grid-row:1;grid-column:1/-1;font-size:clamp(7px,2vw,12px);line-height:1.1}
 .wp-dashboard-page .wp-stat-long .wp-icon-tile{grid-row:2;width:14px;height:14px;border-radius:3px}
 .wp-dashboard-page .wp-stat-long .wp-icon-tile .wp-icon{width:11px;height:11px}
 .wp-dashboard-page .wp-stat-long span:not(.wp-icon-tile){grid-row:2;grid-column:2;margin:0}
}

/* Scale the compact dashboard by available height as well as width. */
@media(max-width:700px) and (orientation:portrait), (min-width:701px) and (max-width:1100px) and (max-height:1499px) and (orientation:portrait){
 .wp-dashboard-page .wp-dashboard-heading>div:first-child{min-width:0}
 .wp-dashboard-page .wp-dashboard-heading{min-width:0}
 .wp-dashboard-page .wp-dashboard-heading>div:first-child{flex:1;overflow:hidden}
 .wp-dashboard-page .wp-dashboard-heading h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .wp-dashboard-page .wp-origin-body{margin-top:3px;gap:4px}
 .wp-dashboard-page .wp-legend{gap:clamp(2px,.6svh,6px)}
 .wp-dashboard-page .wp-resource .wp-panel-heading{align-items:center}
 .wp-dashboard-page .wp-resource .wp-panel-heading>div{min-width:0}
 .wp-dashboard-page .wp-stat strong{overflow-wrap:anywhere}
 .wp-dashboard-page .wp-balance-meta{max-width:94%;gap:6px;font-size:clamp(6px,min(1.8vw,1.2svh),10px)}
 .wp-dashboard-page .wp-main{min-height:440px;grid-template-columns:minmax(0,1fr)}
 .wp-dashboard-page .wp-app-content{min-height:calc(440px + var(--dashboard-header) + var(--dashboard-nav) + env(safe-area-inset-bottom))}
}
@media(min-width:701px) and (max-width:1100px) and (max-height:1499px) and (orientation:portrait){
 .wp-dashboard-page{--dashboard-header:60px;--dashboard-nav:60px;--dashboard-gap:8px}
 .wp-dashboard-page .wp-main{padding-left:8px;padding-right:8px}
 .wp-dashboard-page .wp-dashboard-heading h1{font-size:30px}
 .wp-dashboard-page .wp-dashboard-heading p{font-size:15px}
 .wp-dashboard-page .wp-welcome-note{font-size:11px}
 .wp-dashboard-page .wp-mobile-logo img{width:180px;height:40px}
 .wp-dashboard-page .wp-mobile-menu,.wp-dashboard-page .wp-top-actions>.wp-icon-button{width:38px;height:38px}
 .wp-dashboard-page .wp-profile summary{width:42px;height:42px}
 .wp-dashboard-page .wp-profile .wp-avatar{width:34px;height:34px;font-size:26px}
 .wp-dashboard-page .wp-balance-heading strong{font-size:18px}
 .wp-dashboard-page .wp-balance-heading small{font-size:12px}
 .wp-dashboard-page .wp-quick-pix .wp-panel-heading h2{font-size:22px}
 .wp-dashboard-page .wp-quick-pix .wp-panel-heading p{font-size:12px}
 .wp-dashboard-page .wp-pix-actions>a{font-size:12px}
 .wp-dashboard-page .wp-stat strong{font-size:16px}
 .wp-dashboard-page .wp-stat span:not(.wp-icon-tile){font-size:11px}
 .wp-dashboard-page .wp-stat .wp-icon-tile{width:38px;height:38px}
 .wp-dashboard-page .wp-approval{margin:0;padding:8px}
 .wp-dashboard-page .wp-approval h2,.wp-dashboard-page .wp-panel-heading h2{font-size:13px}
 .wp-dashboard-page .wp-bar-panel{margin:0;padding:8px}
 .wp-dashboard-page .wp-origin-body{grid-template-columns:1fr 1.2fr}
 .wp-dashboard-page .wp-donut{width:min(12vw,10svh);height:min(12vw,10svh)}
 .wp-dashboard-page .wp-legend{font-size:11px}
 .wp-dashboard-page .wp-transaction strong,.wp-dashboard-page .wp-transaction small{font-size:10px}
 .wp-dashboard-page .wp-recent-panel .wp-empty strong{font-size:12px}
 .wp-dashboard-page .wp-recent-panel .wp-empty span{font-size:10px}
 .wp-dashboard-page .wp-resource .wp-panel-heading h2{font-size:11px}
 .wp-dashboard-page .wp-resource .wp-panel-heading p{font-size:10px}
 .wp-dashboard-page .wp-bottom-nav a{font-size:12px}
 .wp-dashboard-page .wp-bottom-nav .wp-icon{width:25px;height:25px}
}

/* A short landscape viewport needs smaller navigation and natural page scrolling. */
@media(max-width:1100px) and (orientation:landscape) and (max-height:600px){
 .wp-topbar{height:52px;padding:5px max(12px,env(safe-area-inset-left));gap:12px}
 .wp-mobile-menu,.wp-top-actions>.wp-icon-button{width:34px;height:34px;padding:6px}
 .wp-mobile-menu .wp-icon,.wp-top-actions>.wp-icon-button .wp-icon{width:22px;height:22px}
 .wp-mobile-logo img{width:145px;height:36px}
 .wp-top-actions{gap:12px}
 .wp-top-actions .wp-badge{width:16px;height:16px;font-size:9px}
 .wp-profile summary{width:38px;height:38px;padding:2px}
 .wp-profile .wp-avatar{width:32px;height:32px;font-size:24px}
 .wp-bottom-nav{height:calc(48px + env(safe-area-inset-bottom))}
 .wp-bottom-nav a{font-size:10px;gap:2px;flex-direction:row}
 .wp-bottom-nav .wp-icon{width:21px;height:21px}
 .wp-main{padding:10px max(12px,env(safe-area-inset-right)) calc(66px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .wp-whatsapp{width:34px;height:34px;bottom:calc(58px + env(safe-area-inset-bottom))}
 .wp-whatsapp .wp-icon{width:22px;height:22px}
 .wp-page-heading{min-height:0;padding:0;margin-bottom:12px}
 .wp-page-heading h1{font-size:25px}
 .wp-page-heading p{font-size:12px}
 .wp-welcome-note{font-size:10px}
 .wp-welcome-note span{font-size:9px}
 .wp-dashboard-page .wp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .wp-dashboard-page .wp-balance{height:240px;padding:15px}
 .wp-dashboard-page .wp-balance-heading{gap:8px}
 .wp-dashboard-page .wp-balance-heading .wp-icon-tile{width:35px;height:35px}
 .wp-dashboard-page .wp-balance-heading .wp-icon{width:22px;height:22px}
 .wp-dashboard-page .wp-balance-heading strong{font-size:14px}
 .wp-dashboard-page .wp-balance-heading small{font-size:10px}
 .wp-dashboard-page .wp-balance-amount{font-size:29px;margin-top:23px}
 .wp-dashboard-page .wp-balance-meta{font-size:8px;gap:5px;flex-wrap:wrap}
 .wp-dashboard-page .wp-balance-meta .wp-dot{width:6px;height:6px}
 .wp-dashboard-page .wp-bank-card{width:34%;height:87px;top:76px;right:12px}
 .wp-dashboard-page .wp-card-chip{left:10px;top:30px;width:18px;height:16px}
 .wp-dashboard-page .wp-bank-card>img{width:65%;height:20px;top:8px;right:6px}
 .wp-dashboard-page .wp-card-digits{font-size:8px;left:10px;bottom:12px}
 .wp-dashboard-page .wp-card-network{font-size:12px;right:8px;bottom:8px}
 .wp-dashboard-page .wp-balance-actions{left:15px;right:15px;bottom:15px;gap:8px}
 .wp-dashboard-page .wp-balance-actions .wp-button{height:38px;font-size:12px;padding:6px;gap:6px}
 .wp-dashboard-page .wp-balance-actions .wp-icon{width:18px;height:18px}
 .wp-dashboard-page .wp-quick-pix{height:240px;min-height:0;padding:12px}
 .wp-dashboard-page .wp-quick-pix .wp-panel-heading{margin:0 0 12px;gap:8px;min-height:44px}
 .wp-dashboard-page .wp-quick-pix .wp-panel-heading h2{font-size:18px}
 .wp-dashboard-page .wp-quick-pix .wp-panel-heading p{font-size:10px}
 .wp-dashboard-page .wp-quick-pix .wp-panel-heading .wp-icon-tile{width:34px;height:34px}
 .wp-dashboard-page .wp-quick-pix .wp-panel-heading .wp-icon{width:22px;height:22px}
 .wp-dashboard-page .wp-quick-art{width:70px;height:70px;top:0}
 .wp-dashboard-page .wp-pix-actions{gap:7px}
 .wp-dashboard-page .wp-pix-actions>a{height:70px;font-size:10px}
 .wp-dashboard-page .wp-stat{height:70px;min-height:70px;padding:8px;gap:7px}
 .wp-dashboard-page .wp-stat .wp-icon-tile{width:30px;height:34px}
 .wp-dashboard-page .wp-stat .wp-icon{width:21px;height:21px}
 .wp-dashboard-page .wp-stat strong{font-size:13px}
 .wp-dashboard-page .wp-stat span:not(.wp-icon-tile){font-size:10px}
 .wp-dashboard-page .wp-origin-body{gap:10px}
 .wp-dashboard-page .wp-donut{width:100px;height:100px}
 .wp-dashboard-page .wp-legend{font-size:10px}
 .wp-dashboard-page .wp-resource{padding:8px}
 .wp-dashboard-page .wp-resource .wp-icon-tile{width:30px;height:34px}
 .wp-dashboard-page .wp-resource .wp-panel-heading h2{font-size:11px}
 .wp-dashboard-page .wp-resource .wp-panel-heading p{font-size:10px}
}
@media(max-height:600px){
 .wp-sidebar{overflow-y:auto;overscroll-behavior:contain}
 .wp-side-nav{flex:none;overflow:visible}
 .wp-sidebar-brand,.wp-user-card,.wp-sidebar-bottom{flex-shrink:0}
}