.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbmsiPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

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

/* Narrow only the date-picker input field; leave the calendar popover at its
   natural width so all days of the month stay visible. */
.up-picker-narrow .mud-input-control {
    width: 160px;
}

/* Roh-Textblöcke der Log-Detailansicht: Stacktraces und JSON behalten ihre Formatierung,
   bleiben aber in einem scrollbaren Bereich, statt den Dialog zu sprengen. */
.up-log-block {
    max-height: 320px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.8rem;
    padding: 8px;
    margin: 4px 0 16px;
    border-radius: 4px;
    background-color: var(--mud-palette-background-gray);
}