/* Blazor Validation styles styled to match Tailwind CSS */
.validation-message {
    color: #ef4444; /* red-500 */
    font-size: 0.875rem; /* text-sm */
    margin-top: 0.25rem;
    font-weight: 500;
}

.invalid {
    border-color: #ef4444 !important;
}

/* Base resets for modern feel */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus {
    outline: none;
}