html {
    font-size: 14px; /* Default: 1rem = 14px */
}

.mud-main-content {
    height: 100%;
    min-height: 100vh;
    display: flex;
}

.mud-chip.mud-chip-size-medium {
    font-size: var(--mud-typography-default-size) !important;
}

.mud-chip.mud-chip-size-small {
    font-size: var(--mud-typography-body2-size) !important;
}

.mud-chip {
    font-size: var(--mud-typography-default-size);
}

.mud-tabs {
    background-color: var(--mud-palette-surface);
}

.mud-input-control-margin-dense .mud-input > input.mud-input-root,
.mud-input-control-margin-dense div.mud-input-slot.mud-input-root {
    font-size: 0.90em;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: var(--mud-typography-default-size) !important;
}


.mud-simple-table table * tr > td, .mud-simple-table table * tr th {
    font-size: var(--mud-typography-default-size) !important;
}

.mud-expand-panel .mud-expand-panel-header {
    font-size: var(--mud-typography-default-size) !important;
}

.mud-button-year {
    font-size: var(--mud-typography-default-size) !important;
}

.mud-table-cell {
    font-size: var(--mud-typography-default-size) !important;
}

.mud-table-dense .mud-table-cell {
    font-size: var(--mud-typography-body2-size) !important;
}


.mud-button-outlined-size-small {
    font-size: var(--mud-typography-body2-size);
}

.mud-grid.readonly-grid > .mud-grid-item {
    border-bottom: 1px solid var(--mud-palette-table-lines);
    padding-bottom: 2px;
}

.mud-nav-link {
    white-space: normal !important;
}

.user-button {
    text-transform: none;
    background: rgba(var(--mud-palette-primary-rgb), 0.1)
}

.side-menu .mud-chip.mud-chip-size-small {
    font-size: 0.625rem;
    height: 1.125rem;
}

.mud-table.mud-data-grid .mud-toolbar {
    height: auto !important;
    padding: 1rem
}


.mud-table.mud-data-grid .mud-toolbar-gutters {
    height: auto !important;
    padding: 1rem
}

.mud-table.mud-data-grid .mud-table-toolbar {
    height: auto !important;
    padding: 1rem
}

.mud-table.mud-data-grid .mud-table-pagination-toolbar {
    height: auto !important;
    padding: 0rem !important;
}

.report-row-text > td {
    background-color: #e3f2fd !important;
    font-weight: bold !important;
}

.report-row-summa > td {
    background-color: #fff3cd !important;
    font-weight: bold !important;
    font-size: 1.05em !important;
}

/* Formatmallens textegenskaper måste sättas på cellen: MudBlazor sätter color/font-weight/font-size
   direkt på .mud-table-cell, så ett inline-värde på raden (<tr>) ärvs aldrig ned. Raden lämnar därför
   värdena som CSS-variabler (se ReportRowStyling) och cellen plockar upp dem här. */
tr.report-row > td {
    color: var(--report-row-font-color, var(--mud-palette-text-primary)) !important;
    font-weight: var(--report-row-font-weight, var(--mud-typography-body2-weight)) !important;
    font-style: var(--report-row-font-style, normal) !important;
}

/* Egen textstorlek sätts bara när formatmallen anger en, annars gäller gridens standardstorlek.
   Båda klasserna i väljaren behövs för att gå före .mud-table-dense .mud-table-cell ovan, som är !important. */
tr.report-row.report-row-sized > td {
    font-size: var(--report-row-font-size) !important;
}

.user-online-badge.mud-badge-dot {
    height: 12px;
    min-width: 12px;
    border-radius: 6px;
}