/* tools/suggest.css — «Сбор подсказок» /tools-pro/search-suggestions/ (spec-search-suggest §3).
   Основа — общие классы «Семантики» и коммерциализации (positions.css, semantics.css, clustering.css,
   tools/commercial.css). Здесь только своё. Только токены base.css; тёмная по умолчанию, светлая — html.light. */

.sg-form [hidden], .sg-res [hidden], .sg-res select[hidden] { display: none; }

/* ── форма ── */
.sg-mode .pos-seg-btn { flex: 1 1 0; }
.sg-alph { display: flex; flex-wrap: wrap; gap: var(--space-2xs) var(--space-md); margin-top: var(--space-xs); }
.sg-sets { display: flex; flex-wrap: wrap; gap: var(--space-2xs); }
.sg-set { min-height: 36px; }
.sg-set.active { border-color: var(--accent); color: var(--accent); }
.sg-set.active .sg-set-n { color: var(--accent); }
.sg-guest-note { margin: 0; }
.sg-guest-note a { color: var(--accent); }
.sg-form .cm-more .pos-check-line { margin-top: var(--space-xs); font-size: var(--fs-sm); }

/* ── панель над таблицей ── */
.sg-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--space-sm); margin: var(--space-md) var(--space-xl) 0; }
.sg-filters { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); }
.sg-engf:empty { display: none; }
.sg-select { width: auto; min-width: 150px; min-height: 36px; padding-top: 4px; padding-bottom: 4px; font-size: var(--fs-sm); }
.sg-find { width: 200px; min-height: 36px; padding-top: 4px; padding-bottom: 4px; font-size: var(--fs-sm); }
.sg-reasons, .sg-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs);
  margin: var(--space-sm) var(--space-xl) 0; font-size: var(--fs-sm); }
.sg-reasons:empty, .sg-bulk:empty { display: none; }
.sg-bulk { padding: var(--space-xs) var(--space-sm); border: 1px solid var(--border); border-radius: var(--radius);
  background: var(--bg-input); margin-bottom: var(--space-sm); }
.sg-bulk-scope { color: var(--text-dim); margin-right: var(--space-xs); }
.sg-bulk-scope b { color: var(--text); font-variant-numeric: tabular-nums; }

/* ── таблица ── */
.sg-table td.sg-td-ch, .sg-table th.sg-td-ch { width: 36px; padding-right: 0; }
.sg-table input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--accent); cursor: pointer; }
.sg-seed { color: var(--text-dim); }
.sg-num, .sg-table th.sg-num, .sg-table td.sg-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sg-where-w { display: inline-flex; flex-wrap: wrap; gap: var(--space-2xs); }
.sg-where { display: inline-flex; align-items: center; gap: 4px; font-variant-numeric: tabular-nums; color: var(--text-dim);
  border: 1px solid var(--border); border-radius: 999px; padding: 0 8px 0 2px; }
.sg-both .sg-where { border-color: var(--accent); color: var(--text); }
.sg-tag { font-size: var(--fs-xs); border: 1px solid var(--border); border-radius: 999px; padding: 1px 8px; color: var(--text-dim);
  white-space: nowrap; }
.sg-tag--question, .sg-tag--buy { color: var(--accent); border-color: var(--accent-glow); }
.sg-empty { margin: var(--space-md) var(--space-xl); }

@media (max-width: 720px) {
  .sg-toolbar, .sg-reasons, .sg-bulk { margin-left: var(--space-md); margin-right: var(--space-md); }
  .sg-filters { width: 100%; }
  .sg-select, .sg-find { flex: 1 1 140px; min-width: 0; width: auto; }
  .sg-tabs { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sg-tabs .pos-seg-btn { padding-left: 4px; padding-right: 4px; font-size: var(--fs-sm); min-width: 0; }
  .sg-mode { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sg-mode .pos-seg-btn { padding-left: 2px; padding-right: 2px; min-width: 0; font-size: var(--fs-sm); }
  .sg-table td.sg-td-ch { position: absolute; top: 6px; right: 6px; width: auto; }
  .sg-table th.sg-td-ch { display: none; }
  .sg-table td.sg-num { text-align: left; }
  .sg-bulk .btn { flex: 1 1 auto; }
}