html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}canvas{max-width:100%}
@media(max-width:768px){
body{width:100%;max-width:100%;overflow-x:hidden}input,select,textarea{font-size:16px!important}button,.btn,.btn-light,.btn-secondary{min-height:44px}.mobile-topbar{padding-top:max(8px,env(safe-area-inset-top));height:calc(52px + env(safe-area-inset-top))}.sidebar{padding-bottom:max(18px,env(safe-area-inset-bottom))}.modal{padding:10px!important}.modal-card{max-height:calc(100dvh - 20px);overflow:hidden}.modal-body{overflow-y:auto;overscroll-behavior:contain}.chart-box,.chart-wrap{max-width:100%;overflow:hidden}
.evolution-page main{padding:16px 12px calc(92px + env(safe-area-inset-bottom));width:100%}.evolution-page aside{position:fixed;inset:auto 0 0 0;height:auto;padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:60;background:#092f3d;box-shadow:0 -8px 24px rgba(0,0,0,.18)}.evolution-page aside .brand,.evolution-page aside .user,.evolution-page aside .aside-bottom{display:none}.evolution-page .nav{display:flex!important;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0}.evolution-page .nav::-webkit-scrollbar{display:none}.evolution-page .nav a{display:grid;place-items:center;gap:3px;flex:1 0 82px;min-height:58px;padding:6px 8px;border-radius:9px;font-size:10px;line-height:1.15;text-align:center;white-space:normal;scroll-snap-align:start}.evolution-page .nav a span{font-size:19px;margin:0}
.evolution-page .hero{margin-bottom:14px}.evolution-page .hero h1{font-size:clamp(23px,7vw,30px)}.evolution-page .hero p{font-size:13px;line-height:1.5}.evolution-page .period{display:block;width:100%;white-space:normal;text-align:center}.evolution-page .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.evolution-page .card{padding:12px;min-width:0}.evolution-page .card .label{font-size:11px;min-height:0}.evolution-page .card .value{font-size:22px}.evolution-page .filters{grid-template-columns:1fr;gap:8px;padding:12px}.evolution-page .filters input,.evolution-page .filters select,.evolution-page .filters button{min-height:46px}.evolution-page .grid{grid-template-columns:1fr;gap:10px}.evolution-page .panel{padding:13px}.evolution-page .chart-box{height:240px}
.evolution-page .table-wrap{overflow:visible;max-height:none;border:0;background:transparent}.evolution-page .table-wrap table{min-width:0;border-collapse:separate;border-spacing:0 10px}.evolution-page .table-wrap thead{display:none}.evolution-page .table-wrap tbody,.evolution-page .table-wrap tr,.evolution-page .table-wrap td{display:block;width:100%}.evolution-page .table-wrap tr{border:1px solid #dce6e8;border-radius:13px;background:#fff;box-shadow:0 5px 14px rgba(20,54,63,.07);overflow:hidden;margin-bottom:10px}.evolution-page .table-wrap td{display:grid;grid-template-columns:minmax(108px,40%) 1fr;align-items:center;gap:10px;padding:10px 12px;white-space:normal;border-bottom:1px solid #edf2f3;text-align:right}.evolution-page .table-wrap td:last-child{border-bottom:0}.evolution-page .table-wrap td::before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#698087;text-align:left}.evolution-page .table-wrap td.driver{min-width:0}.evolution-page .driver-link{text-align:right}.evolution-page .action-btn{width:100%;min-height:44px}
.evolution-page .events-summary{grid-template-columns:1fr}.evolution-page .events-chart{height:230px}.evolution-page .events-list{max-height:none;overflow-x:auto}.evolution-page .events-list table{min-width:520px}.evolution-page .modal-head{padding:15px}.evolution-page .modal-body{padding:14px}.evolution-page .modal{z-index:100}
}
@media(max-width:390px){.evolution-page .cards{grid-template-columns:1fr}.evolution-page .nav a{flex-basis:76px}.evolution-page .table-wrap td{grid-template-columns:100px 1fr}}