/* Shared visual rhythm for mileage and fuel analytics only. */
.cf-analytics-filter-panel label>span,.cf-analytics-filter-panel .cf-fuel-filters>div>span{font-size:13px!important;font-weight:600!important;color:#38556b;line-height:18px;margin-bottom:5px!important}
.cf-analytics-filter-panel select,.cf-analytics-filter-panel button[aria-expanded]{min-height:44px!important;border-radius:10px!important;font-size:14px!important}
.cf-mileage-metrics+[data-slot=card],.fuel-overview-list{border:1px solid #dbe5ef!important;border-radius:16px!important;box-shadow:0 4px 18px #163e5206!important;overflow:hidden}
.cf-mileage-metrics+[data-slot=card]{padding-block:0!important;gap:0!important}
.cf-mileage-metrics+[data-slot=card]>[data-slot=card-header]{padding:12px 16px!important;gap:3px!important;border-bottom:1px solid #e2ebf1}
.cf-mileage-metrics+[data-slot=card] table{font-size:14px!important;font-variant-numeric:tabular-nums}
.cf-mileage-metrics+[data-slot=card] th,.fuel-overview-heading{background:#edf4fa!important;color:#38556b!important;font-size:12px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
.cf-mileage-metrics+[data-slot=card] th{padding:12px 16px!important}
.cf-mileage-metrics+[data-slot=card] td{padding:12px 16px!important}
.fuel-overview-summary{font-size:14px!important;font-variant-numeric:tabular-nums}.fuel-overview-summary strong.text-lg{font-size:14px!important}.fuel-overview-row{padding:10px 16px!important}.fuel-overview-heading{padding:12px 16px!important}.fuel-overview-summary>span:first-child>span{font-size:11px!important}.fuel-detail-toggle{min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:4px}
@media(min-width:1024px){
.cf-analytics-filter-panel>.cf-fuel-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end!important;gap:12px 16px!important;padding:16px!important}
.cf-analytics-filter-panel>.cf-fuel-filters>p{grid-column:1/-1!important;text-align:left!important;font-size:12px!important;margin:0!important}
.cf-analytics-filter-panel [data-slot=native-select-wrapper]{width:100%!important;max-width:none!important}
:is(.cf-mileage-metrics,.cf-fuel-metrics)>[data-slot=card]{min-height:96px!important;border-radius:16px!important}
.cf-mileage-metrics+[data-slot=card] tbody tr{height:64px}.fuel-overview-summary{min-height:44px}.fuel-overview-row:hover,.cf-mileage-metrics+[data-slot=card] tbody tr:hover{background:#f7fafc}
}
@media(max-width:1023px){
.cf-mileage-metrics+[data-slot=card]>[data-slot=card-header]{padding:10px 12px!important}
.cf-mileage-metrics+[data-slot=card] table{min-width:0!important;display:block}
.cf-mileage-metrics+[data-slot=card] thead{display:none}
.cf-mileage-metrics+[data-slot=card] tbody{display:block}
.cf-mileage-metrics+[data-slot=card] tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 10px;padding:12px;border-bottom:1px solid #e2ebf1}
.cf-mileage-metrics+[data-slot=card] td{padding:0!important;text-align:left!important;min-width:0;font-size:13px;overflow-wrap:anywhere}
.cf-mileage-metrics+[data-slot=card] td:first-child{grid-column:1/3;grid-row:1;font-size:15px}
.cf-mileage-metrics+[data-slot=card] td:last-child:not([colspan]){grid-column:3;grid-row:1;text-align:right!important;white-space:nowrap;font-size:14px}
.cf-mileage-metrics+[data-slot=card] td:nth-child(2){grid-column:1;grid-row:2}.cf-mileage-metrics+[data-slot=card] td:nth-child(3){grid-column:2;grid-row:2}.cf-mileage-metrics+[data-slot=card] td:nth-child(4){grid-column:3;grid-row:2}
.cf-mileage-metrics+[data-slot=card] td:nth-child(2):before{content:'Počet jázd'}.cf-mileage-metrics+[data-slot=card] td:nth-child(3):before{content:'S nákladom'}.cf-mileage-metrics+[data-slot=card] td:nth-child(4):before{content:'Bez nákladu'}
.cf-mileage-metrics+[data-slot=card] td:before{display:block;font-size:11px;line-height:1.4;color:#60788a;margin-bottom:2px;font-weight:400}
.cf-mileage-metrics+[data-slot=card] td[colspan]{grid-column:1/-1!important;grid-row:auto!important}
.fuel-overview-row{padding:12px!important}.fuel-overview-summary strong.text-lg{font-size:15px!important}
}