/* Keep sold-card actions on one compact row, including the delete action. */
@media (max-width: 899px) {
  html body:not(.desktop-page) [data-modal="vehicle-sell"] .modal-actions:has([data-sale-report-mode]:not([hidden])) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body:not(.desktop-page) [data-modal="vehicle-sell"] .modal-actions:has([data-sale-report-mode]:not([hidden])) > [data-sql-sell-detail-save] { grid-column: 1 !important; grid-row: 1 !important; }
  html body:not(.desktop-page) [data-modal="vehicle-sell"] .modal-actions:has([data-sale-report-mode]:not([hidden])) > [data-sale-report-mode] { grid-column: 2 !important; grid-row: 1 !important; }
  html body:not(.desktop-page) [data-modal="vehicle-sell"] .modal-actions:has([data-sale-report-mode]:not([hidden])) > [data-sale-line-share-open] { grid-column: 1 !important; grid-row: 2 !important; }
  html body:not(.desktop-page) [data-modal="vehicle-sell"] .modal-actions:has([data-sale-report-mode]:not([hidden])) > [data-close-modal] { grid-column: 2 !important; grid-row: 2 !important; }
}
@media (max-width: 899px) {
  html body:not(.desktop-page) .page[data-panel="sold"] .sold-card .card-actions.sold-card-actions {
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 4px !important;
    padding: 6px 7px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html body:not(.desktop-page) .page[data-panel="sold"] .sold-card .card-actions.sold-card-actions > button {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border-radius: 4px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }
  html body:not(.desktop-page) .page[data-panel="sold"] .sold-card .card-actions.sold-card-actions > button::before {
    width: 9px !important;
    height: 9px !important;
    flex: 0 0 9px !important;
    margin-right: 3px !important;
  }
  html body:not(.desktop-page) .page[data-panel="sold"] .sold-card .card-actions.sold-card-actions > .view {
    background: #fffaf0 !important;
  }
  html body:not(.desktop-page) .page[data-panel="sold"] .sold-card .card-actions.sold-card-actions > .sell {
    background: #f8d783 !important;
  }
  html body:not(.desktop-page) .page[data-panel="sold"] .sold-card .card-actions.sold-card-actions > .manage {
    background: #efecff !important;
  }
  html body:not(.desktop-page) .page[data-panel="sold"] .sold-card .card-actions.sold-card-actions > .delete {
    background: #fff !important;
    border-color: #efbaba !important;
    color: #d34d4d !important;
  }
}
/* Larger, readable vehicle action targets on phones. */
@media(max-width:899px){
html body:not(.desktop-page) .page:is([data-panel="inventory"],[data-panel="sold"]) :is(.vehicle-card,.sold-card) .card-actions.card-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important;box-sizing:border-box!important;padding:8px 6px!important}
html body:not(.desktop-page) .page:is([data-panel="inventory"],[data-panel="sold"]) :is(.vehicle-card,.sold-card) .card-actions.card-actions>button{flex:1 1 70px!important;min-width:0!important;width:auto!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 3px!important;font-size:12px!important;line-height:1.2!important;border-radius:6px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important}
html body:not(.desktop-page) .page:is([data-panel="inventory"],[data-panel="sold"]) :is(.vehicle-card,.sold-card) .card-actions.card-actions>button::before{width:13px!important;height:13px!important;flex:0 0 13px!important;margin:0!important}
}
@media(max-width:359px){html body:not(.desktop-page) .page:is([data-panel="inventory"],[data-panel="sold"]) :is(.vehicle-card,.sold-card) .card-actions.card-actions>button{flex-basis:calc(50% - 5px)!important}}