/* Keep content shrinkable; horizontal scrolling belongs to tables and tab bars. */
html,body{width:100%;max-width:100%;overflow-x:clip}
#proposta,.section,footer{width:100%;min-width:0;max-width:1440px}
#proposta{max-width:none}
.section>*,footer>*,.demo-surface,.demo-panel,.admin-layout,.admin-sidebar,.admin-main,.app-map-panel,.map-explorer,.wallet-layout,.live-charge-layout,.price-grid,.cashflow{min-width:0;max-width:100%}
.opening-grid>*,.stat-strip>*,.feature-grid>*,.two-col>*,.security-grid>*,.timeline>*,.ownership>*,.price-grid>*,.cashflow>*,.evolution-grid>*,.footer-top>*,.stores-band>*,.app-demo-header>*,.demo-network>*,.wallet-layout>*,.live-charge-layout>*,.admin-layout>*,.admin-stations-grid>*,.brand-editor>*,.form-row>*{min-width:0}
.demo-network{min-width:0}.demo-network>div{min-width:0}.demo-network strong{overflow-wrap:anywhere}
.admin-table-wrap,.table-wrap{max-width:100%;min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.admin-sidebar,.app-demo-tabs{max-width:100%;min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.admin-sidebar>button{flex-shrink:0}
.is-connected .status-light{background:#b3f2bc;box-shadow:0 0 8px #b3f2bc}
@media(max-width:760px){
 .topbar{gap:12px}.topbar .brand-logo{width:clamp(135px,42vw,177px)}.nav-cta{flex-shrink:0;gap:6px;font-size:10px}
 .section,footer{padding-left:5%;padding-right:5%}
 .section h2,.section h3,.section p,.check-list li,.faq-list summary,.source-note,.footer-top a,.fine-print{overflow-wrap:anywhere}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-strip strong span{white-space:normal}
 .price-grid,.two-col,.security-grid,.timeline,.wallet-layout,.live-charge-layout,.admin-layout,.admin-stations-grid,.brand-editor{grid-template-columns:minmax(0,1fr)}
 .price-card{padding:26px 22px}.price{font-size:clamp(53px,17vw,75px);letter-spacing:-.065em}.price .price-unit{font-size:clamp(18px,5.7vw,25px)!important;margin-left:5px}.price-card h3{font-size:30px}.price-card .check-list li{font-size:14px}
 .cashflow{padding:23px 20px}.period-buttons{flex-wrap:wrap;gap:7px}.period-buttons button{padding:9px 10px}.comparison-label{gap:10px;flex-wrap:wrap}
 .opening h2{font-size:clamp(41px,12.2vw,54px)}.ownership h2{font-size:clamp(37px,11.7vw,48px)}
 .energy-example{gap:12px;padding:18px}.energy-example>div{min-width:0}.energy-example .icon-box{flex-shrink:0}
 .app-demo-header{align-items:center;gap:10px;padding:17px 14px}.app-demo-header .demo-network{flex:1}.wallet-shortcut{flex-shrink:0;max-width:106px}.wallet-shortcut strong{font-size:14px}.wallet-shortcut small{font-size:9px}
 .app-demo-header .demo-network strong{font-size:clamp(16px,4.6vw,20px)}.demo-network small{line-height:1.5;overflow-wrap:anywhere}
 .app-demo-tabs{padding:0 4px}.app-demo-tabs button{flex:1 0 auto;padding:14px 10px;font-size:11px}
 .map-filters{left:12px;right:12px;gap:5px;flex-wrap:wrap}.map-filters button{font-size:10px;padding:6px 8px}
 .map-drag-hint{max-width:calc(100% - 77px);font-size:9px}.map-caption{max-width:calc(100% - 22px);line-height:1.35;font-size:8px}
 .station-detail{padding:23px 18px}.station-wallet{gap:9px;flex-wrap:wrap}.nearby-list>button>div,.nearby-list>button>span{min-width:0}.nearby-list>button strong{overflow-wrap:anywhere}.nearby-list>button b{flex-shrink:0}
 .wallet-layout,.live-charge-layout,.prepare-charge,.charge-completed,.demo-history{padding-left:18px;padding-right:18px}.large-wallet{padding:21px 18px}.large-wallet>strong{font-size:clamp(32px,10.5vw,45px);overflow-wrap:anywhere}.large-wallet>span{gap:10px;overflow-wrap:anywhere}
 .topup-values{gap:7px;flex-wrap:wrap}.topup-values button{min-width:65px;flex:1}.live-values>div,.charge-estimate{flex-wrap:wrap;gap:8px}.prepare-charge label{gap:10px;flex-wrap:wrap}
 .history-cards article>div{min-width:0;flex:1 1 145px}.history-cards article>strong{font-size:19px;margin-left:47px}
 .admin-top{align-items:flex-start;flex-wrap:wrap;padding:17px 15px;gap:10px}.admin-top .demo-network{flex:1 1 160px}.admin-demo-badge{max-width:100%;flex-shrink:1;font-size:8px}
 .admin-main{padding:23px 14px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-metrics article{padding:14px 11px}.admin-metrics strong{font-size:23px}.admin-subheading{flex-wrap:wrap;gap:10px}
 .admin-station-list>button{flex-wrap:wrap;padding:13px 11px;gap:10px}.admin-station-list>button>div{flex:1 1 120px}.admin-station-list>button>b{margin-left:auto;font-size:15px}.admin-form{padding:20px 14px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .brand-preview{padding:24px 18px}.brand-preview h3{font-size:29px}.tx-filter{min-width:0;max-width:100%}.tx-filter select{max-width:100%}
 .store-tile{padding:23px 20px}.store-tile>*{min-width:0}.cost-summary{padding:23px 20px}.cost-summary strong{font-size:clamp(28px,9.5vw,41px);overflow-wrap:anywhere}
 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top .footer-brand{max-width:100%}.footer-top>div:first-child{min-width:0}.closing-bottom .button{white-space:normal;gap:12px}
}
@media(max-width:360px){.topbar{gap:8px}.topbar .brand-logo{width:134px}.nav-cta{font-size:9px;padding:8px}.price-card{padding:24px 18px}.price{font-size:56px}.price .price-unit{font-size:19px!important}.feature-grid{grid-template-columns:minmax(0,1fr)}.form-row{grid-template-columns:minmax(0,1fr)}.station-specs{gap:10px}.station-specs strong{font-size:19px}.network-icon{width:30px;height:30px}.wallet-shortcut{padding:6px 8px}.demo-network{gap:7px}.demo-app-footer{flex-wrap:wrap;gap:9px}.topup-values button{font-size:12px;padding:9px 5px}.stat-strip strong{font-size:25px}.stat-strip strong span{font-size:13px}}
.charge-stage:not(.portrait-scene) .car-art{width:106%;right:-10%;top:-16%}.charge-stage:not(.portrait-scene) .station-art{height:94%;max-width:none;left:0;top:1%;bottom:auto}.charge-stage:not(.portrait-scene) .plug{width:16%;min-height:0}
