/* My Car — desktop layout fix */
@media (min-width: 761px){
  #appSection{grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr)!important;align-items:start!important;}
  #appSection>.mc-page-head,#appSection>.mc-selector-card{grid-column:1/-1!important;}
  #cars{grid-column:1!important;grid-row:3!important;min-width:0;}
  .card:has(#fuelSummary){grid-column:2!important;grid-row:3!important;width:100%;min-width:0;}
  .mc-section-head{grid-column:1/-1!important;grid-row:4!important;width:100%;}
  .maintenance-grid{grid-column:1/-1!important;grid-row:5!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  #fuelForm,#itemForm{grid-column:1/-1!important;}
  #expensesV3,#expensesV4,.invoice-plan{grid-column:1/-1!important;width:100%;}
  .maintenance-panel{min-width:0;width:100%;}
}
@media (min-width:1201px){
  .container{padding-left:48px!important;padding-right:48px!important;}
  #appSection{max-width:1440px!important;gap:24px!important;}
}
@media (min-width:761px) and (max-width:1100px){
  #appSection{grid-template-columns:minmax(0,1fr)!important;}
  .card:has(#fuelSummary){grid-column:1!important;grid-row:auto!important;}
  .maintenance-grid{grid-template-columns:1fr!important;}
}