/* Página Seguidores — porta a aba "Seguidores" do v1 (dado mensal por
   rede, [SEGUIDORES]) pro 2.0. Reaproveita .card/.cards-row/.page-head já
   existentes em style.css/metric-page.css, só o que é específico daqui. */

.seg-kpi-sub { font-size: 12px; margin-top: 4px; }
.seg-kpi-sub .gain { color: var(--good); font-weight: 600; }
.seg-kpi-sub .loss { color: var(--critical); font-weight: 600; }

.seg-charts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: var(--space-4); margin-bottom: var(--space-5); }
.seg-chart-card { border-top: 3px solid var(--grid); }
.seg-chart-header { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; margin-bottom: var(--space-3); }
.seg-chart-header .net-icon { width: 22px; height: 22px; }

.seg-year-label {
  margin: var(--space-5) 0 var(--space-3);
  font-size: 12px; font-weight: 700; color: var(--text-2);
  letter-spacing: .04em; text-transform: uppercase;
}

.seg-tables-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: var(--space-4); }
.seg-table-card { padding: var(--space-4); }
.seg-table-header { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; margin-bottom: var(--space-3); }
.seg-table-header .net-icon { width: 22px; height: 22px; }
.seg-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.seg-table th, .seg-table td { padding: 6px 8px; text-align: right; border-bottom: 1px solid var(--grid); }
.seg-table th:first-child, .seg-table td:first-child { text-align: left; }
.seg-table th { color: var(--text-2); font-weight: 500; font-size: 11px; }
.seg-table td.gain { color: var(--good); }
.seg-table td.loss { color: var(--critical); }