/* Editors of the new adjustments in the «Поправки» panel (ui/adjusteditors.js,
 * ПЛАГИНЫ.md A1). Colours come from tokens.css, so all four themes and both
 * looks («Мастерская» and the usual one) follow by themselves. */

.adjust-groups { margin-bottom: 2px; }
/* Прибитые вкладки — плотным фоном: стекло в стеклянной панели WebKit не
 * размывает, и разделы просвечивали бы сквозь них. */
.тело-панели .adjust-groups.прибито-сверху {
  padding-top: 8px; padding-bottom: 7px; margin: 0 -8px; padding-left: 8px; padding-right: 8px;
  background: var(--фон-панели-плотный); backdrop-filter: none; -webkit-backdrop-filter: none;
}
.adjust-groups .фишка { font-weight: 600; position: relative; }
/* Во вкладке есть включённые разделы — точка в углу: правка идёт и там. */
.adjust-groups .фишка[data-тронута]::after {
  content: ""; position: absolute; top: 2px; right: 3px; width: 6px; height: 6px; border-radius: 50%;
  background: var(--акцент); box-shadow: 0 0 0 1.5px var(--фон-панели-плотный);
}
.adjust-groups .фишка[data-выбрана][data-тронута]::after { background: var(--акцент-текст); }

/* РАЗДЕЛЫ ВКЛАДКИ (11.10.2026): все поправки вкладки открыты сразу, каждая
 * своей карточкой — шапка (кружок-выключатель, имя, ↺) и ручки. */
.adjust-sections, .adjust-group-sections { gap: 7px; }
.adjust-section {
  display: flex; flex-direction: column; gap: 6px;
  padding: 7px 8px 9px; border-radius: 10px;
  border: 1px solid var(--край);
  background: color-mix(in srgb, var(--к-2) 55%, transparent);
  transition: border-color var(--скорость) var(--кривая), background var(--скорость) var(--кривая);
}
.adjust-section[data-вкл] {
  border-color: color-mix(in srgb, var(--акцент) 55%, transparent);
  background: color-mix(in srgb, var(--акцент) 7%, color-mix(in srgb, var(--к-2) 55%, transparent));
}
.adjust-section-head { display: flex; align-items: center; gap: 7px; min-height: 20px; }
.adjust-section-name {
  flex: 1; min-width: 0; font-weight: 600; font-size: var(--кегль-мелкий);
  letter-spacing: 0.02em; color: var(--текст); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.adjust-section[data-тронут]:not([data-вкл]) .adjust-section-name { color: var(--текст-тише); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--текст-тише) 60%, transparent); }
.adjust-switch {
  flex: none; width: 13px; height: 13px; padding: 0; border-radius: 50%; cursor: default;
  border: 1.5px solid var(--край-ярче); background: transparent;
  transition: all var(--скорость) var(--кривая);
}
.adjust-switch:hover { border-color: var(--акцент); }
.adjust-section[data-вкл] .adjust-switch {
  border-color: var(--акцент); background: var(--акцент);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--акцент) 22%, transparent);
}
.adjust-reset {
  flex: none; height: 20px; min-width: 22px; padding: 0 5px; border-radius: 6px; cursor: default;
  border: 1px solid transparent; background: transparent; color: var(--текст-тише); font-size: 12px;
  visibility: hidden;
}
.adjust-section[data-тронут] .adjust-reset { visibility: visible; }
.adjust-reset:hover { color: var(--текст); background: var(--к-3); border-color: var(--край); }
.adjust-section-body { gap: 6px; }
.adjust-section-body:empty { display: none; }

/* Низ: что в правке и кнопки — прибит к низу панели, ручки проезжают под ним. */
.adjust-footer {
  position: sticky; bottom: -8px; z-index: 3; gap: 6px;
  margin: 2px -8px -8px; padding: 8px 8px 9px;
  /* Плотно, без стекла: стекло внутри стеклянной панели WebKit не размывает,
   * и подписи ручек просвечивали сквозь кнопки. */
  background: var(--фон-панели-плотный);
  border-top: 1px solid var(--край);
  box-shadow: 0 -6px 10px -8px rgba(0, 0, 0, 0.45);
}
.adjust-footer[data-есть] .adjust-chain { color: var(--текст); }
.adjust-chain { min-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adjust-layer { gap: 8px; }

/* Каналы кривых — своим цветом; на тронутом канале точка. Второй селектор
 * каждого правила — для «Мастерской»: её фишки красятся строже. */
.каналы-кривой { gap: 3px; flex-wrap: nowrap; }
.каналы-кривой .канал-кривой,
:root[data-облик="мастерская"] .мст-пульт .каналы-кривой .канал-кривой {
  position: relative; font-weight: 700; padding: 0 8px; min-width: 30px; justify-content: center;
  color: var(--цвет-канала);
  border-color: color-mix(in srgb, var(--цвет-канала) 45%, transparent);
  background: color-mix(in srgb, var(--цвет-канала) 10%, transparent);
}
.каналы-кривой .канал-кривой:hover,
:root[data-облик="мастерская"] .мст-пульт .каналы-кривой .канал-кривой:hover {
  color: var(--цвет-канала); background: color-mix(in srgb, var(--цвет-канала) 22%, transparent);
}
.каналы-кривой .канал-кривой[data-выбрана],
:root[data-облик="мастерская"] .мст-пульт .каналы-кривой .канал-кривой[data-выбрана] {
  background: var(--цвет-канала); color: #111; border-color: transparent; box-shadow: none;
}
.канал-кривой[data-тронут]::after {
  content: ""; position: absolute; top: 2px; right: 2px; width: 5px; height: 5px; border-radius: 50%;
  background: var(--цвет-канала); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.канал-кривой[data-выбрана][data-тронут]::after { background: #111; box-shadow: none; }
/* Светлые темы: «RGB» белым по светлому не читается. */
:root[data-тема="светлая"] .канал-кривой[data-канал="все"] { --цвет-канала: #3a3f45 !important; }
:root[data-тема="светлая"] .каналы-кривой .канал-кривой[data-канал="все"][data-выбрана],
:root[data-тема="светлая"][data-облик="мастерская"] .мст-пульт .каналы-кривой .канал-кривой[data-канал="все"][data-выбрана] { color: #fff; }

.adjust-editor { gap: 6px; }

/* Bands (eight colours, tonal ranges, mixer outputs). */
.adjust-bands { gap: 3px; }
.adjust-band { gap: 5px; padding: 0 7px; }
.adjust-dot {
  width: 9px; height: 9px; border-radius: 50%; flex: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}
.adjust-dot[data-touched] { box-shadow: 0 0 0 2px var(--акцент); }

/* Swatches: photo filters and gradient presets. */
.adjust-swatches {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(22px, 1fr)); gap: 4px;
}
.adjust-swatch {
  height: 22px; border-radius: 6px; border: 1px solid var(--край-ярче); padding: 0;
  cursor: default; transition: transform var(--скорость) var(--кривая);
}
.adjust-swatch:hover { transform: scale(1.08); }
.adjust-swatch[data-выбрана] { box-shadow: 0 0 0 2px var(--акцент); }
.adjust-swatches:has(.adjust-swatch-wide) { grid-template-columns: repeat(auto-fill, minmax(46px, 1fr)); }
.adjust-swatch-wide { height: 16px; }

/* Gradient bar with its stops. */
.adjust-gradient-bar {
  height: 18px; border-radius: 6px; border: 1px solid var(--край-ярче); margin-top: 4px; cursor: copy;
}
.adjust-gradient-marks { position: relative; height: 14px; margin: 0 2px; }
.adjust-stop {
  position: absolute; top: 0; width: 11px; height: 11px; border-radius: 3px;
  transform: translateX(-50%); border: 2px solid var(--текст); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  cursor: grab;
}
.adjust-stop[data-выбрана] { border-color: var(--акцент); }
.adjust-color-input {
  width: 28px; height: 22px; padding: 0; border: 1px solid var(--край); border-radius: 6px;
  background: transparent;
}
.adjust-hidden-input { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; }

/* Look library: live thumbnails of the document. */
.adjust-looks {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(74px, 1fr)); gap: 6px;
  max-height: 340px; overflow-y: auto; overscroll-behavior: contain; padding: 2px;
}
.adjust-look {
  display: flex; flex-direction: column; gap: 3px; padding: 3px; border-radius: 8px;
  border: 1px solid var(--край); background: var(--к-2); cursor: default; min-width: 0;
}
.adjust-look:hover { background: var(--к-3); }
.adjust-look[data-выбрана] { border-color: transparent; box-shadow: 0 0 0 2px var(--акцент); }
.adjust-look canvas { width: 100%; height: auto; border-radius: 5px; aspect-ratio: 4 / 3; object-fit: cover; }
.adjust-look-name {
  font-size: 10px; line-height: 1.2; color: var(--текст-тише); text-align: center;
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

html[data-уклад="палец"] .adjust-swatch { height: 30px; }
html[data-уклад="палец"] .adjust-stop { width: 18px; height: 18px; }

/* Редактор градиента: ряд выбранной точки и свой набор (11.10.2026). */
.adjust-stop-row { flex-wrap: wrap; gap: 4px; min-height: 26px; align-items: center; }
.adjust-stop-swatch { width: 26px; height: 22px; border-radius: 6px; border: 1px solid var(--край-ярче); cursor: default; padding: 0; }
.adjust-swatch[data-свой] { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--акцент) 70%, transparent); }
:root[data-пипетка] *, :root[data-пипетка] { cursor: crosshair !important; }