html, body {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    margin: 0;
}

.page {
    position: relative;
    display: flex;
    flex-direction: row;
    min-height: 100vh;
}

main {
    flex: 1;
    min-width: 0;
}

.content {
    padding: 1.1rem 1.5rem;
    width: 100%;
    box-sizing: border-box;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Row density for the Organizations dashboard.
   `Dense="true"` on MudTable already shrinks the CELL padding (6px 24px 6px 16px instead of 16px), but
   three further things hold the row height up. Each one was found by measuring the live page and then
   re-measuring after the fix - not by reading the stylesheet:
   1. the MudChip in the two count columns was 24px, and MudBlazor's own `.mud-chip.mud-chip-size-small`
      beat a plain `.mud-chip` selector at equal specificity, so the `.mud-table-row` in this selector
      (0,3,0 vs 0,2,0) is what makes it win;
   2. the MudTooltip root in the money columns is an inline-block that shrink-wraps, so "12643.64 RUB"
      broke onto two lines and made every row 53px, 40px of it that one cell. nowrap is also simply
      correct for a numeric column;
   3. the residual 8px was MudBlazor's `line-height: 1.43` on the cell itself, which a 20px chip cannot
      shrink below - so line-height and the 6px cell padding are set here too.
   THE CELL RULE NEEDS (0,4,0), i.e. `.org-dashboard-table.mud-table-dense`: MudBlazor's own dense rule is
   `.mud-table-dense * .mud-table-row .mud-table-cell` at (0,3,0) AND its stylesheet is linked AFTER
   app.css, so an equal-specificity rule loses on order - measured live: padding stayed 6px/16px and rows
   stayed 40px until the class was doubled up.
   Measured result on the live page: 53px -> 33px rows. Scoped to this one table so nothing else on the
   panel changes size. */
.org-dashboard-table.mud-table-dense .mud-table-row .mud-table-cell {
    padding: 2px 12px;
    line-height: 1.1;
}

.org-dashboard-table .mud-table-row .mud-chip {
    height: 20px;
    min-height: 20px;
    font-size: 0.72rem;
}

.org-dashboard-table .mud-table-row .mud-chip .mud-chip-content {
    height: 20px;
}

.org-dashboard-table .mud-tooltip-root {
    white-space: nowrap;
}