/* ── Dashboard Stat Tiles ── */

.stat-tile {
    text-align: center;
}

.stat-tile-clickable {
    text-align: center;
    cursor: pointer;
}

.stat-icon {
    font-size: 2rem;
}

/* ── Charts ── */

.chart-container {
    height: 10rem;
}

/* ── Contribution Heatmap ── */

.heatmap-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    max-width: 52rem;
}

.heatmap-cell {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 2px;
}

.heatmap-legend-0 { background-color: var(--rz-base-300); }
.heatmap-legend-1 { background-color: var(--heatmap-1, #9be9a8); }
.heatmap-legend-2 { background-color: var(--heatmap-2, #40c463); }
.heatmap-legend-3 { background-color: var(--heatmap-3, #30a14e); }
.heatmap-legend-4 { background-color: var(--heatmap-4, #216e39); }

.rz-dark .heatmap-legend-1 { --heatmap-1: #0e4429; }
.rz-dark .heatmap-legend-2 { --heatmap-2: #006d32; }
.rz-dark .heatmap-legend-3 { --heatmap-3: #26a641; }
.rz-dark .heatmap-legend-4 { --heatmap-4: #39d353; }

.rz-dark .heatmap-legend-0 { background-color: var(--rz-base-600); }

/* ── Activity Table ── */

.activity-icon {
    font-size: 1rem;
    color: var(--rz-text-secondary-color);
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}

/* ── Help tooltip icon ── */

.help-icon {
    font-size: 1.125rem;
    color: var(--rz-text-tertiary-color);
    cursor: help;
}

/* ── Lock icon in header ── */

.lock-header-icon {
    font-size: 1rem;
    vertical-align: middle;
}