html, body { min-width: 320px; background: #020617; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { text-decoration: none; }
button, a, input { transition-property: color, background-color, border-color, box-shadow, opacity, transform; transition-duration: 150ms; }
h1:focus { outline: none; }
.valid.modified:not([type=checkbox]) { outline: 1px solid #34d399; }
.invalid { outline: 1px solid #fb7185; }
.validation-message { color: #fda4af; }
.account-modal-backdrop,
div[role="dialog"].fixed {
    position: fixed !important;
    inset: 0 !important;
    z-index: 60 !important;
    display: flex !important;
    min-height: 100dvh;
    align-items: center !important;
    justify-content: center !important;
    overflow-y: auto;
    padding: 1rem;
}
div[role="dialog"].fixed > .relative {
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    margin: auto;
}
div[role="dialog"][aria-labelledby="email-modal-title"] > .relative {
    width: min(100%, 48rem);
}
div[role="dialog"][aria-labelledby="email-modal-title"] h2,
div[role="dialog"][aria-labelledby="email-modal-title"] p,
div[role="dialog"][aria-labelledby="email-modal-title"] label,
div[role="dialog"][aria-labelledby="email-modal-title"] span,
div[role="dialog"][aria-labelledby="email-modal-title"] button {
    white-space: nowrap;
}
div[role="dialog"][aria-labelledby="email-modal-title"] p {
    overflow: hidden;
    text-overflow: ellipsis;
}
.blazor-error-boundary { background: #881337; padding: 1rem 1rem 1rem 3.7rem; color: white; }
.blazor-error-boundary::after { content: "Ocorreu um erro inesperado."; }