/* UX-C5 / C6 (issue 222, UX review 2026-10-14): shared table density + list summary rules.
   Opt in with class="dense-table" on a MudTable / MudSimpleTable; the cell helpers (.nowrap, .money, .cell-ellipsis) work anywhere.
   Kept out of app.css on purpose (separate owner). */

/* Headers never wrap ("Invoice #", "Balance fwd"). */
.dense-table th,
.dense-table .mud-table-head .mud-table-cell {
    white-space: nowrap;
}

/* 44px rows on desktop; MudTable's stacked phone layout (below 600px) keeps its own height. */
@media (min-width: 600px) {
    .dense-table .mud-table-body .mud-table-row,
    .dense-table tbody tr {
        height: 44px;
    }
    .dense-table .mud-table-body .mud-table-cell,
    .dense-table tbody td {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

/* IDs, dates, periods. */
.nowrap,
.dense-table .nowrap {
    white-space: nowrap;
}

/* Money: right-aligned, digits line up, never split. */
.money,
.dense-table .money {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.dense-table th.money,
.dense-table .mud-table-head .money {
    text-align: right;
}

/* Long text: one line + ellipsis; put the full text in title="…". */
.cell-ellipsis {
    display: block;
    max-width: var(--cell-ellipsis-max, 260px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Whole-row click: the chevron at the row end. */
.dense-table .row-chevron {
    width: 32px;
    text-align: right;
    color: var(--mud-palette-text-secondary);
}

/* Muted placeholder text in a cell ("Draft", "Not calculated"). */
.cell-muted {
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

/* Meta lines on list cards (phone, e-mail, plate): readable 13px, not 11px grey. */
.meta-text {
    font-size: 13px;
    line-height: 1.45;
    color: var(--mud-palette-text-secondary);
}
.meta-text a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--mud-palette-lines-default);
}

/* ListSummary — the line under a page title. */
.list-summary {
    font-size: 14px;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}
.list-summary-alert {
    color: var(--mud-palette-error);
    font-weight: 500;
}