:root{--ui-font:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--ink:#172e26;--muted:#5f726a;--line:#dfe8e3;--accent:#087c50}
body,body *{font-family:var(--ui-font)!important}
body{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-size:16px}
a{text-decoration:none}
p{line-height:1.65}
button{cursor:pointer}
input,select,textarea{min-width:0}
.satux-brand-image{display:block;width:142px;height:82px;object-fit:cover;object-position:center 52%;flex-shrink:0}
.brand{height:auto;min-height:64px;padding:0}
.mobile-header .satux-brand-image,.payment-header .satux-brand-image{width:114px;height:64px}
.footer-brand .satux-brand-image,footer .satux-brand-image,.admin-brand .satux-brand-image,.cc-logo .satux-brand-image{background:#fff;border-radius:12px}
.admin-brand{padding:0 4px 18px}.admin-brand small{margin-top:6px;font-size:11px}
.admin-brand b:after{content:none}
.cc-logo .satux-brand-image{width:96px;height:54px}
.satux-logo{height:auto!important;margin:0 auto 16px!important;display:grid;place-items:center}
.satux-logo>.satux-brand-image{position:static;width:200px;height:116px}
.selector-brand>.satux-brand-image{margin:auto}.cover-logo>.satux-brand-image{width:220px;height:130px}
.phone-brand .satux-brand-image{width:94px;height:54px}
.sidebar{overflow-y:auto}.sidebar nav a,.nav-item,.logout{font-size:15px;min-height:46px;height:auto}
.side-label{font-size:12px}.support-card b{font-size:15px}.support-card small,.support-card a{font-size:13px}
.side-bottom{padding-top:20px}
body[data-page="dashboard"]{background:#f3f6f4;color:var(--ink)}
body[data-page="dashboard"] .ambient,body[data-page="dashboard"] .noise{display:none}
body[data-page="dashboard"] main{padding-bottom:40px}
.topline{height:auto;min-height:124px;padding:24px 0;gap:18px}.topline h1{font-size:30px;letter-spacing:-.8px}.topline p{font-size:15px;color:var(--muted)}
.top-user b{font-size:14px}.top-user small{font-size:12px}.avatar{font-size:13px}
.eyebrow{font-size:12px;letter-spacing:1.4px}
body[data-page="dashboard"] .hero-balance{height:auto;min-height:300px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr);gap:32px;padding:32px;border:1px solid #d6e4dc;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 12px 36px #173e2810;overflow:hidden}
.hero-balance:before,.hero-orb{display:none}
.hero-copy{width:100%;min-width:0}.hero-copy .status{background:#edf7f1;color:#167b50;border:0;font-size:11px;letter-spacing:.8px;padding:7px 10px}
.hero-copy>p{font-size:16px;opacity:1;color:var(--muted);margin:24px 0 6px}
.hero-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.15;letter-spacing:-1.8px;flex-wrap:wrap;gap:6px}
.hero-copy h2 strong{font-weight:650;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.hero-copy h2 span,.hero-copy h2 small{font-size:20px;color:var(--muted);opacity:1;letter-spacing:0}
.balance-caption{max-width:none;font-size:13px;opacity:1;color:var(--muted);gap:12px;flex-wrap:wrap;margin-top:18px}
.progress{max-width:none;height:7px;background:#e9efeb;margin-top:10px;overflow:hidden}.progress i{background:#168c60;animation:none}
.hero-actions{margin-top:24px;gap:12px;flex-wrap:wrap}.hero-actions a,.hero-actions button{height:auto;min-height:48px;justify-content:center;font-size:15px;padding:12px 22px;border-radius:12px;box-shadow:none}
.hero-actions .primary{background:#087c50;color:#fff}.hero-actions .ghost{background:#f2f7f4;color:#185c40;border:1px solid #d9e6dd!important}
body[data-page="dashboard"] .hero-right{position:static;width:auto;height:auto;transform:none;margin:0;padding:26px;background:#edf5ef;border-radius:18px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.hero-right .floating-chip{display:none}
body[data-page="dashboard"] .hero-ring{position:static;inset:auto;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;transform:none;animation:none;margin:0}
.hero-ring:before,.hero-ring:after{display:none}.ring-center{position:static;display:flex;flex-direction:column;text-align:left;gap:4px}
.ring-center span{font-size:12px;color:#426652;opacity:1;letter-spacing:1px}.ring-center b{font-size:clamp(26px,3vw,36px);font-weight:650;margin:0;overflow-wrap:anywhere;line-height:1.2}.ring-center small{font-size:13px;color:#526d5d;opacity:1}
.credit-summary-note{margin:0;border-top:1px solid #d2e3d7;padding-top:18px;font-size:14px;color:#436750;line-height:1.6}
.quick-grid,.middle-grid,.wallet-grid{gap:18px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0}
.quick-card,.due-card{padding:18px;gap:12px;min-width:0}.quick-card>div,.due-card>div{min-width:0}.quick-card b,.due-card b{font-size:18px;overflow-wrap:anywhere}.quick-card small,.due-card small,.quick-card span,.due-card span{font-size:13px;color:var(--muted)}
.quick-card button{flex-shrink:0;width:36px;height:36px}.quick-icon,.due-icon{flex-shrink:0}.due-icon{height:56px}.due-icon span{font-size:20px}.due-icon small{font-size:11px}
.panel-head{gap:12px;flex-wrap:wrap}.panel-head>div{min-width:0}.panel-head h3,.client-section .panel-head h3{font-size:18px}.panel-head p,.client-section .panel-head p{font-size:13px;color:var(--muted)}
.status-panel,.bank-panel,.client-section{padding:22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metrics>div{padding:14px;min-width:0}.metrics b{font-size:19px;overflow-wrap:anywhere}.metrics span,.metrics small{font-size:13px;color:var(--muted)}
.active-badge{font-size:11px}.text-btn{font-size:14px;min-height:40px}.bank-main b,.bank-number b{font-size:16px}.bank-main span,.bank-main small,.bank-number span{font-size:13px;color:var(--muted)}
.internal-info h3{font-size:18px}.internal-info p{font-size:14px}.internal-info>div:last-child>span,.internal-number small{font-size:12px}.internal-number button{font-size:14px;min-height:44px}.internal{gap:24px;flex-wrap:wrap}.internal-number strong{font-size:18px;overflow-wrap:anywhere}
.wallet-info>p,.section-top p{font-size:15px;color:var(--muted)}.section-top{gap:16px;flex-wrap:wrap}.section-top>a{font-size:14px}.wallet-info h3{font-size:26px}.credit-row span,.features span{font-size:13px}.credit-row b{font-size:19px}
body[data-page="dashboard"] .credit-card{transform:none;background:linear-gradient(120deg,#152c24,#254c3b);height:265px}body[data-page="dashboard"] .credit-card:hover{transform:translateY(-3px)}.card-light{display:none}.cc-chip{top:102px}.cc-number{top:148px}.cc-bottom b{font-size:13px}.cc-bottom small{font-size:11px}.cc-tier{font-size:14px}.cc-tier small{font-size:11px}
.photo-hint,.data-item span{font-size:12px}.data-item b{font-size:16px}.movement strong,.mv-right b,.ticket-item strong{font-size:16px}.movement small,.ticket-item small,.mv-tag{font-size:13px}.help-card h4{font-size:18px}.help-card p,.faq summary,.faq p{font-size:15px}
.modal-box p,.modal-box label{font-size:14px}.modal-box input,.modal-box select,.modal-box textarea{font-size:16px}.confirm,.help-btn,.hfilter,.photo-btn{font-size:15px;min-height:44px}.close{min-width:40px;min-height:40px}
.footer-grid{gap:26px;grid-template-columns:1.4fr repeat(4,minmax(0,1fr))}.footer-grid h4{font-size:15px}.footer-grid p,.footer-grid>div>a{font-size:14px;color:#b8c9bf}.footer-grid>div>a{min-height:36px}.footer-bottom{font-size:12px;color:#adbbb3;gap:16px}.social a{width:36px!important;height:36px!important;min-height:36px!important}
/* Bank assets are bundled locally and displayed at a readable size. */
body[data-page="pagar"] .bank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bank-top{display:block}.bank-brand{display:flex;align-items:flex-start;flex-direction:column;gap:14px}.bank-logo{width:180px;height:78px;max-width:100%;padding:0!important;box-shadow:none;border:0;border-radius:0;background:#fff!important}
.bank-logo img{width:100%;height:78px;min-height:0;object-fit:cover!important}.bank-logo.popular-logo img{object-position:center 50%}.bank-brand b{font-size:16px}.bank-brand small{font-size:13px}.bank-tag{display:none}
.bank-card{padding:22px;background:#fff}.number-row{flex-wrap:wrap;gap:12px}.number-row strong{font-size:18px;overflow-wrap:anywhere}.copy{font-size:14px;min-height:44px;padding:10px 14px}.bank-bottom{gap:10px;flex-wrap:wrap;font-size:13px}
.account-type span,.number-label{font-size:12px}.account-type b{font-size:15px}.intro{gap:24px;flex-wrap:wrap}.intro>div:first-child{flex:1 1 360px}.intro p,.section-title p{font-size:15px;color:var(--muted)}.intro .submit{width:auto;padding:12px 22px}.submit{font-size:16px;background:#087c50;animation:none;height:auto;min-height:48px}.section-title{gap:16px;flex-wrap:wrap}.section-title h2{font-size:24px}.official{font-size:11px}.payment-summary span,.payment-summary small{font-size:13px}.payment-summary strong{font-size:24px}
.payment-header{grid-template-columns:1fr auto 1fr}.payment-header .brand{margin:0}.payment-header .back{font-size:14px}.payment-header .secure{font-size:12px}.step{font-size:14px}.step i{flex-shrink:0}.payment-info>p{font-size:16px}.hint,.security{font-size:12px}
body[data-page="admin"] .sidebar{overflow-y:auto}.page-head p{font-size:15px}.nav-item{font-size:15px}.role b{font-size:15px}.role small{font-size:12px}.kpi small{font-size:12px}.kpi strong{font-size:28px}.kpi span{font-size:14px}.primary,.save,.secondary{font-size:15px;min-height:44px}th,td{font-size:14px}.table-wrap{overflow:auto}.page-head,.toolbar{flex-wrap:wrap}.topbar{min-height:74px;height:auto;padding-top:12px;padding-bottom:12px}.sidebar .role{flex-shrink:0}.sidebar nav{flex-shrink:0}
@media(max-width:1100px){.quick-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:1/-1}.hero-balance{gap:20px}.hero-actions a,.hero-actions button{padding:12px 16px}}
@media(max-width:820px){
 .satux-brand-image{width:120px;height:70px}.mobile-header{height:72px}.sidebar.client-menu-open{top:72px}
 body[data-page="dashboard"] main{padding:0 16px 36px}.topline{min-height:110px}.topline h1{font-size:26px}
 body[data-page="dashboard"] .hero-balance{grid-template-columns:1fr;padding:22px;gap:22px;border-radius:20px;min-height:0}
 .hero-copy h2{font-size:clamp(30px,8.5vw,44px)}.hero-copy>p{margin-top:20px}.hero-actions{flex-wrap:nowrap}.hero-actions a,.hero-actions button{flex:1;padding:12px}
 body[data-page="dashboard"] .hero-right{padding:18px;gap:12px}.ring-center{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px}.ring-center span{grid-column:1;grid-row:1}.ring-center b{grid-column:2;grid-row:1 / span 2;font-size:26px;max-width:170px}.ring-center small{grid-column:1;grid-row:2}.credit-summary-note{font-size:13px;padding-top:12px}
 .quick-grid{grid-template-columns:1fr}.status-panel,.bank-panel,.client-section{padding:18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics b{font-size:17px}.metrics span,.metrics small{font-size:12px}.internal{display:block}.internal-number{margin-top:16px}
 .wallet-grid{grid-template-columns:1fr}body[data-page="dashboard"] .credit-card{height:250px}.cc-chip{top:90px}.cc-number{top:136px}.cc-bottom{bottom:20px}.cc-bottom>div{min-width:0}.cc-bottom b{overflow-wrap:anywhere}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="dashboard"] footer{margin-left:0;padding-bottom:calc(130px + env(safe-area-inset-bottom))}.footer-bottom{flex-direction:column}.social{flex-wrap:wrap}
 body[data-page="pagar"] .bank-grid{grid-template-columns:1fr}.bank-brand{flex-direction:column}.payment-header{padding:0 16px;grid-template-columns:1fr auto 1fr;height:78px}.payment-header .brand{justify-self:center}.payment-header .secure{padding:8px}.payment-header .back span{display:none}.payment-header .secure span{display:none}.intro .submit{width:100%}.intro{display:block}.steps{gap:8px;align-items:flex-start;overflow:visible}.step{flex:1;flex-direction:column;gap:8px;text-align:center;font-size:12px;min-width:0}.step span{white-space:normal}.steps .line{display:none}
 body[data-page="dashboard"][data-view="profile"] main,body[data-page="dashboard"][data-view="history"] main{padding-bottom:160px}
 .modal-box{max-height:calc(100dvh - 24px);overflow:auto}.modal-box h2{padding-right:34px}.support-form,.withdraw-fields,.third-party.show{grid-template-columns:1fr}
 .register{width:100%;padding:22px}.intro h1{font-size:28px}.section-title h2{font-size:22px}
}
@media(max-width:360px){.metrics{grid-template-columns:1fr}.hero-copy h2{font-size:30px}.ring-center{display:flex;align-items:flex-start}.ring-center b{max-width:100%}}

.nav .brand{min-height:0}.nav .satux-brand-image{width:120px;height:68px}body[data-page="index"] .credit-card .satux-brand-image{width:66px;height:40px;background:#fff;border-radius:6px} .small-phone-inner>.satux-brand-image{width:90px;height:52px;margin:auto}#adminReply{font-size:16px!important}