/* Elvisto Blazor WASM - Base Styles */

html, body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
    /* Guard against any stray over-wide element creating a horizontal
       scrollbar / blank gutter on mobile. clip (not hidden) preserves
       position:sticky behavior. */
    overflow-x: clip;
}

/* Same containment on the app roots so nothing between body and the shell
   can introduce a horizontal scroll. */
#app, .sa-shell {
    max-width: 100%;
    overflow-x: clip;
}

#blazor-error-ui {
    display: none;
}

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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}