/* SEOGrow — Onglet Indexation (Indexation.js, 0.119.0). */

.idx-card { margin: var(--space-4) 0; }

/* Vue réseau : chiffres sur 3 colonnes à gauche, courbe du taux moyen à droite (50 / 50). */
.idx-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-4);
  align-items: stretch;
  margin-bottom: var(--space-4);
}
.idx-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: start;
  margin: 0;
}
.idx-kpis .kpi { min-width: 0; }
.idx-overview__chart { margin: 0; min-width: 0; }
.idx-count { margin: 0 0 var(--space-2); }

.idx-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-4) 0 var(--space-3);
}
.idx-search {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}
.idx-search__icon {
  position: absolute;
  left: 8px;
  display: inline-flex;
  pointer-events: none;
  color: var(--text-tertiary);
}
.idx-search .input {
  width: 300px;
  max-width: 100%;
  height: 32px;
  padding-left: 28px;
}
.idx-select {
  width: auto;
  max-width: 100%;
  height: 32px;
  padding: 0 var(--space-3);
  font-size: 13px;
}
.idx-check {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
}

.idx-table .idx-num { text-align: right; white-space: nowrap; }
.idx-sort { cursor: pointer; user-select: none; }
.idx-sort.is-active { color: var(--text-primary); }
.idx-table .plan-index { min-width: 120px; }
.idx-table .badge { white-space: nowrap; }
.idx-domain { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.idx-site-link { display: inline-flex; color: var(--text-tertiary); }
.idx-site-link:hover { color: var(--color-brand-primary); }

.idx-pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.idx-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

/* Search Console, vue domaine (0.128.0) : évolution détaillée à gauche, taux d'indexation à droite. */
.gsc-charts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-4);
  align-items: stretch;
}
.gsc-charts.is-single { grid-template-columns: minmax(0, 1fr); }
.gsc-charts > .card { margin: 0 !important; min-width: 0; }
.idx-chart-card .index-chart { max-width: none; }

@media (max-width: 1100px) {
  .idx-overview, .gsc-charts { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .idx-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .idx-search, .idx-search .input { width: 100%; }
}