/* Todas as regras visuais novas estão limitadas ao celular. */
#mobileMenuToggle,#mobileAccountToggle{display:none}
@media(max-width:720px){
 body>header{position:sticky;top:0;z-index:30;min-height:60px!important;padding:10px 12px!important;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:4px 10px}
 #mobileMenuToggle{display:grid;place-items:center;grid-column:1;grid-row:1;width:44px;height:44px;margin:0;padding:0;background:transparent;color:#f7f4ff;border:1px solid #554266;font-size:23px;line-height:1}
 body:has(#app.hidden) #mobileMenuToggle,body:has(#nav:empty) #mobileMenuToggle{display:none}
 body>header h1{grid-column:2;grid-row:1;min-width:0;font-size:14px!important;margin:0}
 body>header h1 small{display:block;font-size:10px!important}
 #mobileAccountToggle:not([hidden]){display:grid;place-items:center;grid-column:3;grid-row:1;justify-self:end;width:44px;height:44px;margin:0;padding:0;border-radius:50%;background:#302244;color:#69ded0;border:1px solid #695179;font-size:14px;font-weight:600}
 #identity{display:none;font-size:13px}
 #identity.mobile-account-open{display:flex;flex-direction:column;align-items:stretch;position:absolute;right:12px;top:calc(100% + 6px);width:min(280px,calc(100vw - 24px));padding:16px;gap:12px;background:#241c38;border:1px solid #554266;border-radius:12px;box-shadow:0 8px 24px #09071a66;z-index:40}
 #identity .identity-name{min-width:0;overflow-wrap:anywhere;color:#e1d8ef}
 #identity button{min-height:44px;padding:10px 16px;margin:0;white-space:nowrap;width:100%}
 body:has(#app.hidden)>header,body:has(#nav:empty)>header{grid-template-columns:minmax(0,1fr) auto}
 body:has(#nav:empty)>header h1,body:has(#app.hidden)>header h1{grid-column:1}
 body:has(#nav:empty) #mobileAccountToggle{grid-column:2}
 .orb-shell .orb-sidebar{display:none!important}
 .orb-shell .orb-sidebar.mobile-menu-open{display:block!important;position:static!important;z-index:25;width:100%!important;height:auto!important;padding:10px 12px!important;border-bottom:1px solid #514365}
 #nav{flex-direction:column!important;overflow:visible!important;flex-wrap:nowrap!important}
 #nav button{min-width:0!important;width:100%!important;min-height:44px!important;padding:12px!important}
 .orb-shell main{padding:18px 12px 30px!important}
 #screen>h2,.hero h2{font-size:24px!important}
 .hero{gap:8px!important;margin-bottom:16px!important}.hero .eyebrow,.hero>.pill{display:none}.hero p{font-size:13px!important}
 #screen .cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #screen .cards section{min-height:112px!important;padding:14px 11px!important;margin:0!important}
 #screen .cards small{font-size:12px!important}#screen .cards h1{font-size:28px!important;margin:8px 0 4px!important}
 #screen .cards h1.currency{font-size:clamp(14px,4vw,19px)!important;white-space:nowrap;word-break:normal}
 #screen .cards .detail{font-size:11px!important}
 #screen .mobile-fold{margin:12px 0;border:1px solid #403452;border-radius:13px;background:#201d3a;min-width:0}
 #screen .mobile-fold>summary{padding:15px;min-height:48px;cursor:pointer;font-weight:600;overflow-wrap:anywhere}
 #screen .mobile-fold>section{border:0!important;margin:0!important;padding:14px!important;box-shadow:none}
 #screen .mobile-fold>.v8-overview{margin:0;padding:0 14px 14px;gap:10px}
 #screen .v8-overview section{padding:14px!important}.v8-meter-label{flex-wrap:wrap}.v8-meter-label b{white-space:normal}
 #screen .oc-section-head{gap:6px;margin-bottom:12px}#screen .oc-section-head h3{font-size:21px}
 #screen .oc-expanded-body{padding:0 14px 16px}#screen .oc-compact-summary{min-height:76px;padding:14px}
 #screen .oc-detail-header{flex-wrap:wrap;align-items:center}#screen .oc-detail-header h4{flex:1 1 180px}
 #screen .oc-detail-header button{flex:0 0 auto;white-space:nowrap;word-break:normal;min-width:72px;min-height:44px}
 #screen .oc-consumption{margin-top:18px}#screen .oc-consumption h5{margin-bottom:14px}
 #screen .oc-consumption .oc-progress-info{font-size:12px;gap:10px;flex-wrap:nowrap}
 #screen .oc-progress-info span{min-width:0}#screen .oc-progress-info span:last-child{text-align:right}
 #screen input:not([type=checkbox]):not([type=radio]),#screen select,#screen textarea,#login input:not([type=checkbox]){font-size:16px!important;min-height:44px!important;max-width:100%}
 #screen form button,#screen button{min-height:44px!important}
 #screen .wrap,#screen .tablewrap{overflow:visible!important;min-width:0}
 #screen table.mobile-record-table,#screen table.mobile-record-table tbody{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;table-layout:auto}
 #screen .mobile-record-table thead,#screen .mobile-record-table tr:has(>th){display:none!important}
 #screen .mobile-record-table tr:has(>td){display:block!important;background:#28223f;border:1px solid #463958;border-radius:12px;padding:12px;margin:12px 0}
 #screen table.mobile-record-table td{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;border:0!important;padding:7px 0!important;font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #screen .mobile-record-table td:empty{display:none!important}
 #screen .mobile-record-table td::before{content:attr(data-mobile-label);display:block;color:#c2b4d6;font-size:11px;line-height:1.5;margin-bottom:3px;text-transform:none;font-weight:500}
 #screen .mobile-record-table td button{margin:4px 6px 4px 0;white-space:normal;max-width:100%;font-size:13px!important}
 #screen .trip-table td:nth-child(2),#screen .trip-table td:last-child{white-space:nowrap!important}
 #screen .mobile-record-table .trip-origin,#screen .mobile-record-table .trip-destination{min-width:0!important;max-width:100%!important}
 #screen .mobile-record-table small{display:block;margin-top:4px;line-height:1.5}
 #screen .oc-item{display:block}#screen .oc-item span{display:block;margin-top:10px}
 #login{margin:28px auto;padding:18px}#login label input:not([type=checkbox]){display:block;width:100%;margin:6px 0 12px}
 #notice{margin:10px 0;font-size:13px}
}