/* Shared table treatment for the CRM-style list pages (Cold List, Prospects,
   Dealership List, Vehicles) - a left accent bar on rows that are "already converted" /
   already linked to the next stage, matching the legacy admin portal's green-bar
   convention, done here via a border instead of a background fill so it stays legible in
   both light and dark mode. */

.admin-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 - a plain "thead th" (0 classes) silently loses that cascade despite
   loading later, same issue found in admin-shell.css's nav active-state rule. */
.admin-table.mud-table-root .mud-table-head .mud-table-cell,
.admin-table .mud-table-head .mud-table-cell {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
    background: var(--m3-surface-tint-2);
}

.admin-table__row--converted td:first-child {
    border-left: 4px solid var(--mud-palette-success);
}

.admin-search-field {
    max-width: 400px;
}

/* Prospects list - one line per contact (name + phone/email) stacked in the Contacts
   column, and an icon+word Temperature badge instead of a bare status word. */
.prospects-contact-line {
    line-height: 1.3;
    margin-bottom: 4px;
}

.prospects-contact-line:last-child {
    margin-bottom: 0;
}

.prospects-contact-line__name {
    font-weight: 600;
}

.prospects-contact-line__detail {
    display: block;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.prospects-temperature {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

/* Nested offers table inside an expanded Listings row (DealershipDetail's Listings tab) -
   sits flush against the parent row instead of looking like its own separate card. */
.admin-table__nested.mud-table-root {
    background: var(--m3-surface-tint-2);
    box-shadow: none;
}

.admin-table__nested .mud-table-container {
    padding: 0.5rem 1rem 0.5rem 3rem;
}
