/* Compset ranking premium page (scoped styles) */

.compset-premium-page .compset-command-card .card-body {
    padding: 20px;
}

.compset-premium-page .compset-insight-card {
    min-height: 120px;
}

.compset-premium-page .compset-k-label {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-tertiary);
    margin-bottom: 6px;
}

.compset-premium-page .compset-k-value {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--text-primary);
}

.compset-premium-page .compset-muted {
    color: var(--text-secondary);
}

.compset-premium-page .compset-delta-badge {
    font-size: 0.82rem;
    padding: 8px 10px;
}

.compset-premium-page .compset-vs-badge,
.compset-premium-page .compset-you-badge {
    font-weight: 600;
    letter-spacing: 0.01em;
}

.compset-premium-page .compset-current-row td {
    background: rgba(59, 130, 246, 0.08) !important;
}

.compset-premium-page .compset-inline-progress {
    min-width: 120px;
}

.compset-premium-page .compset-empty-state {
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    color: var(--text-muted);
}

.compset-premium-page .compset-empty-icon {
    font-size: 1.25rem;
    color: var(--accent-info);
}

.compset-premium-page .compset-compact-chart .js-plotly-plot {
    width: 100%;
}

.compset-premium-page .compset-benchmark-values {
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    border-radius: 10px;
    padding: 12px;
}

.compset-premium-page .compset-benchmark-mini {
    padding: 10px;
}

.compset-premium-page .compset-scorecard-table thead th {
    padding: 12px 14px !important;
}

.compset-premium-page .compset-scorecard-table tbody td {
    padding: 10px 14px !important;
}

.compset-premium-page .compset-scorecard-table .badge {
    font-size: 0.72rem;
}

.compset-premium-page .compset-compact-chart {
    margin-top: 4px;
}

.compset-premium-page .compset-deep-accordion .accordion-button {
    font-weight: 600;
    color: var(--text-primary);
}

@media (max-width: 992px) {
    .compset-premium-page .compset-insight-card {
        min-height: 105px;
    }
}