:root {
    --background: #f8f9fa;
    --foreground: #212529;
    --card: #ffffff;
    --card-foreground: #212529;
    --primary: #1e3a5f;
    --primary-foreground: #ffffff;
    --secondary: #6c757d;
    --secondary-foreground: #ffffff;
    --muted: #e9ecef;
    --muted-foreground: #6c757d;
    --destructive: #dc3545;
    --destructive-foreground: #ffffff;
    --border: #dee2e6;
    --qc-success: #28a745;
    --qc-danger: #dc3545;
    --qc-warning: #ffc107;
    --qc-info: #007bff;
    --qc-bg: #f8f9fa;
    --qc-border: #dee2e6;
    --radius: 0.375rem;
}

html { font-size: 14px; }

h1, h2, h3, h4, h5, h6, div, p, span, section, article, header, footer, nav, main, aside {
    outline: none;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: var(--background);
    color: var(--foreground);
}

#blazor-error-ui { display: none; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f8f9fa; }
::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #6c757d; }

@media print { header button, .no-print { display: none !important; } body { background: white !important; } }

nav a.active, nav a.active:hover {
    background-color: #eff6ff;
    color: #1d4ed8;
}
nav a.active i {
    color: #1d4ed8;
}