/*
 * VibeScan.Web — Application-level overrides.
 * Core design system is in _content/VibeScan.Ui/tokens.css and components.css.
 */

/* Blazor error UI */
#blazor-error-ui {
    background: var(--color-card);
    border: 1px solid var(--severity-high);
    border-radius: var(--radius-md);
    bottom: var(--space-md);
    box-shadow: var(--shadow-lg);
    color: var(--color-text);
    display: none;
    left: 50%;
    transform: translateX(-50%);
    padding: var(--space-md) var(--space-lg);
    position: fixed;
    width: max-content;
    max-width: calc(100vw - 2rem);
    z-index: 9999;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: var(--space-sm);
    top: var(--space-xs);
}

/* Reconnect display override */
#components-reconnect-modal {
    z-index: 9998;
}

/* Blazor FocusOnNavigate focuses the page h1 for screen readers; it is not a control, so no ring. */
h1:focus { outline: none; }

@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }