html, body { margin: 0; padding: 0; height: 100%; font-family: 'Roboto', sans-serif; }
#app { height: 100%; }
#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; right: 0; z-index: 1000; }
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
.mud-main-content { min-height: calc(100vh - 64px); }

/* Page transition animation from client app.css */
.mud-layout {
    transition: background-color 0.3s ease, color 0.3s ease;
}
.page-transition {
    animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.right-aligned-input input { text-align: right; }
.text-right { text-align: right; }
.border-bottom { border-bottom: 1px solid var(--mud-palette-divider); }