/* ── Global Styles ──────────────────────────────────────────────────────────── */
html, body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

/* ── Typography helpers ─────────────────────────────────────────────────────── */
.fw-bold { font-weight: 700 !important; }

/* ── Scrollbar styling ───────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(100,116,139,0.4); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(100,116,139,0.7); }

/* ── Card hover lift effect ─────────────────────────────────────────────────── */
.mud-paper:not(.no-lift) {
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

/* ── Code / monospace ────────────────────────────────────────────────────────── */
code {
    background: rgba(148,163,184,0.15);
    padding: 2px 5px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 0.85em;
}

pre {
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── MudBlazor overrides ─────────────────────────────────────────────────────── */
.mud-nav-link.active {
    background: rgba(37,99,235,0.15) !important;
    border-left: 3px solid #2563EB;
}

.mud-drawer .mud-nav-link {
    border-radius: 0 8px 8px 0;
    margin-right: 12px;
    padding-left: 20px !important;
}

.mud-table-cell {
    white-space: nowrap;
}