html, body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    margin: 0;
    padding: 0;
}

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "Ha ocurrido un error."
}

#blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    background: #b32121;
    color: white;
    padding: 0.5rem 1rem;
    text-align: center;
}

/* Sidebar: the active item is inverted vs. the dark drawer — white background
   with dark navy text/icon — so the selected tab stands out and stays readable. */
.mud-drawer .mud-nav-link.active {
    color: #1F2937 !important;
    background-color: #FFFFFF !important;
}

.mud-drawer .mud-nav-link.active .mud-nav-link-icon {
    color: #1F2937 !important;
}