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

h1:focus {
    outline: none;
}

.blazor-error-boundary {
    background: lightyellow;
    padding: 1rem 1rem 1rem 3.7rem;
    color: black;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}

.mud-table .mud-table-body .mud-table-row:nth-child(odd),
.mud-table .mud-table-container table tbody tr:nth-child(odd) {
    background-color: var(--mud-palette-table-striped, rgba(0, 0, 0, 0.04));
}

.app-shell-content {
    padding-inline: 0.75rem;
}

.edit-tab-panel-content {
    padding-top: 1.25rem;
}

@media (max-width: 1100px) {
    .app-shell-title {
        max-width: 42vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {
    .app-shell-content {
        padding-inline: 0.5rem;
    }

    .app-shell-title {
        max-width: 48vw;
        font-size: 1rem;
    }
}