html, body {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    background: #0f0f23;
    color: #e2e8f0;
}

.mud-table-cell { border-bottom: 1px solid #2d2d44 !important; }
.mud-table-row:hover .mud-table-cell { background: #1e1e3a !important; }
.mud-table-root { background: transparent !important; }

.analytics-table .mud-table-head .mud-table-cell {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 8px 16px;
    border-bottom: 1px solid #2d2d44 !important;
}

.analytics-table .mud-table-body .mud-table-cell {
    padding: 10px 16px;
}

.app-select .mud-input-root { color: #e2e8f0 !important; }
.app-select .mud-select-input { font-size: .85rem; }

.mud-nav-link { color: #94a3b8 !important; border-radius: 8px !important; margin: 2px 8px !important; }
.mud-nav-link:hover { background: #1e1e3a !important; color: #e2e8f0 !important; }
.mud-nav-link.active { background: #6c63ff22 !important; color: #6c63ff !important; }

.mud-chip { border-radius: 6px !important; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #12122a; }
::-webkit-scrollbar-thumb { background: #2d2d44; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #6c63ff; }

.copilot-panel { box-shadow: -4px 0 24px rgba(0,0,0,.4); }

.blazor-error-boundary {
    background: #7f1d1d;
    padding: 1rem;
    color: #fca5a5;
    border-radius: 8px;
}
.blazor-error-boundary::after { content: "An unhandled error has occurred." }