/* Панель «Охват» — стили отдельно от editor.css */
.ee-pane { display: flex; flex-direction: column; gap: 1.2rem; }
.ee-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.8rem; }
.ee-dek { font-family: var(--grotesk); font-size: var(--t-small); color: var(--ink-soft); margin: 0; max-width: 44rem; line-height: 1.5; }
.ee-status { font-family: var(--mono); font-size: var(--t-micro); letter-spacing: 0.08em; color: var(--ink-faint); }
.ee-status.is-ok { color: oklch(0.52 0.10 150); }
.ee-status.is-err { color: var(--accent-deep); }

.ee-tabs { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.ee-tab {
  font-family: var(--mono); font-size: var(--t-micro); letter-spacing: 0.1em; text-transform: uppercase;
  background: none; border: 1px solid var(--line-strong); border-radius: 999px;
  padding: 0.4rem 0.85rem; cursor: pointer; color: var(--ink-soft); transition: all 0.2s var(--ease);
}
.ee-tab:hover { color: var(--ink); }
.ee-tab.is-on { border-color: var(--accent); color: var(--accent-deep); background: var(--accent-wash); }

.ee-list { display: flex; flex-direction: column; gap: 0.65rem; }
.ee-empty { font-family: var(--grotesk); font-size: var(--t-small); color: var(--ink-faint); padding: 1.5rem 0; }

.ee-row {
  border: 1px solid var(--line); border-radius: 6px; padding: 0.85rem 1rem;
  background: var(--paper-raise); display: flex; flex-direction: column; gap: 0.7rem;
}
.ee-row.is-on { border-color: oklch(0.560 0.105 42 / 0.45); background: oklch(0.98 0.01 80 / 0.5); }
.ee-row__id { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.45rem 0.8rem; min-width: 0; }
.ee-row__kick { font-family: var(--mono); font-size: var(--t-micro); letter-spacing: 0.12em; color: var(--ink-faint); }
.ee-row__title {
  font-family: var(--grotesk); font-size: var(--t-body); font-weight: 500; color: var(--ink);
  background: none; border: none; padding: 0; cursor: pointer; text-align: left;
}
.ee-row__title:hover { color: var(--accent-deep); }
.ee-row__src { font-family: var(--mono); font-size: var(--t-micro); color: var(--ink-faint); }
.ee-row__acts { display: flex; flex-direction: column; gap: 0.65rem; }

.ee-toggle {
  align-self: flex-start; font-family: var(--mono); font-size: var(--t-micro); letter-spacing: 0.08em;
  border: 1px solid var(--line-strong); border-radius: 999px; padding: 0.35rem 0.85rem;
  background: var(--paper); cursor: pointer; color: var(--ink-soft); transition: all 0.18s var(--ease);
}
.ee-toggle:hover { border-color: var(--ink-soft); color: var(--ink); }
.ee-toggle.is-on { background: var(--accent); border-color: var(--accent); color: var(--paper-raise); }

.ee-panel { border-top: 1px solid var(--line); padding-top: 0.75rem; display: flex; flex-direction: column; gap: 0.55rem; }
.ee-panel__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 0.65rem; }
.ee-panel__row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.8rem; }
.ee-field { display: flex; flex-direction: column; gap: 0.25rem; }
.ee-field__l { font-family: var(--mono); font-size: var(--t-micro); letter-spacing: 0.06em; color: var(--ink-faint); }
.ee-num {
  font-family: var(--grotesk); font-size: var(--t-small); padding: 0.45rem 0.55rem;
  border: 1px solid var(--line-strong); border-radius: 4px; background: var(--paper); color: var(--ink); width: 100%;
}
.ee-num:focus { outline: none; border-color: var(--accent); }

.ee-paces { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.ee-pace {
  font-family: var(--mono); font-size: var(--t-micro); letter-spacing: 0.04em;
  border: 1px solid var(--line-strong); border-radius: 999px; padding: 0.28rem 0.65rem;
  background: var(--paper); cursor: pointer; color: var(--ink-soft);
}
.ee-pace.is-on { border-color: var(--accent); color: var(--accent-deep); background: var(--accent-wash); }

.ee-warn { font-family: var(--mono); font-size: var(--t-micro); color: var(--accent-deep); }
.ee-prev { font-family: var(--mono); font-size: var(--t-micro); color: var(--ink-soft); letter-spacing: 0.02em; }
.ee-panel__row--gen { align-items: center; gap: 0.65rem; flex-wrap: wrap; }
.ee-gen {
  font-family: var(--mono); font-size: var(--t-micro); letter-spacing: 0.06em; text-transform: uppercase;
  border: 1px solid var(--ink); background: var(--ink); color: var(--paper-raise);
  padding: 0.45rem 0.75rem; border-radius: 4px; cursor: pointer;
}
.ee-gen:disabled { opacity: 0.5; cursor: not-allowed; }
.ee-gen-hint { font-family: var(--grotesk); font-size: var(--t-micro); color: var(--ink-faint); }
.ee-seeds { font-family: var(--mono); font-size: var(--t-micro); color: var(--ink-faint); letter-spacing: 0.04em; }

@media (min-width: 720px) {
  .ee-row { flex-direction: row; align-items: flex-start; justify-content: space-between; }
  .ee-row__acts { flex: 1; min-width: 16rem; max-width: 22rem; }
}