/* Typography — Inter for UI, JetBrains Mono for monospace bits (camera IDs, timestamps).
   Fonts are loaded from Google Fonts in Components/App.razor. */
html, body {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
code, pre, kbd, samp {
    font-family: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}

h1:focus { outline: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
.invalid { outline: 1px solid #e50000; }
.validation-message { color: #e50000; }

.blazor-error-boundary {
    background-color: #1A2128;
    color: #E6E9EC;
    padding: 1rem;
    border-left: 4px solid #EF4444;
}

.blazor-error-boundary::after {
    content: "An error has occurred. Reload the page to recover.";
    display: block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #8B95A1;
}