/* Dashboard (Home.razor) styles added by the 1 Oct 2026 CRM fixes. Loads after flashfix-app.css. The work queue that used to sit at the top of the dashboard has its own sheet, work-queue.css. */

/* ============================================================================
   Tables and small print
   ============================================================================ */

/* The shared .data-table is at least 920px wide, which is right for the wide lead lists but leaves the
   short surveyor and platform tables scrolling sideways on a laptop. */
.data-table.dash-table-compact { min-width: 640px; }

/* Table cells take their colour from .data-table td and, in the light theme, .light .data-table td, so the
   dashboard's cell colours are written at a specificity that beats both. */

/* A long access note should not stretch its row; the full text is one click away in the diary. */
.data-table td.dash-cell-note,
.light .data-table td.dash-cell-note { max-width: 260px; white-space: normal; color: var(--muted); }

/* Late items read as late without shouting: the colour carries it, not a banner. */
.data-table td.dash-late,
.light .data-table td.dash-late { color: color-mix(in srgb, var(--score-danger), var(--text) 18%); font-weight: 600; }

/* The Unassigned row is part of the sum, not a person: quieter, and its explanation sits under the name. */
.data-table .dash-row-muted td,
.light .data-table .dash-row-muted td { color: var(--muted); }
.data-table .dash-row-muted td small { display: block; margin-top: 2px; font-size: 10.5px; }

/* The total the rows add up to. A rule above it rather than another shade, so it reads as a sum. */
.data-table tfoot .dash-total-row td { border-top: 1px solid var(--border); border-bottom: 0; font-weight: 600; }

.dash-foot-note { margin: 8px 2px 0; font-size: 11px; color: var(--muted); }
.dash-foot-pad { padding: 0 13px 10px; }

/* A pipeline stage the person cannot open (a beller has no Orders board) keeps the row's layout without
   pretending to be a link. Mirrors .pipeline-list a. */
.dash-pipeline-static {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "stage count" "bar value";
    gap: 3px 10px;
    padding: 8px 10px;
}

/* A role with no figures of its own (no sales, calling or survey role) gets one pointer to its work queue rather than a blank page. */
.empty-state.dash-basic { display: grid; justify-items: center; gap: 6px; max-width: 460px; margin: 48px auto; }
.empty-state.dash-basic .ui-icon { width: 28px; height: 28px; color: var(--accent); }
.empty-state.dash-basic b { color: var(--text); font-size: 14px; }