/* Shared styles for admin pages (AdminStatistics, ProtocolStats)
   Only contains rules for CUSTOM class names.
   MudBlazor overrides (::deep .mud-*) must stay in scoped .razor.css files
   to avoid leaking into non-admin components. */

/* Title styling */
.title-code {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    color: #fff !important;
}

/* Button styling */
.button-code {
    background-color: transparent !important;
    border: 1px solid #080809 !important;
    color: #91c33e !important;
    text-transform: none !important;
    font-size: 14px !important;
    padding: 4px 16px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: none !important;
}

.button-code:hover {
    background-color: rgba(145, 195, 62, 0.1) !important;
}

.button-code:focus,
.button-code:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #91c33e !important;
}

/* Stats card styling */
.stats-card {
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.stats-card:hover {
    transform: translateY(-2px) !important;
    background-color: #141C21 !important;
}

.stat-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}

/* Filter select styling */
.filter-select .mud-input {
    background-color: #0D1215 !important;
    color: #A2A2A2 !important;
    border: 1px solid rgba(184, 248, 78, 0.23) !important;
    border-radius: 4px !important;
}

.filter-select .mud-input:hover {
    border-color: #B8F84E !important;
}

.filter-select .mud-input-label {
    color: #565E63 !important;
}

.filter-select .mud-select {
    background-color: #0D1215 !important;
}

/* Activity timeline styling */
.activity-item {
    padding: 8px 12px;
    border-radius: 4px;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

.activity-item:hover {
    background-color: rgba(184, 248, 78, 0.05);
    border-left-color: #B8F84E;
}

/* Custom scrollbar styling */
.custom-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #141C21;
    border-radius: 0;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #2C373D;
    border-radius: 0;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #374449;
}

/* Firefox scrollbar */
.custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: #2C373D #141C21;
}

/* Progress bar styling */
.progress-bar {
    width: 100%;
    height: 6px;
    background-color: #141C21;
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #B8F84E 0%, #91c33e 100%);
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .stats-card {
        margin-bottom: 8px;
    }
    .activity-item {
        padding: 6px 8px;
    }
}