/* tools/positions-once.css — «Разовый сбор позиций» /tools-pro/positions-once/ (spec-position-check §4).
   Поля-плашки, смета, прогресс — tools/commercial.css (cm-*); сегменты, чипы, цвета ячеек ТОП-3/10/30 и панель
   снимка выдачи — positions.css (pos-*); шапка результата и история — semantics.css (sem-*); нижняя панель —
   tools/pro-page.css (pl-*). Здесь — только pc-*. Цвета — токены base.css, обе темы (html.light). */

.pc-res [hidden], .pc-page .pc-sites [hidden], .pc-page .pc-depth [hidden], .pc-page #pc-dg-h[hidden],
.pc-serp-ov[hidden] { display: none; }

/* ── форма ── */
.pc-sites { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: var(--space-lg); align-items: start; }
.pc-sites .form-group { margin-bottom: 0; min-width: 0; }
.pc-sub-line { margin-top: var(--space-xs); font-size: var(--fs-sm); color: var(--text-dim); min-height: 32px; }
.pc-hints { display: flex; flex-wrap: wrap; gap: var(--space-2xs); margin-top: var(--space-xs); }
.pc-hints .pos-chip { min-height: 32px; }
.pc-eng .pos-seg-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2xs); }
/* Яндекс и Google — одинаковые списки в один ряд (на телефоне — друг под другом) */
.pc-depth { max-width: 560px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.pc-depth-row { display: flex; flex-direction: column; gap: var(--space-2xs); min-width: 0; }
.pc-depth-l { display: inline-flex; align-items: center; gap: var(--space-2xs); font-size: var(--fs-sm); color: var(--text-dim); }
.pc-depth-row select.form-input { height: 40px; }
.pc-chip-sub { border: 1px solid var(--border); border-radius: 999px; background: transparent; color: var(--text-dim);
  font: inherit; font-size: var(--fs-xs); padding: 2px var(--space-xs); min-height: 28px; cursor: pointer; }
.pc-chip-sub[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); }
.pc-chip-sub:hover { color: var(--text); }
.pc-chip-sub:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.pc-page .form-error { margin: var(--space-2xs) 0 0; color: var(--red); font-size: var(--fs-sm); }

/* ── результат ── */
.pc-page .tool-results { padding: 0; background: none; border: 0; box-shadow: none; }
.pc-page .tool-results-header { display: none; }
.pc-res { margin-top: var(--space-xl); }
.pc-pad, .pc-res > .pc-bar, .pc-res > .pc-note { margin-left: var(--space-xl); margin-right: var(--space-xl); }
.pc-note { margin-top: 0; margin-bottom: var(--space-lg); font-size: var(--fs-sm); color: var(--text-dim); }
.pc-wait { margin-top: var(--space-sm); }
.pc-sum { margin: 0; }
.pc-sum th, .pc-sum td { white-space: nowrap; }
.pc-sum td:first-child { white-space: normal; overflow-wrap: anywhere; }
.pc-site { display: inline-flex; align-items: center; gap: var(--space-xs); font-weight: 600; color: var(--text); min-width: 0; }
.pc-site-sub { font-weight: 400; font-size: var(--fs-xs); color: var(--text-muted); }
.pc-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: var(--text-muted); }
.pc-dot--own { background: var(--accent); }
.pc-sum th.pc-num, .pc-sum td.pc-num { text-align: right; font-variant-numeric: tabular-nums; width: 14%; }
.pc-sum th:first-child { width: 30%; }
.pc-sum-wrap { border-bottom: 1px solid var(--border); }

.pc-bar { display: flex; justify-content: space-between; align-items: center; gap: var(--space-sm) var(--space-md); flex-wrap: wrap; padding: var(--space-lg) 0 var(--space-md); }
.pc-filters { display: flex; flex-wrap: nowrap; gap: var(--space-xs); overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.pc-filters::-webkit-scrollbar { display: none; }
.pc-filters .pos-chip { flex-shrink: 0; }
.pc-bar-r { display: flex; align-items: center; gap: var(--space-sm); flex-wrap: wrap; }
.pc-search .form-input { height: 36px; }
.pc-eng-sw .pos-seg-btn { display: inline-flex; align-items: center; gap: var(--space-2xs); }

/* Таблица позиций: запрос | ваш сайт | конкуренты; ячейка — место и найденная страница */
.pc-table { table-layout: fixed; min-width: 760px; }
.pc-table th, .pc-table td { vertical-align: middle; }
.pc-table .pc-col-q { width: 30%; }
.pc-table td.pc-td { padding: 3px; }
.pc-table thead th.pc-th-site { text-transform: none; letter-spacing: 0; }
.pc-th-btn { display: inline-flex; align-items: center; gap: var(--space-2xs); max-width: 100%; padding: 0; border: 0;
  background: none; font: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; cursor: pointer; text-align: left; }
.pc-th-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-xs); }
.pc-th-btn .pc-site { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pc-sort { color: var(--text-muted); font-size: var(--fs-xs); flex-shrink: 0; }
.pc-th-own { color: var(--text); }
.pc-qcell { display: flex; align-items: center; gap: var(--space-2xs); min-width: 0; }
.pc-q { font-weight: 500; color: var(--text); overflow-wrap: anywhere; line-height: 1.35; min-width: 0; }
.pc-cell { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: var(--space-xs); width: 100%; min-height: 48px; padding: var(--space-2xs) var(--space-sm); border: 0; border-radius: var(--radius-xs); font: inherit; color: inherit; text-align: left; cursor: pointer; transition: box-shadow var(--dur-fast); }
:where(.pc-cell) { background: transparent; }
.pc-cell:hover { box-shadow: inset 0 0 0 1px var(--border-hover); }
.pc-cell:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--accent); }
.pc-cell.pos-cell--focus { box-shadow: inset 0 0 0 2px var(--accent); }
.pc-p { font-family: var(--font-heading); font-size: var(--fs-md); font-weight: 700; font-variant-numeric: tabular-nums; text-align: right; }
.pc-url { min-width: 0; font-size: var(--fs-xs); color: var(--text-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pc-cell.pos-nf .pc-p { color: var(--text-muted); font-weight: 500; }
.pc-cell.pos-nf .pc-url { color: var(--text-muted); }
.pc-comp .pc-p { font-weight: 600; color: var(--text-dim); }
.pc-skel.pos-skel { height: 40px; margin: 4px; border-radius: var(--radius-xs); }
.pc-fail { padding: var(--space-sm); font-size: var(--fs-sm); color: var(--text-dim); }
.pc-empty { padding: var(--space-lg) var(--space-xl); color: var(--text-dim); font-size: var(--fs-sm); }
.pc-legend { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-2xs) var(--space-lg); margin: 0; padding: var(--space-md) 0 0; font-size: var(--fs-xs); color: var(--text-muted); }
.pc-legend li { display: inline-flex; align-items: center; gap: var(--space-xs); }
.pc-legend i { width: 14px; height: 14px; border-radius: 4px; border: 1px solid var(--border); }
.pc-pager { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-sm); padding: var(--space-sm) 0; }
.pc-pager:empty { display: none; }

/* Ссылка на живую выдачу справа от запроса — при наведении на строку (на сенсорных — всегда), как в проектах */
.pc-kw-serp {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px;
  border-radius: var(--radius-xs); color: var(--text-muted); opacity: 0; transition: opacity var(--dur-fast), color var(--dur-fast);
}
.pc-table tbody tr:hover .pc-kw-serp, .pc-kw-serp:focus-visible { opacity: 1; }
.pc-kw-serp:hover { color: var(--accent); }
.pc-kw-serp:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }

/* Снимок выдачи — панель справа (pos-serp-ov / pos-serp из positions.css) */
.pc-serp-meta { display: flex; flex-wrap: wrap; gap: var(--space-2xs) var(--space-md); font-size: var(--fs-sm); color: var(--text-dim); }

@media (max-width: 900px) {
  .pc-sites { grid-template-columns: minmax(0, 1fr); }
}
@media (hover: none), (max-width: 768px) {
  .pc-kw-serp { opacity: 0.7; }
}
@media (max-width: 768px) {
  .pc-pad, .pc-res > .pc-bar, .pc-res > .pc-note { margin-left: var(--space-lg); margin-right: var(--space-lg); }
  .pc-bar-r { width: 100%; }
  .pc-search { flex: 1 1 auto; }
  .pc-table { min-width: 600px; }
  .pc-table .pc-col-q { width: 150px; }
  .pc-table th:first-child, .pc-table td:first-child { position: sticky; left: 0; z-index: 1; background: var(--bg-card); box-shadow: inset -1px 0 0 var(--border); }
  .pc-cell { grid-template-columns: 30px minmax(0, 1fr); min-height: 44px; }
  .pc-sum .pc-hide-m { display: none; }
  .pc-sum th.pc-num, .pc-sum td.pc-num { width: auto; }
  .pc-sum th:first-child { width: auto; }
  .pc-depth { grid-template-columns: minmax(0, 1fr); gap: var(--space-sm); }
  .pc-empty { padding: var(--space-md) var(--space-lg); }
}
@media (max-width: 480px) {
  .pc-kw-serp { display: none; }
}