/* Keep sold-card actions on one compact row, including the delete action. */
@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;
  }
}