html,
body,
#app {
    height: 100%;
}

body {
    margin: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

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

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

.validation-message {
    color: #e50000;
}

/* Initial WASM boot splash — mirrors Multicat.Blazor.Loading */
.mc-boot-loading {
    --mc-loading-primary: #1C4A64;
    --mc-loading-secondary: #0080A0;
    --mc-loading-text: #64748b;
    --mc-loading-surface: #ffffff;
    --mc-loading-radius: 6px;
    box-sizing: border-box;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    background: #FAFAFA;
}

.mc-boot-loading *,
.mc-boot-loading *::before,
.mc-boot-loading *::after {
    box-sizing: border-box;
}

.mc-boot-loading__panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.875rem;
    min-width: 11rem;
    padding: 1.5rem 1.75rem;
    text-align: center;
    border-radius: var(--mc-loading-radius);
    background: var(--mc-loading-surface);
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.10),
        0 8px 20px rgba(0, 0, 0, 0.08);
}

.mc-boot-loading__spinner {
    display: block;
    transform-origin: 50% 50%;
    animation: mc-boot-spin 1.05s linear infinite;
}

.mc-boot-loading__track {
    stroke: color-mix(in srgb, var(--mc-loading-primary) 16%, transparent);
}

.mc-boot-loading__arc--primary {
    stroke: var(--mc-loading-primary);
    animation: mc-boot-pulse 1.4s ease-in-out infinite;
}

.mc-boot-loading__arc--secondary {
    stroke: color-mix(in srgb, var(--mc-loading-secondary) 75%, var(--mc-loading-primary));
    opacity: 0.85;
    animation: mc-boot-spin-reverse 1.6s linear infinite;
    transform-origin: 50% 50%;
    transform-box: fill-box;
}

.mc-boot-loading__message,
.loading-progress-text {
    margin: 0;
    max-width: 18rem;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.4;
    color: var(--mc-loading-text);
}

.loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "Loading...");
}

@keyframes mc-boot-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes mc-boot-spin-reverse {
    to {
        transform: rotate(-360deg);
    }
}

@keyframes mc-boot-pulse {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.55;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mc-boot-loading__spinner,
    .mc-boot-loading__arc--primary,
    .mc-boot-loading__arc--secondary {
        animation: none;
    }
}

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

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

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

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