/* Blazor's own surfaces, styled to match payvisia.css rather than the framework template's
   Bootstrap defaults. Everything about the product's appearance lives in payvisia.css; this
   file only covers what the framework renders on its own. */

h1:focus { outline: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid var(--ok); }

.invalid { outline: 1px solid var(--bad); }

.validation-message { color: var(--bad); font-size: 0.8rem; }

.blazor-error-boundary {
    background: var(--bad-bg);
    border: 1px solid #f0c4bf;
    border-radius: var(--radius);
    color: #7d211c;
    padding: 1rem 1.25rem;
}

.blazor-error-boundary::after { content: "Der opstod en fejl på denne del af siden."; }