/* Operator app specifics. Tokens and components come from _content/Velocity360.UI/velocity360.css. */

.loading { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--muted); font-family: var(--sans); }
.loading .brand { font-family: var(--display); font-weight: 700; font-size: 22px; color: var(--ink); }
.loading-progress-text::after { content: var(--blazor-load-percentage-text, "Loading"); }

#blazor-error-ui { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 10px 16px; background: var(--amber-soft); color: var(--ink); border-top: 1px solid var(--amber); box-shadow: 0 -2px 8px rgba(0,0,0,0.15); }
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 12px; top: 8px; }