/* Authoritative mobile vehicle/sold layout (clean v2 path). Loaded last. */
@media (max-width: 899px), (max-device-width: 899px) {
  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"]):not(.management-detail-open) {
    gap: 8px !important;
    padding: 8px 8px calc(96px + env(safe-area-inset-bottom)) !important;
    background: #f4f5f7 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]:not(.management-detail-open) {
    gap: 0 !important;
    padding: 4px 8px calc(96px + env(safe-area-inset-bottom)) !important;
  }

  /* Inventory filters: search, four plain selects, then quick filters. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"]:not(.management-detail-open) .inventory-mobile-search-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 8px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .inventory-mobile-search-card.has-capital-filter {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-search-card > .title-shared-vehicle-toggle {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-floating-search-card > input {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    order: -10 !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 12px 0 34px !important;
    border: 1px solid #ccd3dc !important;
    border-radius: 9px !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657588' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") !important;
    background-position: 11px center !important;
    background-repeat: no-repeat !important;
    background-size: 15px 15px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    box-shadow: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-search-card > select {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 17px 0 5px !important;
    border: 1px solid #d8dde4 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23374758' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E") !important;
    background-position: calc(100% - 6px) center !important;
    background-repeat: no-repeat !important;
    background-size: 9px 9px !important;
    color: #283443 !important;
    font-size: 13px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-align-last: center !important;
    white-space: normal !important;
    appearance: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-search-card > select:first-of-type {
    border-radius: 7px 0 0 0 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-search-card > select:last-of-type {
    border-right: 1px solid #d8dde4 !important;
    border-radius: 0 7px 0 0 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-search-card > .inventory-quick-filters {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d8dde4 !important;
    border-top: 0 !important;
    border-radius: 0 0 7px 7px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-quick-filters > strong {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-quick-filters > button {
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    width: 100% !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #29384a !important;
    font-size: 12px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif !important;
    font-weight: 800 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Shared metric language used by both reference screens. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-overview-card,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #252a31 !important;
    border-radius: 7px !important;
    background: #181c22 !important;
    box-shadow: none !important;
  }

  /* Exact vertical rhythm from the supplied inventory reference. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"]:not(.management-detail-open) .inventory-overview-card {
    margin-bottom: 10px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-overview-card article,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-summary-grid .metric-card {
    display: flex !important;
    min-width: 0 !important;
    min-height: 82px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 9px 3px !important;
    border: 0 !important;
    border-right: 1px solid #3b4047 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"])
    :is(.inventory-overview-card article, .sold-summary-grid .metric-card):last-child {
    border-right: 0 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-overview-card :is(.inventory-overview-icon, small),
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-summary-grid .metric-card small {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-summary-grid .metric-card > :is(span, strong, small) {
    margin: 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-summary-grid .metric-card > :is(span, strong, small)::before,
  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-summary-grid .metric-card > :is(span, strong, small)::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
  }

  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"])
    :is(.inventory-overview-card article, .sold-summary-grid .metric-card)::before,
  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"])
    :is(.inventory-overview-card article, .sold-summary-grid .metric-card)::after {
    display: none !important;
    content: none !important;
  }

  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"])
    :is(.inventory-overview-card article, .sold-summary-grid .metric-card) > span {
    min-height: 0 !important;
    padding: 0 !important;
    color: #dce1e7 !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"])
    :is(.inventory-overview-card article, .sold-summary-grid .metric-card) > strong {
    width: 100% !important;
    color: #fff !important;
    font-size: clamp(16px, 4.8vw, 21px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-primary-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-primary-actions > button {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-primary-actions > button:first-child {
    border-color: #181c22 !important;
    background: #181c22 !important;
    color: #fff !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-primary-actions > button:last-child {
    border-color: #d6dce3 !important;
    background: #f0f2f4 !important;
    color: #243345 !important;
  }

  /* Inventory card from the supplied BMW reference. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-list:not(.is-shared-vehicle-list) {
    display: grid !important;
    gap: 8px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-list:not(.is-shared-vehicle-list) .vehicle-card:not(.shared-vehicle-card) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 47%) minmax(0, 53%) !important;
    grid-template-areas: "title title" "photo details" "lights lights" "money money" "actions actions" !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d9dee5 !important;
    border-radius: 6px !important;
    background: #fff !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) > .vehicle-info,
  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) .vehicle-title-row,
  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) .vehicle-card-state {
    display: contents !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) .vehicle-card-title-stack {
    position: relative !important;
    grid-area: title !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    min-height: 56px !important;
    align-content: center !important;
    padding: 6px 58px 6px 11px !important;
    overflow: hidden !important;
    border-bottom: 1px solid #d9dee5 !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-brand-row {
    display: flex !important;
    width: 32% !important;
    max-width: 32% !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-brand-row > strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #111820 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-brand-row > .vehicle-location-pill {
    position: absolute !important;
    top: 7px !important;
    right: 58px !important;
    left: 34% !important;
    display: flex !important;
    gap: 6px !important;
    text-align: center !important;
    width: auto !important;
    max-width: none !important;
    min-height: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 6px 22px 6px 8px !important;
    border: 1px solid #aaa497 !important;
    border-radius: 8px !important;
    background: #d8d3c7 !important;
    color: #6d4a13 !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .38), 0 1px 3px rgba(53, 47, 36, .2) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-brand-row > .vehicle-location-pill > .vehicle-location-pin-icon {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-brand-row > .vehicle-location-pill > :is(span, i) {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-brand-row > .vehicle-location-pill.is-home-location {
    border-color: #9fbd96 !important;
    background: #e5f3e2 !important;
    color: #3f6b38 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-title-stack > h2 {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 5px !important;
    width: 32% !important;
    max-width: 32% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-title-text {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) .vehicle-card-primary-status {
    position: absolute !important;
    z-index: 2 !important;
    top: 28px !important;
    right: 9px !important;
    display: block !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-mobile-plate {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-primary-status > .pill {
    min-height: 20px !important;
    padding: 3px 7px !important;
    border-radius: 3px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  /* All inventory and sold card status badges share the same muted green tone. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-card-primary-status > .pill,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-reference-title > b {
    border-color: #dce5d5 !important;
    background: #eef2e8 !important;
    color: #5d7355 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) > :is(img, .vehicle-placeholder) {
    grid-area: photo !important;
    display: block !important;
    width: calc(100% - 14px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 6 / 5 !important;
    margin: 9px 4px 8px 10px !important;
    border-radius: 4px !important;
    object-fit: cover !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-list[data-view] .vehicle-card:not(.shared-vehicle-card) > .vehicle-reference-photo {
    display: block !important;
    grid-area: photo !important;
    width: calc(100% - 14px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 6 / 5 !important;
    align-self: start !important;
    margin: 9px 4px 8px 10px !important;
    object-fit: cover !important;
  }

  /* Owner accounts wrap the image in an extra frame. Keep that frame in the
     same photo cell so the legacy table rule cannot compress it into the title row. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-list.owner-card-photo-layout:not(.is-shared-vehicle-list)
    .vehicle-card:not(.shared-vehicle-card) > .owner-card-photo {
    grid-area: photo !important;
    position: relative !important;
    inset: auto !important;
    display: block !important;
    align-self: start !important;
    width: calc(100% - 14px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 6 / 5 !important;
    margin: 9px 4px 8px 10px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    clip-path: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-list.owner-card-photo-layout:not(.is-shared-vehicle-list)
    .vehicle-card:not(.shared-vehicle-card) > .owner-card-photo > .vehicle-reference-photo {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 4px !important;
    object-fit: cover !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) .vehicle-reference-details {
    grid-area: details !important;
    display: grid !important;
    grid-template-rows: repeat(6, auto) !important;
    align-self: stretch !important;
    align-content: start !important;
    gap: 3px !important;
    min-width: 0 !important;
    padding: 16px 10px 1px 8px !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-reference-details > span {
    display: grid !important;
    grid-template-columns: 35px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-reference-details i {
    color: #677487 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-reference-details b {
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #172033 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-reference-details
    > .vehicle-reference-body-panel > :is(i, b) {
    color: #c62828 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-reference-details > span:first-child b {
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) :is(.vehicle-card-summary, .vehicle-meta) {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) .vehicle-channel-lights {
    grid-area: lights !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 10px 7px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-channel-light {
    display: inline-flex !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-channel-light > i {
    width: 5px !important;
    height: 5px !important;
    flex: 0 0 5px !important;
    margin: 0 !important;
    border-radius: 50% !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-channel-light > span {
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 9px !important;
    text-overflow: ellipsis !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .vehicle-card:not(.shared-vehicle-card) .vehicle-stats {
    grid-area: money !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 10px 7px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: #f1f3f5 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-stats > b {
    display: grid !important;
    min-width: 0 !important;
    min-height: 58px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 6px 3px !important;
    border: 0 !important;
    border-left: 1px solid #d8dde3 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #101820 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-stats > b:first-child {
    border-left: 0 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"]
    .vehicle-card:not(.shared-vehicle-card) .vehicle-stats > b > span {
    display: block !important;
    margin: 0 !important;
    color: #607083 !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  /* Sold banner and controls from the final supplied reference. */
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-title-strip {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    column-gap: 8px !important;
    min-height: 55px !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin: 0 8px !important;
    padding: 8px 42px 8px 10px !important;
    overflow: hidden !important;
    border: 1px solid #292f36 !important;
    border-radius: 7px !important;
    background: #171c22 !important;
    box-sizing: border-box !important;
  }

  /* Compact decorative controls from the supplied sold-page reference. */
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-title-strip::before,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-title-strip::after {
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    width: 27px !important;
    height: 27px !important;
    content: "" !important;
    transform: translateY(-50%) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 27px 27px !important;
    pointer-events: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-title-strip::before {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    content: none !important;
    background: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-title-strip::after {
    right: 9px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Ccircle cx='14' cy='14' r='12.5' stroke='%236d7887'/%3E%3Ccircle cx='9.5' cy='14' r='1' fill='%23d5dbe2'/%3E%3Ccircle cx='14' cy='14' r='1' fill='%23d5dbe2'/%3E%3Ccircle cx='18.5' cy='14' r='1' fill='%23d5dbe2'/%3E%3C/svg%3E") !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-title-strip .sold-search-card {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-title-strip > .sold-banner-copy {
    grid-column: 1 !important;
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-title-strip > .sold-banner-copy::after {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    content: "快速搜尋・完整掌握每筆已售紀錄" !important;
    color: #cbd2da !important;
    font: 600 8.5px/1.2 system-ui, sans-serif !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-banner-copy > h1 {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font: 850 15px/18px system-ui, sans-serif !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-banner-copy > h1::before,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-banner-copy > h1::after {
    display: none !important;
    content: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-banner-copy > h1 > em {
    display: inline-block !important;
    margin-left: 5px !important;
    color: #d7af55 !important;
    font: 800 8px/1 system-ui, sans-serif !important;
    font-style: normal !important;
    letter-spacing: .12em !important;
    vertical-align: 2px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-banner-copy > small {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #cbd2da !important;
    font: 600 8.5px/1.2 system-ui, sans-serif !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .mobile-search-card {
    position: relative !important;
    display: grid !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 8px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .mobile-search-card > input {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 12px 0 34px !important;
    border: 1px solid #ccd3dc !important;
    border-radius: 9px !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23657588' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") !important;
    background-position: 11px center !important;
    background-repeat: no-repeat !important;
    background-size: 15px 15px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    box-shadow: none !important;
  }

  /* Keep only the search row floating below the sticky mobile header. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-floating-search-card,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .mobile-search-card {
    position: sticky !important;
    top: 70px !important;
    z-index: 85 !important;
    display: grid !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 8px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Match the inventory search bottom spacing to the 10px space above it. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-floating-search-card {
    margin: 0 0 10px !important;
    padding: 0 8px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row.mobile-filter-expanded {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: calc(100% - 16px) !important;
    min-height: 41px !important;
    margin: 0 8px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d8dde4 !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select[data-sql-sold-brand] {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select {
    width: 100% !important;
    min-width: 0 !important;
    height: 39px !important;
    min-height: 39px !important;
    margin: 0 !important;
    padding: 0 16px 0 7px !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe3e8 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23374758' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E") !important;
    background-position: calc(100% - 5px) center !important;
    background-repeat: no-repeat !important;
    background-size: 8px 8px !important;
    color: #283443 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-align-last: left !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
    font-synthesis: none !important;
    box-sizing: border-box !important;
  }

  /* Keep search, filters, metrics, actions and result cards on one shared
     inset. Older sold-page rules made the latter sections full-bleed. */
  html body #hongyi-mobile-shell .page[data-panel="sold"] :is(.sold-summary-grid, .sold-view-toolbar, .sold-list) {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
    box-sizing: border-box !important;
  }

  /* Keep the closed value and the native option list on exactly the same type
     scale. iOS/LINE otherwise restores its own font after a value is chosen. */
  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-search-card > select,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select {
    font: 500 13px/1.25 system-ui, -apple-system, "Segoe UI", sans-serif !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="inventory"] .inventory-mobile-search-card > select > option,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select > option {
    font: 500 13px/1.25 system-ui, -apple-system, "Segoe UI", sans-serif !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select > option {
    font: 500 11px/1.25 system-ui, -apple-system, "Segoe UI", sans-serif !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select:is(:focus, :active) {
    font: 500 11px/1.25 system-ui, -apple-system, "Segoe UI", sans-serif !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select:not([data-sql-sold-brand]) {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-control-row > select > option {
    color: #283443 !important;
    -webkit-text-fill-color: #283443 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-filter-value-label {
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    display: flex !important;
    width: 25% !important;
    height: 39px !important;
    min-width: 0 !important;
    align-items: center !important;
    padding: 0 16px 0 7px !important;
    overflow: hidden !important;
    color: #283443 !important;
    font: 500 11px/1.25 system-ui, -apple-system, "Segoe UI", sans-serif !important;
    letter-spacing: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-filter-value-label[data-sold-filter-index="0"] { left: 0 !important; }
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-filter-value-label[data-sold-filter-index="1"] { left: 25% !important; }
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-filter-value-label[data-sold-filter-index="2"] { left: 50% !important; }
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-filter-value-label[data-sold-filter-index="3"] { left: 75% !important; }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-summary-grid .metric-card {
    min-height: 82px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-summary-grid .metric-card small {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-view-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid #d8dde4 !important;
    border-radius: 7px !important;
    background: #fff !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-view-toolbar .desktop-list-view-switch {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-view-toolbar > .cf-entry {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid #cbd3dc !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: #243446 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-view-toolbar > .cf-entry::before {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 5px !important;
    content: "" !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%232c4054' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='6.5' r='3'/%3E%3Cpath d='M2.5 16c.4-3 2.2-4.7 5-4.7s4.6 1.7 5 4.7M14 7.5h3.5M15.75 5.75v3.5'/%3E%3C/svg%3E") center / contain no-repeat !important;
    flex: 0 0 16px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-view-toolbar .sold-sort-control {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    max-width: 100% !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-view-toolbar .sold-sort-control::before {
    position: absolute !important;
    z-index: 2 !important;
    top: 50% !important;
    left: 10px !important;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    content: "" !important;
    transform: translateY(-50%) !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%232c4054' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h9M4 10h7M4 15h5M15 4v11M12.5 12.5 15 15l2.5-2.5'/%3E%3C/svg%3E") center / contain no-repeat !important;
    pointer-events: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-view-toolbar .sold-sort-control > select {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 28px 0 30px !important;
    overflow: hidden !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  /* Sold card uses the same full-row hierarchy as the supplied Honda reference. */
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-list:not([data-view="followup"]) {
    display: grid !important;
    gap: 8px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-list:not([data-view="followup"]) .sold-card {
    display: grid !important;
    grid-template-columns: minmax(0, 47%) minmax(0, 53%) !important;
    grid-template-areas: "title title" "photo details" "money money" "actions actions" !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #d9dee5 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .sold-reference-title {
    position: relative !important;
    grid-area: title !important;
    display: flex !important;
    min-width: 0 !important;
    min-height: 56px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid #dfe3e8 !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-reference-title .sold-card-title-stack {
    display: grid !important;
    flex: 0 0 32% !important;
    width: 32% !important;
    max-width: 32% !important;
    gap: 2px !important;
    min-width: 0 !important;
    align-content: center !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-reference-title .sold-card-brand-row {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-reference-title .sold-card-brand-row > strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #111820 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-reference-title .sold-card-brand-row > .vehicle-location-pill {
    position: absolute !important;
    top: 7px !important;
    right: 58px !important;
    left: 34% !important;
    display: flex !important;
    gap: 6px !important;
    text-align: center !important;
    width: auto !important;
    max-width: none !important;
    min-height: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 6px 22px 6px 8px !important;
    border: 1px solid #aaa497 !important;
    border-radius: 8px !important;
    background: #d8d3c7 !important;
    color: #6d4a13 !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .38), 0 1px 3px rgba(53, 47, 36, .2) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-reference-title .sold-card-brand-row > .vehicle-location-pill > .vehicle-location-pin-icon {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-reference-title .sold-card-brand-row > .vehicle-location-pill > :is(span, i) {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-reference-title .sold-card-brand-row > .vehicle-location-pill.is-home-location {
    border-color: #9fbd96 !important;
    background: #e5f3e2 !important;
    color: #3f6b38 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-reference-title .sold-card-title-stack > h2 {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-reference-title > b {
    position: absolute !important;
    top: 50% !important;
    right: 9px !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    min-height: 20px !important;
    padding: 3px 7px !important;
    border-radius: 3px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
    border: 1px solid #dce5d5 !important;
    background: #eef2e8 !important;
    color: #5d7355 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > :is(img.sold-thumb, .sold-thumb-empty, .sales-sold-photo-wrap) {
    grid-area: photo !important;
    display: block !important;
    width: calc(100% - 14px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 6 / 5 !important;
    margin: 9px 4px 8px 10px !important;
    border-radius: 4px !important;
    object-fit: cover !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-list[data-view] .sold-card > .sold-reference-photo {
    display: block !important;
    grid-area: photo !important;
    width: calc(100% - 14px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 6 / 5 !important;
    align-self: start !important;
    margin: 9px 4px 8px 10px !important;
    object-fit: cover !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-list.owner-card-photo-layout .sold-card > .owner-card-photo {
    grid-area: photo !important;
    position: relative !important;
    inset: auto !important;
    display: block !important;
    align-self: start !important;
    width: calc(100% - 14px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 6 / 5 !important;
    margin: 9px 4px 8px 10px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    clip-path: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    .sold-list.owner-card-photo-layout .sold-card > .owner-card-photo > .sold-reference-photo {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 4px !important;
    object-fit: cover !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .sold-reference-details {
    grid-area: details !important;
    display: grid !important;
    grid-template-rows: repeat(6, auto) !important;
    align-self: stretch !important;
    align-content: start !important;
    gap: 3px !important;
    min-width: 0 !important;
    padding: 16px 10px 1px 8px !important;
    box-sizing: border-box !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .sold-reference-details > span {
    display: grid !important;
    grid-template-columns: 35px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .sold-reference-details i {
    color: #677487 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .sold-reference-details b {
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #172033 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card
    > .sold-reference-details > .vehicle-reference-body-panel > :is(i, b) {
    color: #c62828 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .sold-reference-details > span:first-child b {
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .sold-info {
    display: contents !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card .sold-info > :is(.sold-card-head, .sold-meta-line, .sold-extra-line) {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card .sold-info > .sold-grid {
    grid-area: money !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
    gap: 0 !important;
    margin: 0 10px 7px !important;
    overflow: hidden !important;
    border-radius: 3px !important;
    background: #f1f3f5 !important;
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: auto !important;
    padding: 0 !important;
    position: static !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card .sold-grid > span {
    display: flex !important;
    min-width: 0 !important;
    min-height: 58px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 6px 3px !important;
    border: 0 !important;
    border-right: 1px solid #d6dbe1 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #607083 !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card .sold-grid > span > b {
    display: block !important;
    margin: 0 !important;
    color: #101820 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  /* One neutral action row on both cards. */
  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"])
    :is(.vehicle-card, .sold-card) .card-actions.card-actions {
    grid-area: actions !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 5px !important;
    padding: 6px 7px 7px !important;
    border-top: 1px solid #e0e4e9 !important;
    background: #fff !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"])
    :is(.vehicle-card, .sold-card) .card-actions.card-actions > button {
    width: 0 !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    flex: 1 1 0 !important;
    margin: 0 !important;
    padding: 0 3px !important;
    border: 1px solid #d4d9e0 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #253446 !important;
    box-shadow: none !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .desktop-status-panel,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > :is(.sold-table-cells, .sold-legacy-table-cells) {
    display: none !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .sold-card > .card-actions.card-actions {
    grid-row: 4 !important;
  }

  html body #hongyi-mobile-shell .page:is([data-panel="inventory"], [data-panel="sold"])
    :is(.vehicle-card, .sold-card) .card-actions.card-actions > .delete {
    color: #c9363f !important;
  }

  /* Explicit sold-page rhythm and one shared width. These sections are
     normal-flow siblings, so page-level gap cannot align or separate them. */
  html body #hongyi-mobile-shell .page[data-panel="sold"]
    :is(.sold-title-strip, .mobile-search-card, .sold-control-row.mobile-filter-expanded,
      .sold-summary-grid, .sold-view-toolbar, .sold-list) {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
    box-sizing: border-box !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"]
    :is(.sold-title-strip, .mobile-search-card, .sold-control-row.mobile-filter-expanded,
      .sold-summary-grid, .sold-view-toolbar) {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .mobile-search-card {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    outline: 0 !important;
    overflow: hidden !important;
    background: none !important;
    background-color: #f4f5f7 !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    contain: paint !important;
  }

  html body #hongyi-mobile-shell .page[data-panel="sold"] .mobile-search-card::before,
  html body #hongyi-mobile-shell .page[data-panel="sold"] .mobile-search-card::after {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
  }
}

html body #hongyi-mobile-shell.mobile-app:not(.desktop-app)
  .page[data-panel="inventory"] .vehicle-list[data-view] .vehicle-card > .vehicle-reference-photo {
  display: block !important;
  width: calc(100% - 14px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 6 / 5 !important;
  object-fit: cover !important;
}

html body #hongyi-mobile-shell.mobile-app:not(.desktop-app)
  .page[data-panel="sold"] .sold-list[data-view] .sold-card > .sold-reference-photo {
  display: block !important;
  width: calc(100% - 14px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 6 / 5 !important;
  object-fit: cover !important;
}

/* Publication lights are binary: green means available, red means unavailable. */
html body #hongyi-mobile-shell.mobile-app:not(.desktop-app) .vehicle-channel-light.is-on > i {
  border-color: #16a34a !important;
  background: #16a34a !important;
  box-shadow: none !important;
}

html body #hongyi-mobile-shell.mobile-app:not(.desktop-app) .vehicle-channel-light.is-off > i {
  border-color: #dc3b35 !important;
  background: #dc3b35 !important;
  box-shadow: none !important;
}