html, body { margin: 0; font-family: Roboto, "Helvetica Neue", Arial, sans-serif; }
.loading { display: flex; align-items: center; justify-content: center; height: 100vh; color: #1565C0; font-size: 1.1rem; }

#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; width: 100%; z-index: 10000;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

/* MapLibre popups/controls must sit under MudBlazor's app bar and drawer */
.cityhall-map .maplibregl-ctrl-top-right { z-index: 1; }