/* MudBlazor handles base styles — minimal overrides only */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(124, 77, 255, 0.3); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(124, 77, 255, 0.6); }

/* Blazor reconnect / error overlays */
#blazor-error-ui {
    display: none;
    background: #fee;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    border-top: 1px solid #f5c6cb;
    position: fixed;
    z-index: 9999;
}
#blazor-error-ui .reload { color: inherit; font-weight: bold; }
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

/* Stat card gradient backgrounds */
.stat-card-primary   { background: linear-gradient(135deg, #7C4DFF22, #7C4DFF08) !important; border-left: 3px solid #7C4DFF; }
.stat-card-success   { background: linear-gradient(135deg, #00C85322, #00C85308) !important; border-left: 3px solid #00C853; }
.stat-card-warning   { background: linear-gradient(135deg, #FF6D0022, #FF6D0008) !important; border-left: 3px solid #FF6D00; }
.stat-card-error     { background: linear-gradient(135deg, #FF175122, #FF175108) !important; border-left: 3px solid #FF1751; }
.stat-card-info      { background: linear-gradient(135deg, #2196F322, #2196F308) !important; border-left: 3px solid #2196F3; }
.stat-card-secondary { background: linear-gradient(135deg, #625B7122, #625B7108) !important; border-left: 3px solid #625B71; }

/* Smooth card transitions */
.mud-card { transition: box-shadow 0.2s ease, transform 0.15s ease; }
.mud-card:hover { transform: translateY(-1px); }

/* Nav link active state */
.mud-nav-link.active { border-right: 3px solid #7C4DFF; }

/* Config tabs */
.config-tab-panel { padding: 16px 0; }