/* Shared polish for the dense management tables (My Vehicles, My Listings, My Offers) -
   these stay MudTable (right fit for scanning many rows), this just sharpens header
   weight and row spacing slightly beyond MudBlazor's dense-table default. */

.dealer-table {
    border-radius: var(--m3-shape-lg);
    box-shadow: var(--m3-shadow-card);
    overflow: hidden;
}

/* Matches MudBlazor's own ".mud-table-root .mud-table-head .mud-table-cell" (3 classes)
   in specificity - the previous ".dealer-table .mud-table-head th" (2 classes + 1 type)
   silently lost that cascade despite loading later (found via the same
   document.styleSheets inspection used to fix the identical issue in the Admin Portal). */
.dealer-table.mud-table-root .mud-table-head .mud-table-cell,
.dealer-table .mud-table-head .mud-table-cell {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.6875rem;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
    background: var(--m3-surface-tint-2);
}

.dealer-table .mud-table-cell {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

/* Matches the "Featured" badge treatment used on VehicleCard/ListingDetail - same M3
   secondary-container pill everywhere a listing is marked featured. */
.dealer-table__featured-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: var(--m3-shape-full);
    background: var(--m3-secondary-container);
    color: var(--m3-on-secondary-container);
    font-size: 0.75rem;
    font-weight: 600;
}


/* My Listings: vehicles missing from the dealer's inventory feed, awaiting a one-click answer. */
.feed-missing-panel {
    border: 1px solid var(--sa-line);
    background: var(--sa-surface) !important;
}

.feed-missing-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 10px 4px;
}

.feed-missing-row + .feed-missing-row {
    border-top: 1px solid var(--sa-line-soft);
}

.feed-missing-row__what {
    display: grid;
    min-width: 0;
}

.feed-missing-row__what span {
    font-size: 0.85rem;
    color: var(--sa-ink-3);
}

.feed-missing-row__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.feed-missing-row__actions > span {
    font-size: 0.85rem;
    color: var(--sa-ink-2);
}

@media (max-width: 560px) {
    .feed-missing-row__actions { width: 100%; }
    .feed-missing-row__actions .mud-button-root { flex: 1; }
}

.my-listings-confirm {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    font-size: 0.85rem;
    color: var(--sa-ink-2);
}