/* Signals Dashboard Styles - Enhanced with Base.css Integration */

/* ✅ REMOVED: .metric-card styles - use base.css definition */

.metric-label {
    font-size: 13px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

/* ✅ REMOVED: .metric-value duplicate - use base.css definition */

/* Last Updated Time */
.last-updated {
    font-size: 12px;
    color: var(--muted);
    text-align: right;
    margin-bottom: 10px;
}

/* Signal Tabs - Enhanced with theme support */
.signal-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: var(--muted);
    font-weight: 500;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
    background: transparent;
}

.signal-tabs .nav-link:hover {
    border-bottom-color: var(--primary);
    color: var(--primary);
}

.signal-tabs .nav-link.active {
    border-bottom-color: var(--primary);
    color: var(--primary);
    background-color: transparent;
}

/* Enhanced DataTables Integration */
/* ✅ REMOVED: .table styles - use base.css definition */

/* ✅ REMOVED: .symbol-link duplicate - use base.css definition */

/* P&L Display - Using base.css semantic colors */
.signal-positive {
    color: var(--positive);
    font-weight: 600;
}

.signal-negative {
    color: var(--negative);
    font-weight: 600;
}

/* Strength Badges - Using Bootstrap theme colors */
.strength-high {
    background-color: var(--success);
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.strength-medium {
    background-color: var(--warning);
    color: var(--text);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.strength-low {
    background-color: var(--secondary);
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

/* Fundamental Score Badges - Professional grading */
.fundamental-excellent {
    background-color: var(--success);
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
}

.fundamental-good {
    background-color: var(--info);
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
}

.fundamental-average {
    background-color: var(--warning);
    color: var(--text);
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
}

.fundamental-weak {
    background-color: var(--danger);
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
}

/* ✅ REMOVED: Special market cap formatting - let columns be natural */

/* DataTables Sorting Enhancement */
.sorting-asc::after {
    content: " ↑";
    color: var(--success);
    font-weight: bold;
}

.sorting-desc::after {
    content: " ↓";
    color: var(--danger);
    font-weight: bold;
}

/* Table Scroll Enhancement */
/* ✅ REMOVED: Table styles - use base.css definition */

/* ✅ REMOVED: Dark mode table styles - use base.css definition */

/* ✅ REMOVED: Performance optimization table styles - use base.css definition */

@media (max-width: 768px) {
    .metric-card {
        margin-bottom: 10px;
    }
    
    /* ✅ REMOVED: .metric-value mobile duplicate - base.css handles this */
    
    .signal-tabs .nav-link {
        padding: 0.5rem 0.75rem;
        font-size: 14px;
    }
}

/* Loading State */
.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

[data-theme="dark"] .loading-overlay {
    background: rgba(0, 0, 0, 0.8);
}