html, body { font-family: 'Inter', sans-serif; background-color: #0a0a0a; color: #ffffff; margin: 0; }
.mud-table { background-color: #1a1a1a !important; }
.mud-table-cell { border-bottom-color: #2828288e !important; }
.mud-table-head .mud-table-cell { color: #858585 !important; }
.mud-drawer { border-right-color: #2828288e !important; }
.mud-nav-link { color: #d1cdcd !important; }
.mud-nav-link:hover { background-color: #1a1a1a !important; }
.mud-nav-link.active { background-color: #1a1a1a !important; color: #ffb43d !important; }
.mud-input-outlined .mud-input-outlined-border { border-color: #2828288e !important; }
.mud-chip { border-color: #2828288e !important; }
a { color: #ffb43d; text-decoration: none; }
a:hover { text-decoration: underline; }
code { background-color: #121212; padding: 2px 6px; border-radius: 3px; font-size: 0.85em; }
@media (max-width: 960px) {
    .mud-drawer { position: absolute !important; z-index: 1300 !important; }
}

/* Dashboard stat cards */
.stat-card {
    background-color: #1a1a1a !important;
    border: 1px solid #2828288e;
    border-radius: 12px !important;
    padding: 20px !important;
}
.stat-label {
    color: #858585 !important;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}
.stat-icon {
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Chart cards */
.chart-card {
    background-color: #1a1a1a !important;
    border: 1px solid #2828288e;
    border-radius: 12px !important;
    padding: 24px !important;
}

/* MudChart dark theme overrides */
.mud-chart .mud-chart-legend-item text,
.mud-chart text {
    fill: #d1cdcd !important;
}
.mud-chart line {
    stroke: #2828288e !important;
}

/* Force all chart elements to fill container */
.chart-card .mud-chart,
.chart-card .mud-chart-line,
.chart-card .mud-chart-bar,
.chart-card .mud-chart-stacked-bar,
.chart-card .mud-chart-donut {
    width: 100% !important;
}
.chart-card .mud-chart svg,
.chart-card .mud-chart-line svg {
    width: 100% !important;
}
/* Override the inline width style MudBlazor sets on the chart wrapper div */
.chart-card > div[style*="width"] {
    width: 100% !important;
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #2828288e; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #ffb43d; }

/* Player name links */
.player-link {
    color: #ffb43d !important;
    cursor: pointer;
    text-decoration: none;
}
.player-link:hover {
    text-decoration: underline !important;
}

/* Alert/paper overrides */
.mud-paper {
    background-color: #1a1a1a !important;
}
.mud-alert {
    border-radius: 8px !important;
}

/* Dialog dark theme */
.mud-dialog {
    background-color: #1a1a1a !important;
}
.mud-dialog .mud-dialog-title {
    color: #ffffff !important;
}