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

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

.text-multiline
{
    white-space: pre-wrap;
}

.text-bold
{
    font-weight: bold !important;
}

.font-monospace
{
    font-family: 'Cascadia Mono', Consolas, 'Courier New', Courier, monospace;
}

.right-buttons
{
    text-align: right;
}

    .right-buttons button:not(:last-child)
    {
        margin-right: 8px;
    }

.left-buttons
{
    text-align: left;
}

    .left-buttons *:not(:first-child)
    {
        margin-right: 8px;
    }

.mud-table
{
    width: 100%;
}

.tab-panel-vertical
{
    justify-content: start;
}

/* Global: gray background for disabled inputs and MudBlazor fields */
input:disabled,
select:disabled,
textarea:disabled,
.mud-input.mud-disabled .mud-input-root,
.mud-select.mud-disabled .mud-input-root,
.mud-disabled .mud-input-root {
    background-color: #f0f0f0 !important; /* light gray */
    color: rgba(0, 0, 0, 0.6);
}

/* Ensure inner native input/textarea also reflects background if any */
.mud-input.mud-disabled input,
.mud-input.mud-disabled textarea {
    background-color: transparent; /* keep wrapper color visible */
}

/* Explicitly handle MudTextField disabled state */
.mud-input.mud-disabled,
.mud-input.mud-disabled .mud-input-control,
.mud-input.mud-disabled .mud-input-slot,
.mud-input.mud-disabled .mud-input-outlined,
.mud-input.mud-disabled .mud-input-underline {
    background-color: #f0f0f0 !important;
}