/* /diagnostics support page (Elevate.Client/Pages/Diagnostics.razor).
   MudBlazor palette tokens only, so both themes and the prerender dark bridge work. */

.diag-finding {
    border-left: 4px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    background: var(--mud-palette-surface);
    box-shadow: var(--mud-elevation-1);
    padding: 12px 16px;
    margin-bottom: 12px;
}

.diag-severity-high { border-left-color: var(--mud-palette-error); }
.diag-severity-medium { border-left-color: var(--mud-palette-warning); }
.diag-severity-info { border-left-color: var(--mud-palette-info); }

.diag-chip {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 2px 8px;
    border-radius: 10px;
    margin-right: 8px;
}

.diag-severity-high .diag-chip { background: var(--mud-palette-error); color: var(--mud-palette-error-text); }
.diag-severity-medium .diag-chip { background: var(--mud-palette-warning); color: var(--mud-palette-warning-text); }
.diag-severity-info .diag-chip { background: var(--mud-palette-info); color: var(--mud-palette-info-text); }

.diag-check {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
}

.diag-check-detail {
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
}

.diag-env-table { width: 100%; border-collapse: collapse; }
.diag-env-table td { padding: 4px 12px 4px 0; vertical-align: top; word-break: break-word; }
.diag-env-key { color: var(--mud-palette-text-secondary); white-space: nowrap; }