/* SEOGrow — Top pages / Top requêtes du réseau (NetworkTop.js, 0.90.0). */

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

.nettop-table .nettop-num { text-align: right; white-space: nowrap; }
.nettop-table .nettop-rank { width: 48px; text-align: right; }
.nettop-table .nettop-value {
  max-width: 520px;
  overflow-wrap: anywhere;
}
.nettop-sort { cursor: pointer; user-select: none; }
.nettop-sort.is-active { color: var(--text-primary); }
.nettop-ext {
  display: inline-flex;
  margin-left: 4px;
  color: var(--text-tertiary);
  vertical-align: middle;
}
.nettop-ext:hover { color: var(--color-brand-primary); }

.table-wrap.is-loading { opacity: .55; transition: opacity var(--transition-fast); }

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

.nettop-stale {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--status-warning);
}

/* Volumes de recherche estimés (KeywordVolumes.js, 0.127.0). */
.kwvol-badge {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.5;
  white-space: nowrap;
  vertical-align: middle;
  background: var(--surface-2, #eef);
  color: var(--text-tertiary);
}
.kwvol-badge--high { background: color-mix(in srgb, var(--status-success) 16%, transparent); color: var(--status-success); }
.kwvol-badge--medium { background: color-mix(in srgb, var(--status-warning) 16%, transparent); color: var(--status-warning); }
.kwvol-badge--low { background: color-mix(in srgb, var(--status-danger) 14%, transparent); color: var(--status-danger); }
.kwvol-volume { display: inline-flex; align-items: center; gap: 4px; justify-content: flex-end; }

.kwvol-method {
  margin-bottom: var(--space-4);
  font-size: 13px;
  color: var(--text-secondary);
}
.kwvol-method summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: var(--text-tertiary);
}
.kwvol-method p, .kwvol-method ul { max-width: 860px; margin: var(--space-2) 0 0; }
.kwvol-method ul { padding-left: var(--space-4); }
.kwvol-method li { margin-bottom: 4px; }
.kwvol-csv { margin-left: auto; }