/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   Hide legacy AI sections — replaced by floating chat widget
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#ai-section,
#geo-ai-section,
#audit-chat { display: none !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   Floating Chat Widget
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Hide widget on agent page — it has its own full-screen chat */
body.page-agent #fchat-btn,
body.page-agent #fchat-panel { display: none !important; }

/* Trigger button */
#fchat-btn {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9850;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 24px rgba(245,158,11,0.45), 0 2px 8px rgba(0,0,0,0.35);
  /* Only transition position — no background/color transition to avoid overlap artifact */
  transition: right .32s cubic-bezier(.4,0,.2,1), transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s;
  color: #1a0800;
  overflow: hidden;
}
#fchat-btn:hover { transform: scale(1.08); box-shadow: 0 6px 32px rgba(245,158,11,0.60), 0 2px 8px rgba(0,0,0,0.35); }
/* When panel open: button slides left of the panel edge */
#fchat-btn.is-open { right: 404px; }
#fchat-btn svg { transition: opacity .15s, transform .2s; position: absolute; }
#fchat-btn.is-open #fchat-btn-icon-chat  { opacity: 0; transform: scale(.5) rotate(-90deg); }
#fchat-btn.is-open #fchat-btn-icon-close { opacity: 1; transform: scale(1) rotate(0deg); }
#fchat-btn:not(.is-open) #fchat-btn-icon-chat  { opacity: 1; transform: scale(1); }
#fchat-btn:not(.is-open) #fchat-btn-icon-close { opacity: 0; transform: scale(.5) rotate(90deg); }

/* Side panel */
#fchat-panel {
  position: fixed;
  top: 0;
  right: -420px;
  bottom: 0;
  width: 380px;
  z-index: 9840;
  background: rgba(12, 8, 3, 0.94);
  backdrop-filter: blur(36px) saturate(1.5);
  -webkit-backdrop-filter: blur(36px) saturate(1.5);
  border-left: 1px solid rgba(255,255,255,0.08);
  box-shadow: -12px 0 60px rgba(0,0,0,0.50);
  display: flex;
  flex-direction: column;
  transition: right .32s cubic-bezier(.4,0,.2,1);
}
#fchat-panel.is-open { right: 0; }

/* Header */
#fchat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  flex-shrink: 0;
}
#fchat-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text, #f0ece4);
  letter-spacing: -.2px;
}
#fchat-title-icon {
  width: 30px; height: 30px;
  background: linear-gradient(135deg, rgba(245,158,11,.20), rgba(217,119,6,.15));
  border: 1px solid rgba(245,158,11,.25);
  border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px;
}
#fchat-header-actions { display: flex; gap: 6px; align-items: center; }
.fchat-icon-btn {
  background: none; border: none;
  color: rgba(255,255,255,.38);
  cursor: pointer;
  width: 30px; height: 30px;
  border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
  transition: color .15s, background .15s;
}
.fchat-icon-btn:hover { color: rgba(255,255,255,.80); background: rgba(255,255,255,.07); }

/* Project selector row */
#fchat-project-row {
  padding: 10px 16px 0;
  flex-shrink: 0;
}
#fchat-project-row .cs-trigger {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 9px;
}

/* Messages area */
#fchat-messages {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  scroll-behavior: smooth;
}
#fchat-messages::-webkit-scrollbar { width: 3px; }
#fchat-messages::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 3px; }

/* Empty state */
#fchat-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: rgba(255,255,255,.25);
  text-align: center;
  padding: 32px 24px;
  pointer-events: none;
}
#fchat-empty-icon {
  font-size: 36px;
  filter: drop-shadow(0 2px 10px rgba(245,158,11,.25));
  margin-bottom: 4px;
}
#fchat-empty-title { font-size: 15px; font-weight: 600; color: rgba(255,255,255,.45); }
#fchat-empty-sub   { font-size: 12.5px; line-height: 1.5; max-width: 220px; }

/* Message bubbles */
.fchat-row {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  max-width: 100%;
}
.fchat-row-user { flex-direction: row-reverse; }
.fchat-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px;
}
.fchat-row-user .fchat-avatar {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #1a0800;
}
.fchat-row-ai .fchat-avatar {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  font-size: 14px;
}
.fchat-bubble {
  padding: 10px 14px;
  max-width: calc(100% - 40px);
  font-size: 13.5px;
  line-height: 1.55;
  word-break: break-word;
}
.fchat-row-user .fchat-bubble {
  background: linear-gradient(135deg, rgba(245,158,11,.18), rgba(217,119,6,.12));
  border: 1px solid rgba(245,158,11,.22);
  border-radius: 16px 16px 4px 16px;
  color: rgba(255,255,255,.92);
}
.fchat-row-ai .fchat-bubble {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px 16px 16px 4px;
  color: rgba(255,255,255,.82);
}
.fchat-bubble code {
  background: rgba(255,255,255,.10);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 12.5px;
  font-family: 'SF Mono', monospace;
}
.fchat-bubble strong { color: rgba(255,255,255,.95); }

/* Typing dots */
.fchat-dots {
  display: flex; gap: 4px;
  padding: 4px 2px;
  align-items: center;
}
.fchat-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(245,158,11,.55);
  animation: fcDot .9s ease-in-out infinite alternate;
}
.fchat-dot:nth-child(2) { animation-delay: .18s; }
.fchat-dot:nth-child(3) { animation-delay: .36s; }
@keyframes fcDot {
  from { opacity: .3; transform: scale(.7); }
  to   { opacity: 1;  transform: scale(1.2); }
}

/* Input row */
#fchat-input-row {
  padding: 12px 14px;
  border-top: 1px solid rgba(255,255,255,.07);
  display: flex;
  gap: 8px;
  align-items: flex-end;
  flex-shrink: 0;
}
#fchat-input {
  flex: 1;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 10px 14px;
  font-size: 13.5px;
  font-family: inherit;
  color: var(--text, #f0ece4);
  resize: none;
  min-height: 42px;
  max-height: 130px;
  outline: none;
  line-height: 1.45;
  transition: border-color .15s;
  overflow-y: auto;
}
#fchat-input:focus { border-color: rgba(245,158,11,.50); }
#fchat-input::placeholder { color: rgba(255,255,255,.28); }
#fchat-send-btn {
  width: 38px; height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none; cursor: pointer;
  color: #1a0800; font-size: 17px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: opacity .15s, transform .15s;
  box-shadow: 0 2px 10px rgba(245,158,11,.30);
}
#fchat-send-btn:hover:not(:disabled) { transform: scale(1.06); }
#fchat-send-btn:disabled { opacity: .35; cursor: default; transform: none; }

/* Light theme */
[data-theme="light"] #fchat-panel {
  background: rgba(248,245,238,.95);
  border-left-color: rgba(0,0,0,.09);
}
[data-theme="light"] #fchat-header { border-bottom-color: rgba(0,0,0,.07); }
[data-theme="light"] .fchat-row-ai .fchat-bubble {
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.07);
  color: rgba(0,0,0,.80);
}
[data-theme="light"] #fchat-input {
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.09);
  color: #1c1c1e;
}
[data-theme="light"] .fchat-icon-btn { color: rgba(0,0,0,.38); }
[data-theme="light"] .fchat-icon-btn:hover { color: rgba(0,0,0,.75); background: rgba(0,0,0,.06); }
[data-theme="light"] #fchat-empty { color: rgba(0,0,0,.25); }
[data-theme="light"] #fchat-empty-title { color: rgba(0,0,0,.45); }

/* ══════════════════════════════════════════════════════════════════
   Single Project v3 — Observatory Redesign
   Кольцевой прогресс · Depth-charts · Dist-bar-fills · Meta glow
   ══════════════════════════════════════════════════════════════════ */

/* ── Charts: taller, more immersive ─────────────────────────────── */
#page-single .chart-wrap-compact canvas {
  min-height: 250px !important;
  max-height: 295px !important;
}
#page-single .chart-card-compact {
  padding: 0;
  overflow: hidden;
}
#page-single .chart-card-compact .chart-card-header {
  padding: 18px 22px 10px;
  margin-bottom: 0;
}
#page-single .chart-wrap-compact {
  padding: 0 12px 18px;
}
#page-single .chart-card-compact:hover {
  box-shadow: 0 10px 40px rgba(0,0,0,0.55),
              0 0 0 1px rgba(245,158,11,0.13),
              inset 0 1px 0 rgba(255,255,255,0.06);
  transition: box-shadow .3s ease;
}

/* ── Chart cards — depth ─────────────────────────────────────────── */
#page-single .chart-card {
  transition: box-shadow .3s ease, transform .2s ease;
}
#page-single .chart-card:hover {
  box-shadow: 0 14px 44px rgba(0,0,0,0.5),
              0 0 0 1px rgba(245,158,11,0.10),
              inset 0 1px 0 rgba(255,255,255,0.05);
  transform: translateY(-1px);
}

/* ── Meta bar — ambient amber left glow ──────────────────────────── */
#page-single .meta-bar::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 120% at 0% 50%,
    rgba(245,158,11,0.07) 0%, transparent 60%);
  pointer-events: none;
  border-radius: inherit;
}

/* ── Efficiency ring ──────────────────────────────────────────────── */
.eff-ring-outer {
  position: relative;
  width: 118px; height: 118px;
  flex-shrink: 0;
  margin: 0 auto 6px;
}
.eff-ring-svg {
  width: 100%; height: 100%;
  transform: rotate(-90deg);
  overflow: visible;
}
.eff-ring-track {
  fill: none;
  stroke: rgba(255,255,255,0.07);
  stroke-width: 7;
}
.eff-ring-glow {
  fill: none;
  stroke-width: 12;
  stroke-linecap: round;
  opacity: 0.18;
  filter: blur(4px);
}
.eff-ring-fill {
  fill: none;
  stroke-width: 7;
  stroke-linecap: round;
}
.eff-ring-inner {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
}

/* Override: ring layout — score-row becomes column */
.eff-score-row {
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
  margin-bottom: 0 !important;
}
.eff-score-block {
  width: 100%;
  align-items: center !important;
}
.eff-bar-block {
  width: 100%;
  padding-top: 0 !important;
}
/* Score inside ring — smaller */
.eff-ring-inner .eff-score {
  font-size: 26px !important;
  letter-spacing: -0.05em;
  line-height: 1;
}
.eff-ring-inner .eff-score-label {
  font-size: 9px !important;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 2px !important;
}

/* ── Bucket bars — refined ───────────────────────────────────────── */
.eff-bucket-bar-wrap {
  height: 9px !important;
  border-radius: 8px !important;
}
.eff-bucket-bar {
  border-radius: 8px !important;
  position: relative;
}

/* ── Distribution legend — bar fill track ────────────────────────── */
.dist-legend .dist-row {
  position: relative;
  overflow: hidden;
}
.dist-bar-fill {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: 6px;
  pointer-events: none;
  opacity: 0.09;
  transition: width .65s cubic-bezier(.22,1,.36,1), opacity .2s;
}
.dist-legend .dist-row:hover .dist-bar-fill {
  opacity: 0.16;
}
/* Legend font sizing */
.dist-legend .dist-label { font-size: 11px; }
.dist-legend .dist-count { font-size: 11.5px; font-weight: 700; }
.dist-legend .dist-pct   { font-size: 10px; }

/* ── KPI chips — sharper ──────────────────────────────────────────── */
.eff-kpi {
  border-radius: 12px !important;
}
.eff-kpi-val {
  font-size: 20px !important;
}
.eff-kpi-lbl {
  font-size: 10px !important;
  letter-spacing: .04em;
}

/* ── Charts-row gap ──────────────────────────────────────────────── */
.charts-row { gap: 14px; }

/* Light theme — ring track */
[data-theme="light"] .eff-ring-track { stroke: rgba(0,0,0,0.08); }

/* ══════════════════════════════════════════════════════════════════
   Single Project v4 — Airy & Frameless
   Центр · без рамок · компактные графики · 6 строк таблиц
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. Центрирование + ограничение ширины ───────────────────────── */
#page-single #single-content {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 0 56px;
}

/* ── 2. Лейаут — пропорции с учётом скрытого donut ──────────────── */
@media (min-width: 860px) {
  #page-single .single-layout {
    grid-template-columns: 1fr 256px !important;
    gap: 28px !important;
  }
}
@media (min-width: 1200px) {
  #page-single .single-layout { grid-template-columns: 1fr 272px !important; }
}
@media (min-width: 1500px) {
  #page-single .single-layout { grid-template-columns: 1fr 290px !important; }
}

/* ── 3. УБРАТЬ ВСЕ РАМКИ на странице одного проекта ─────────────── */
#page-single .chart-card,
#page-single .chart-card-compact,
#page-single .efficiency-card,
#page-single .metrika-card,
#page-single .webmaster-card,
#page-single .kw-history-card,
#page-single .distribution-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
}

/* Секции — без отдельного border-top, воздух создаётся gap */
#page-single .metrika-card,
#page-single .webmaster-card,
#page-single .kw-history-card {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0;
}

/* Карточки графиков (visibility + avg) — лёгкая поверхность */
#page-single .chart-card-compact {
  background: rgba(255,255,255,0.025) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
  transition: background .2s ease !important;
}
#page-single .chart-card-compact:hover {
  background: rgba(255,255,255,0.04) !important;
  box-shadow: none !important;
  transform: none !important;
}
/* Amber top-line на compact картах */
#page-single .chart-card-compact::before {
  content: '';
  position: absolute; top: 0; left: 15%; right: 15%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(245,158,11,0.4), transparent);
  z-index: 1;
}

/* ── 4. Скрыть только "Цели и конверсии" (простой список) ────────── */
#page-single .metrika-block:has(#metrika-goals) {
  display: none !important;
}
/* #metrika-goals-source-block — пусть JS управляет показом */

/* ── 5. Скрыть карточку "Распределение позиций" ─────────────────── */
#page-single #distribution-card {
  display: none !important;
}

/* ── 6. Таблицы запросов — 8 видимых строк + скролл ─────────────── */
#page-single .metrika-queries-wrap,
#page-single #webmaster-content .metrika-queries-wrap {
  max-height: 254px !important; /* ~36px header + 8 × 37.5px rows × 0.75 */
  overflow-y: auto !important;
  border: none !important;
  border-radius: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}
/* Источники трафика + Поисковые системы — 8 строк */
#page-single #metrika-sources,
#page-single #metrika-engines {
  max-height: 180px; /* 8 × ~30px × 0.75 */
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(245,158,11,0.25) transparent;
}
#page-single #metrika-sources::-webkit-scrollbar,
#page-single #metrika-engines::-webkit-scrollbar { width: 4px; }
#page-single #metrika-sources::-webkit-scrollbar-thumb,
#page-single #metrika-engines::-webkit-scrollbar-thumb {
  background: rgba(245,158,11,0.25); border-radius: 4px;
}
#page-single .metrika-queries-table thead th {
  background: var(--bg) !important;
  top: 0;
}
[data-theme="dark"] #page-single .metrika-queries-table thead th {
  background: #1c1c1e !important;
}

/* ── 7. Компактнее графики ───────────────────────────────────────── */
#page-single .chart-wrap-compact {
  padding: 0 10px 14px !important;
  min-height: unset !important;
}
#page-single .chart-wrap-compact canvas {
  min-height: 185px !important;
  max-height: 215px !important;
}
#page-single .chart-card-compact .chart-card-header {
  padding: 16px 18px 8px !important;
  margin-bottom: 0 !important;
}
#page-single .chart-card-compact .chart-title { font-size: 13px !important; }
#page-single .chart-card-compact .chart-subtitle { font-size: 11px !important; }

/* ── 8. Метрика — убрать внутренние рамки блоков ────────────────── */
#page-single .metrika-block {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-top: 20px !important;
}
#page-single .metrika-grid {
  gap: 22px;
  margin-top: 20px;
}
#page-single .metrika-kpi {
  border: none !important;
  background: rgba(255,255,255,0.04) !important;
  border-radius: 12px !important;
}
#page-single .metrika-kpis {
  margin-bottom: 0 !important;
}
#page-single .metrika-block-title {
  font-size: 10.5px !important;
  letter-spacing: .07em !important;
  color: rgba(255,255,255,0.30) !important;
  margin-bottom: 12px !important;
  font-weight: 600 !important;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
#page-single .metrika-card .chart-card-header,
#page-single .webmaster-card .chart-card-header {
  padding: 24px 0 12px !important;
  margin-bottom: 0 !important;
}
#page-single .metrika-card .chart-title,
#page-single .webmaster-card .chart-title {
  font-size: 15px !important;
}

/* ── 9. Efficiency card — безрамочная панель справа ─────────────── */
#page-single .efficiency-card {
  padding: 10px 0 24px !important;
}
#page-single .efficiency-card::before {
  display: none !important;
}
#page-single .eff-header {
  margin-bottom: 14px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
#page-single .eff-buckets {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding-top: 14px !important;
  margin-top: 14px !important;
}

/* ── 10. Left column — воздух между секциями ─────────────────────── */
#page-single .single-left { gap: 32px !important; }
#page-single .charts-row { gap: 14px !important; margin-bottom: 0; }
#page-single .kw-history-card { padding: 0 !important; }
#page-single .kw-history-card .chart-card-header {
  padding: 0 0 14px !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#page-single .kw-history-card .chart-title {
  font-size: 15px !important; font-weight: 700 !important;
  letter-spacing: -0.3px !important;
}
#page-single .kw-history-card .chart-subtitle {
  font-size: 11px !important; color: rgba(255,255,255,0.35) !important; margin-top: 2px !important;
}

/* ── 11. kwh table ───────────────────────────────────────────────── */
#page-single .kwh-table-wrap {
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 14px !important;
  margin-top: 0 !important;
  max-height: 520px !important;
  background: rgba(255,255,255,0.015) !important;
  overflow: hidden !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}
#page-single .kwh-table-wrap::-webkit-scrollbar { width: 4px; height: 4px; }
#page-single .kwh-table-wrap::-webkit-scrollbar-thumb {
  background: rgba(245,158,11,0.22); border-radius: 4px;
}
#page-single .kwh-table-wrap::-webkit-scrollbar-track { background: transparent; }
#page-single .kwh-table-wrap {
  scrollbar-width: thin; scrollbar-color: rgba(245,158,11,0.22) transparent;
}
/* Header */
#page-single .kwh-table thead th {
  background: rgba(8,5,2,0.80) !important;
  backdrop-filter: blur(16px) !important;
  padding: 8px 4px !important;
  font-size: 9px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.32) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  font-weight: 600 !important;
}
#page-single .kwh-table thead th.kwh-col-kw {
  color: rgba(255,255,255,0.40) !important;
  padding-left: 14px !important;
  font-size: 9.5px !important;
  background: rgba(8,5,2,0.90) !important;
}
#page-single .kwh-table thead th.kwh-col-freq {
  color: rgba(255,255,255,0.32) !important;
  font-size: 9px !important;
  background: rgba(8,5,2,0.90) !important;
}
/* Sticky columns */
#page-single .kwh-table tbody td.kwh-cell-kw,
#page-single .kwh-table tbody td.kwh-cell-freq {
  background: rgba(12,7,3,0.96) !important;
}
#page-single .kwh-table tbody tr:hover td.kwh-cell-kw,
#page-single .kwh-table tbody tr:hover td.kwh-cell-freq {
  background: rgba(20,12,4,0.96) !important;
}
/* Keyword cell */
#page-single .kwh-table tbody td.kwh-cell-kw {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.78) !important;
  padding: 6px 10px 6px 14px !important;
  border-right: 1px solid rgba(255,255,255,0.05) !important;
}
/* Frequency cell */
#page-single .kwh-table tbody td.kwh-cell-freq {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.38) !important;
  padding: 6px 8px !important;
  border-right: 1px solid rgba(255,255,255,0.05) !important;
}
/* Data cells */
#page-single .kwh-table tbody td {
  padding: 4px 2px !important;
  border-bottom: 1px solid rgba(255,255,255,0.03) !important;
}
#page-single .kwh-table tbody tr:last-child td { border-bottom: none !important; }
/* Row hover */
#page-single .kwh-table tbody tr:hover td { background: rgba(245,158,11,0.04) !important; }
/* Position pills */
#page-single .kwh-table tbody td .bm-pos {
  font-size: 11.5px !important; font-weight: 700 !important;
  padding: 2px 4px !important; border-radius: 6px !important;
  min-width: 22px !important; line-height: 1.3 !important;
  letter-spacing: -0.3px !important; display: inline-block !important;
}
#page-single .kwh-table tbody td .bm-pos.bm-pos-none {
  font-size: 10px !important; font-weight: 400 !important; letter-spacing: 0 !important;
}
/* Legend */
#page-single #kw-history-card > div:last-child {
  margin-top: 10px !important;
  display: flex !important; gap: 8px !important; flex-wrap: wrap !important;
}
#page-single #kw-history-card > div:last-child span {
  font-size: 10.5px !important;
  color: rgba(255,255,255,0.35) !important;
  display: inline-flex !important; align-items: center !important; gap: 4px !important;
}

/* ── 12. Убрать hover-transform на безрамочных картах ───────────── */
#page-single .chart-card:not(.chart-card-compact):hover {
  transform: none !important;
  box-shadow: none !important;
}

/* ── 13. Meta bar — чуть скромнее, ближе к контенту ────────────── */
#page-single .meta-bar {
  margin-bottom: 18px !important;
  padding: 11px 18px !important;
}

/* ── 14. Webmaster error block ───────────────────────────────────── */
#page-single #webmaster-error {
  border-radius: 10px !important;
}

/* Light theme adjustments */
[data-theme="light"] #page-single .chart-card-compact {
  background: rgba(0,0,0,0.025) !important;
}
[data-theme="light"] #page-single .chart-card-compact:hover {
  background: rgba(0,0,0,0.04) !important;
}
[data-theme="light"] #page-single .metrika-block-title {
  color: rgba(0,0,0,0.30) !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
}
[data-theme="light"] #page-single .metrika-card,
[data-theme="light"] #page-single .webmaster-card,
[data-theme="light"] #page-single .kw-history-card {
  border-top-color: rgba(0,0,0,0.06) !important;
}
[data-theme="light"] #page-single .eff-header {
  border-bottom-color: rgba(0,0,0,0.06) !important;
}
[data-theme="light"] #page-single .metrika-queries-wrap {
  border-top-color: rgba(0,0,0,0.06) !important;
}
[data-theme="light"] #page-single .kwh-table-wrap {
  border-top-color: rgba(0,0,0,0.07) !important;
}

/* ══════════════════════════════════════════════════════════════════
   Single Project v5 — Goals Matrix + Charts v2
   ══════════════════════════════════════════════════════════════════ */

/* ── "Цели по источникам трафика" — ambient amber design ─────────── */
#page-single #metrika-goals-source-block {
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}
#page-single #metrika-goals-source-block > .metrika-block-title {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}
/* Title text */
#page-single #metrika-goals-source-block .metrika-block-title > span:first-child {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--text) !important;
  letter-spacing: -.2px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
/* Subtitle */
#page-single #metrika-goals-source-block .metrika-block-title > span:nth-child(2) {
  font-size: 11px !important;
  color: var(--muted) !important;
  font-weight: 400 !important;
}
/* Toggle mode switcher — amber style */
#page-single .gbs-toggle {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
}
#page-single .gbs-toggle-btn {
  font-size: 11px !important;
  padding: 4px 10px !important;
  color: rgba(255,255,255,0.45) !important;
}
#page-single .gbs-toggle-btn.active {
  background: rgba(245,158,11,0.14) !important;
  color: #f59e0b !important;
  font-weight: 600 !important;
}
#page-single .gbs-toggle-btn:hover:not(.active) {
  color: rgba(255,255,255,0.75) !important;
}
/* Compare label */
#page-single .gbs-toggle-cmp {
  font-size: 11px !important;
  color: rgba(255,255,255,0.40) !important;
}
#page-single .gbs-toggle-cmp input { accent-color: #f59e0b !important; }
/* CSV button */
#page-single #metrika-goals-source-block .btn-ghost.btn-sm {
  font-size: 10.5px !important;
  padding: 3px 8px !important;
  opacity: 0.55 !important;
  border-radius: 7px !important;
}
#page-single #metrika-goals-source-block .btn-ghost.btn-sm:hover { opacity: 0.9 !important; }

/* Insight card — amber tint instead of blue/green */
#page-single .gbs-insight {
  background: rgba(245,158,11,0.03) !important;
  border: 1px solid rgba(245,158,11,0.10) !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  margin-top: 12px !important;
  padding: 10px 14px !important;
}

/* Goals matrix table — dark glass header */
#page-single .goals-matrix-wrap {
  margin-top: 12px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
}
#page-single .goals-matrix thead th {
  background: rgba(10,6,2,0.55) !important;
  backdrop-filter: blur(14px) !important;
  color: rgba(255,255,255,0.40) !important;
  font-size: 10.5px !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
#page-single .goals-matrix thead th.highlight {
  background: rgba(245,158,11,0.07) !important;
  color: #f59e0b !important;
}
#page-single .goals-matrix thead th.highlight .src-th-lbl {
  color: rgba(245,158,11,0.75) !important;
}
#page-single .goals-matrix tbody td {
  padding: 7px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  font-size: 12px !important;
}
#page-single .goals-matrix tbody td.goal-total {
  color: var(--text) !important;
  font-weight: 700 !important;
}
#page-single .goals-matrix tbody tr:hover td {
  background: rgba(245,158,11,0.035) !important;
}
#page-single .goals-matrix tbody td.goal-name {
  font-size: 12px !important;
  color: rgba(255,255,255,0.75) !important;
}

/* Source chips row */
#page-single .src-legend { gap: 6px !important; margin-bottom: 12px !important; }
#page-single .src-chip {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 8px !important;
  padding: 5px 10px !important;
  font-size: 11px !important;
}

/* GBS Bars mode */
#page-single .gbs-bar-track { border-radius: 6px !important; height: 20px !important; }
#page-single .gbs-src-hint { font-size: 10.5px !important; color: var(--muted) !important; }

/* ── Goals-by-Source — refined v2 ───────────────────────────────────── */

/* Source chips legend */
#page-single .src-legend {
  display: flex !important; flex-wrap: wrap !important;
  gap: 5px !important; margin-bottom: 14px !important;
}
#page-single .src-chip {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 4px 10px 4px 8px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 8px !important; font-size: 11px !important;
  color: rgba(255,255,255,0.55) !important;
  transition: background .15s, border-color .15s !important;
}
#page-single .src-chip:hover { background: rgba(255,255,255,0.06) !important; }
#page-single .src-chip .src-name { color: rgba(255,255,255,0.62) !important; }
#page-single .src-chip .src-num {
  color: rgba(255,255,255,0.88) !important; font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Insight card */
#page-single .gbs-insight {
  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 10px !important; font-size: 12px !important;
  line-height: 1.65 !important; padding: 10px 14px !important;
  color: rgba(255,255,255,0.60) !important;
  margin-top: 0 !important; margin-bottom: 14px !important;
}
#page-single .gbs-insight strong { color: rgba(255,255,255,0.90) !important; }
#page-single .gbs-delta.good { color: #56e57f !important; }
#page-single .gbs-delta.bad  { color: #ff6e62 !important; }
#page-single .src-tag {
  padding: 1px 7px !important; border-radius: 5px !important;
  font-size: 11.5px !important; font-weight: 600 !important;
}

/* Matrix table */
#page-single .goals-matrix-wrap {
  border-radius: 12px !important; overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.07) !important; margin-top: 0 !important;
}
#page-single .goals-matrix thead th {
  background: rgba(8,5,2,0.75) !important;
  color: rgba(255,255,255,0.32) !important;
  font-size: 9.5px !important; letter-spacing: 0.04em !important;
  text-transform: uppercase !important; padding: 9px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
#page-single .goals-matrix thead th .src-th-lbl {
  font-size: 9.5px !important; color: rgba(255,255,255,0.38) !important;
}
#page-single .goals-matrix thead th.highlight {
  background: rgba(245,158,11,0.055) !important;
  color: rgba(245,158,11,0.72) !important;
}
#page-single .goals-matrix thead th.highlight .src-th-lbl {
  color: rgba(245,158,11,0.55) !important;
}

/* Body rows */
#page-single .goals-matrix tbody td {
  padding: 8px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.035) !important;
  vertical-align: middle !important; font-size: 12px !important;
}
#page-single .goals-matrix tbody tr:last-child td { border-bottom: none !important; }
#page-single .goals-matrix tbody td.goal-name {
  font-size: 12px !important; font-weight: 500 !important;
  color: rgba(255,255,255,0.70) !important; padding-left: 12px !important;
}
#page-single .goals-matrix tbody td.goal-total {
  color: rgba(255,255,255,0.88) !important;
  font-weight: 700 !important; font-variant-numeric: tabular-nums !important;
}
#page-single .goals-matrix tbody td.empty {
  color: rgba(255,255,255,0.10) !important; font-size: 10px !important;
}

/* Filled cells — dark overlay to mute the bright inline rgba backgrounds */
#page-single .goals-matrix tbody td.filled {
  position: relative !important; isolation: isolate !important;
}
#page-single .goals-matrix tbody td.filled::before {
  content: ''; position: absolute; inset: 0;
  background: rgba(8,5,2,0.44); z-index: 0; pointer-events: none;
}
#page-single .goals-matrix tbody td.filled strong,
#page-single .goals-matrix tbody td.filled small,
#page-single .goals-matrix tbody td.filled .gbs-cell-delta {
  position: relative !important; z-index: 1 !important;
}
#page-single .goals-matrix tbody td.filled strong {
  font-size: 13px !important; font-weight: 700 !important;
  color: rgba(255,255,255,0.90) !important; display: block !important;
  font-variant-numeric: tabular-nums !important;
}
#page-single .goals-matrix tbody td.filled small {
  font-size: 9.5px !important; color: rgba(255,255,255,0.42) !important;
  margin-top: 1px !important; display: block !important;
}

/* Row hover */
#page-single .goals-matrix tbody tr:hover td { background: rgba(245,158,11,0.03) !important; }
#page-single .goals-matrix tbody tr:hover td.filled::before { background: rgba(8,5,2,0.30) !important; }

/* Delta badges */
#page-single .gbs-cell-delta {
  font-size: 9.5px !important; font-weight: 600 !important;
  padding: 1px 4px !important; border-radius: 3px !important;
  margin-left: 3px !important; vertical-align: 1px !important;
}
#page-single .gbs-cell-delta.good { background: rgba(48,209,88,0.14) !important; color: #56e57f !important; }
#page-single .gbs-cell-delta.bad  { background: rgba(255,69,58,0.14) !important; color: #ff6e62 !important; }

/* Компактная строка для целей с ≤ 2 источниками */
#page-single .gbs-sparse-cell {
  text-align: left !important; padding: 7px 12px !important;
}
#page-single .gbs-sparse-src {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 8px 2px 6px; margin-right: 8px;
  border-radius: 5px;
  background: rgba(255,255,255,0.03);
  font-size: 12px; color: rgba(255,255,255,0.65);
}
#page-single .gbs-sparse-src strong {
  color: rgba(255,255,255,0.88) !important;
  font-weight: 700 !important; font-size: 12px !important;
  display: inline !important;
}

/* Hint below table */
#page-single .src-hint {
  font-size: 10.5px !important; color: rgba(255,255,255,0.25) !important;
  margin-top: 10px !important; line-height: 1.6 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   Benchmark page — redesign in amber/glass aesthetic
   ══════════════════════════════════════════════════════════════════════ */

/* Page wrapper — centered */
#page-benchmark #bm-content {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 0 56px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
#page-benchmark #bm-meta { display: none; }

/* Remove card chrome — frameless sections */
#page-benchmark .chart-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* Section headers */
#page-benchmark .chart-header,
#page-benchmark .chart-card-header {
  padding: 0 0 14px !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#page-benchmark .chart-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
  color: rgba(255,255,255,0.85) !important;
}
#page-benchmark .chart-subtitle {
  font-size: 11px !important;
  color: rgba(255,255,255,0.35) !important;
  margin-top: 2px !important;
}
#page-benchmark #bm-picker-meta {
  font-size: 11px !important;
  color: rgba(255,255,255,0.30) !important;
}
#page-benchmark #bm-table-meta {
  font-size: 11px !important;
  color: rgba(255,255,255,0.30) !important;
}

/* ── Picker rows ──────────────────────────────────────────────── */
#page-benchmark .bm-row {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 12px !important;
  padding: 11px 14px !important;
  transition: background .15s, border-color .15s !important;
}
#page-benchmark .bm-row:hover {
  background: rgba(255,255,255,0.055) !important;
  border-color: rgba(245,158,11,0.22) !important;
  transform: none !important;
}
/* Project name in picker */
#page-benchmark .bm-row [style*="font-weight:600"] {
  color: rgba(255,255,255,0.82) !important;
}
/* Searcher/device hint */
#page-benchmark .bm-row [style*="font-size:11px"] {
  color: rgba(255,255,255,0.30) !important;
}
/* Competitor list */
#page-benchmark .bm-row [style*="border-left:2px solid"] {
  border-left-color: rgba(245,158,11,0.25) !important;
  margin-top: 10px !important;
  padding-left: 16px !important;
}
/* Expand button */
#page-benchmark .bm-row .btn-ghost {
  font-size: 10.5px !important;
  color: rgba(255,255,255,0.40) !important;
  border-color: rgba(255,255,255,0.08) !important;
  background: transparent !important;
  padding: 3px 10px !important;
}
#page-benchmark .bm-row .btn-ghost:hover {
  color: rgba(245,158,11,0.85) !important;
  border-color: rgba(245,158,11,0.25) !important;
}
/* Warnings */
#page-benchmark #bm-table-warnings {
  font-size: 11px !important;
  color: rgba(249,115,22,0.70) !important;
  padding: 6px 0 !important;
}

/* ── Benchmark table ──────────────────────────────────────────── */
#page-benchmark .bm-table-wrap {
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.015) !important;
  overflow: hidden !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  max-height: 680px !important;
  margin-top: 0 !important;
}
#page-benchmark .bm-table-wrap::-webkit-scrollbar { width: 4px; height: 4px; }
#page-benchmark .bm-table-wrap::-webkit-scrollbar-thumb { background: rgba(245,158,11,0.22); border-radius: 4px; }
#page-benchmark .bm-table-wrap { scrollbar-width: thin; scrollbar-color: rgba(245,158,11,0.22) transparent; }

/* Header */
#page-benchmark .bm-table thead th {
  background: rgba(8,5,2,0.82) !important;
  backdrop-filter: blur(16px) !important;
  padding: 10px 6px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.35) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  letter-spacing: 0.02em !important;
}
#page-benchmark .bm-table thead th.bm-col-kw {
  padding-left: 14px !important;
  color: rgba(255,255,255,0.38) !important;
  font-size: 9.5px !important;
  letter-spacing: 0.05em !important;
  background: rgba(8,5,2,0.94) !important;
}
#page-benchmark .bm-table thead th.bm-col-freq {
  color: rgba(255,255,255,0.28) !important;
  background: rgba(8,5,2,0.94) !important;
}
/* Own project → amber; competitor → muted */
#page-benchmark .bm-table thead th.bm-col-proj { color: rgba(245,158,11,0.78) !important; }
#page-benchmark .bm-table thead th.bm-col-comp { color: rgba(180,180,180,0.60) !important; }
/* Drag hover → amber accent */
#page-benchmark .bm-table thead th.bm-drag-over {
  background: rgba(245,158,11,0.08) !important;
  box-shadow: inset 2px 0 0 rgba(245,158,11,0.45), inset -2px 0 0 rgba(245,158,11,0.45) !important;
}

/* Sticky frozen columns */
#page-benchmark .bm-table thead th.bm-col-kw,
#page-benchmark .bm-table thead th.bm-col-freq,
#page-benchmark .bm-table tbody td.bm-cell-kw,
#page-benchmark .bm-table tbody td.bm-cell-freq {
  background: rgba(10,6,3,0.96) !important;
}
#page-benchmark .bm-table tbody tr:hover td.bm-cell-kw,
#page-benchmark .bm-table tbody tr:hover td.bm-cell-freq {
  background: rgba(18,11,4,0.97) !important;
}

/* Keyword cell */
#page-benchmark .bm-table tbody td.bm-cell-kw {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.75) !important;
  padding: 7px 10px 7px 14px !important;
  border-right: 1px solid rgba(255,255,255,0.05) !important;
}
/* Frequency cell */
#page-benchmark .bm-table tbody td.bm-cell-freq {
  font-size: 10.5px !important;
  color: rgba(255,255,255,0.32) !important;
  font-weight: 600 !important;
  padding: 7px 10px !important;
  border-right: 1px solid rgba(255,255,255,0.05) !important;
}
/* Data cells */
#page-benchmark .bm-table tbody td {
  padding: 5px 4px !important;
  border-bottom: 1px solid rgba(255,255,255,0.03) !important;
}
#page-benchmark .bm-table tbody tr:last-child td { border-bottom: none !important; }
/* Row hover */
#page-benchmark .bm-table tbody tr:hover td { background: rgba(245,158,11,0.04) !important; }

/* Position pills — tighter */
#page-benchmark .bm-pos {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 2px 5px !important;
  border-radius: 6px !important;
  min-width: 24px !important;
  letter-spacing: -0.3px !important;
}
#page-benchmark .bm-pos.bm-pos-none {
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* ── Legend + footer ──────────────────────────────────────────── */
#page-benchmark #bm-table-card > div:last-of-type {
  margin-top: 12px !important;
  font-size: 10.5px !important;
  color: rgba(255,255,255,0.28) !important;
  gap: 8px !important;
}
#page-benchmark #bm-table-card > div:last-of-type span {
  color: rgba(255,255,255,0.28) !important;
  font-style: normal !important;
}

/* ── Charts — match single-project style ─────────────────────── */
#page-benchmark #bm-charts {
  margin-top: 0 !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}
#page-benchmark #bm-charts .chart-card {
  background: rgba(255,255,255,0.025) !important;
  border-radius: 18px !important;
  border: none !important;
  padding: 16px 18px !important;
}

/* ── AI analyst section ──────────────────────────────────────── */
#page-benchmark .ai-section {
  background: transparent !important;
  border: none !important;
}

/* ── Efficiency table ────────────────────────────────────────── */
#geo-efficiency-table {
  margin-top: 0;
}
#geo-efficiency-table > div {
  margin-top: 0 !important;
}
#geo-efficiency-table [style*="text-transform:uppercase"] {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.35) !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}
#geo-efficiency-table table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12.5px !important;
  background: rgba(255,255,255,0.015) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
#geo-efficiency-table thead tr {
  background: rgba(8,5,2,0.80) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
#geo-efficiency-table thead th {
  padding: 9px 12px !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.32) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
  white-space: nowrap !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
#geo-efficiency-table thead th:first-child { text-align: left !important; }
#geo-efficiency-table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  transition: background .15s !important;
}
#geo-efficiency-table tbody tr:last-child { border-bottom: none !important; }
#geo-efficiency-table tbody tr:hover { background: rgba(245,158,11,0.04) !important; }
#geo-efficiency-table tbody td {
  padding: 9px 12px !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 12.5px !important;
  color: rgba(255,255,255,0.72) !important;
}
#geo-efficiency-table tbody td:first-child {
  text-align: left !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.85) !important;
}