/*
 * Error cheat sheet table (System → Errors).
 *
 * Mirrors the Android CheatSheetTab: code / reason / resolution with a
 * live hit tally. The only styling that matters here is making a code
 * that has actually fired visually distinct from the majority that have
 * not — on a healthy system most rows are theoretical, and the ones with
 * hits are the entire reason to open the page.
 */

.table--errors th[scope="row"] {
    white-space: nowrap;
}

/* Monospace so codes align and read as identifiers rather than prose. */
.table__cell--code {
    font-family: var(--font-mono);
    font-weight: 700;
}

/* Secondary detail — the "not retryable / last seen" tail under a
   resolution, and the dash standing in for a zero tally. */
.table__cell--muted {
    color: var(--color-text-muted, var(--color-text-secondary));
    font-size: var(--fs-xs);
    display: inline-block;
}

/* A code with at least one hit. Left border rather than a background
   wash: it survives the row-hover rule instead of fighting it. */
.table--errors .table__row--flagged th[scope="row"] {
    border-left: 3px solid var(--color-state-failed);
    padding-left: calc(var(--space-sm, 0.5rem) - 3px);
}