.mud-text-field-mono input {
    font-family: RobotoMono, monospace !important;
}

.n-name-value-table-highlight-row {
    background-color: rgba(var(--mud-palette-warning-rgb), 0.25);
    font-weight: bold; /* Optional */
}

.mud-icon-size-small.fas,
.mud-icon-size-small.fa-brands,
.mud-icon-size-small.mdi {
    font-size: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.mud-icon-size-medium.fas,
.mud-icon-size-medium.fa-brands,
.mud-icon-size-medium.mdi {
    font-size: 1.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.mud-icon-size-large.fas,
.mud-icon-size-large.fa-brands,
.mud-icon-size-large.mdi {
    font-size: 1.8rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.n-icon-catalog {
    max-width: 100%;
}

.n-icon-catalog-families {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.n-icon-catalog-families .mud-chip {
    margin: 0;
}

.n-icon-catalog-grid {
    overflow-y: auto;
}

.n-icon-catalog-row {
    display: grid;
    grid-template-columns: repeat(var(--n-icon-columns), minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    overflow: hidden;
}

.n-icon-catalog-row > * {
    min-width: 0;
}

/* Handles bug with MudTabs and badge where badge size is ignored */
.mud-tab-badge {
    &.mud-badge-root {
        position: static; // Override absolute positioning from _badge.scss
        margin-left: 8px;

        .mud-badge-wrapper {
            position: static; // Override absolute positioning
            width: auto; // Allow natural width
            pointer-events: auto;
        }

        .mud-badge {
            position: static; // Override absolute positioning
            display: inline-flex;
        }
    }
}