/*
   static/css/dashboard.css
   Dashboard-specific styles for AlgorithmicFIRE
*/

/* Tab Styling: Economist Red for Active */
.nav-tabs .nav-link {
    background-color: #f8f9fa;
    color: #333 !important;
    border: 1px solid #dee2e6;
    margin-right: 2px;
    transition: all 0.2s ease;
}

.nav-tabs .nav-link.active {
    background-color: var(--brand-red) !important;
    color: #fff !important;
    border-color: var(--brand-red);
}

.nav-tabs .nav-link:hover:not(.active) {
    background-color: #e9ecef;
    color: var(--brand-red) !important;
    border-color: #dee2e6;
}

/* Card Hover Effects */
.hover-elevate {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-elevate:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

/* Fixed Button Sizing for Reports */
.btn-report {
    min-width: 120px;
    flex-shrink: 0;
}

/* Transitions */
.transition-all {
    transition: all 0.2s ease;
}

/* Locked Content Styling */
.report-locked {
    opacity: 0.8;
}

.report-locked .card-title a {
    color: #6c757d !important;
}

.report-locked:hover {
    opacity: 1;
}