/* Раздел «Блогеры». Строится на деталях «Сетевых компаний» и «Поисков»
   (network.css, pages.css подключены рядом): плашки, метки, цифры.
   Здесь только то, чего у них нет. */

/* --- общие мелочи ------------------------------------------------------------ */
.kol-small { margin: var(--sp-2) 0 0; font-size: var(--s0); color: var(--muted); line-height: 1.45; }
.kol-small a { color: var(--muted); }
.kol-small a:hover { color: var(--accent); }
.kol-small .icon { vertical-align: -2px; }
.kol-letter-meta .pg-when, .kol-runs .pg-when { font-size: var(--s0); }
.kol-stack { display: flex; flex-direction: column; gap: var(--sp-2); margin: 0; }
.kol-stack input, .kol-stack select, .kol-stack textarea { width: 100%; }
.kol-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: var(--sp-2); }
.kol-pair > button { justify-content: center; }
.kol-ic { width: 28px; height: 28px; padding: 0; justify-content: center; color: var(--muted); }
.kol-ic:hover { color: var(--text); }
.kol-ic.copied { color: hsl(var(--v-ok)); }
.kol-danger { color: hsl(var(--v-bad)); }
.kol-danger:hover { background: hsl(var(--v-bad) / .08); color: hsl(var(--v-bad)); }
.kol-h3 { display: flex; align-items: center; gap: 6px; margin: var(--sp-4) 0 var(--sp-2); padding-top: var(--sp-4); border-top: 1px solid var(--line); font-size: var(--s1); font-weight: 600; }
.kol-h3 .icon { color: var(--muted); }
.kol-sum-note { margin-left: 4px; font-size: var(--s0); font-weight: 400; color: var(--muted); }
.kol-who { font-weight: 600; flex: none; }
.kol-who.is-free { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; border: 1px dashed var(--line-ctl); color: var(--muted); }

/* Оценка: буква крупнее слова. */
.kol-abc { font-size: 1.05em; font-weight: 800; letter-spacing: -0.02em; }
.kol-v-big { height: 30px; padding: 0 12px 0 10px; font-size: var(--s1); }
.kol-v-big .kol-abc { font-size: 1.2em; }

/* --- условия брифа чипами ------------------------------------------------------ */
.kol-conds { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.kol-cond { min-height: 24px; padding: 2px 8px; font-size: var(--s0); color: var(--muted); }
.kol-cond .icon { flex: none; color: var(--muted); opacity: .8; }
.kol-cond.is-empty { background: transparent; border: 1px dashed var(--line-ctl); }

/* --- предложение и действия (условия размещения) ------------------------------- */
.kol-offer { display: flex; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 10px; background: var(--tint); font-size: var(--s1); line-height: 1.55; max-width: 80ch; }
.kol-offer > .icon { flex: none; margin-top: 3px; color: var(--accent); }
.kol-offer-none { margin: 0; }
.kol-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); margin: 0; }
.kol-actions form { margin: 0; }

/* --- карточка канала ------------------------------------------------------------------ */
.nx-hero .avatar { box-shadow: 0 0 0 3px var(--card), 0 0 0 4px var(--line); }
.kol-geo { display: inline-flex; align-items: center; gap: 6px; font-size: var(--s1); color: var(--muted); white-space: nowrap; }
.kol-sample { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: var(--sp-3) 0 0; font-size: var(--s0); color: var(--muted); }
.kol-sample > .icon { flex: none; }
.kol-sample > span { flex: 1 1 200px; min-width: 0; line-height: 1.45; }
.kol-inline-hist { margin: 0 0 0 auto; }
.kol-inline-hist[open] { flex-basis: 100%; margin-left: 0; }

.kol-checks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 6px; }
.kol-checks li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 10px; background: hsl(var(--v) / .06); border: 1px solid hsl(var(--v) / .16); }
.kol-checks li > span:last-child { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.kol-checks b { font-size: var(--s1); font-weight: 600; }
.kol-checks b::first-letter { text-transform: uppercase; }
.kol-checks small { font-size: var(--s0); color: var(--muted); line-height: 1.4; overflow-wrap: anywhere; }
.kol-unset { display: flex; align-items: center; gap: 6px; margin: var(--sp-3) 0 0; font-size: var(--s0); color: var(--muted); }
/* Что модель не проверила и риски: подпись сверху, пункты списком — чтобы
   было видно, к чему относятся строки. */
.kol-note { margin-top: var(--sp-3); padding: 10px 12px; border-radius: var(--r-ctl); background: hsl(var(--t-muted) / .45); }
.kol-note-h { display: flex; align-items: center; gap: 6px; margin: 0 0 4px; font-size: var(--s1); color: var(--muted); }
.kol-note-h .icon { flex: none; color: hsl(var(--v-warn)); }
.kol-note.is-risk .kol-note-h { color: hsl(var(--v-bad)); }
.kol-note.is-risk .kol-note-h .icon { color: hsl(var(--v-bad)); }
.kol-note ul { margin: 0; padding-left: 26px; font-size: var(--s1); line-height: 1.5; }
.kol-note li + li { margin-top: 2px; }

.kol-letter .nx-panel-head button { flex: none; }
.kol-letter-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0 0 var(--sp-3); }
.kol-letter .approve-text { margin: 0; padding: var(--sp-4); border-radius: 10px; background: var(--tint); white-space: pre-wrap; max-width: none; }
.kol-letter .pg-hist { margin-top: var(--sp-3); }
.kol-letter .pg-hist form, .kol-letter .pg-hist .translation { margin-top: var(--sp-3); }
.kol-letter-ru { margin-top: var(--sp-3); padding: 0 var(--sp-4); }
.kol-letter-ru small { display: inline-flex; align-items: center; gap: 5px; color: var(--faint); font-size: 12px; }
.kol-letter-ru p { margin: 4px 0 0; white-space: pre-wrap; color: var(--muted); font-size: var(--s1); line-height: 1.5; }

.kol-desc summary p { font-size: var(--s1); color: var(--muted); white-space: pre-line; }
.kol-desc { margin-bottom: var(--sp-4); }
.kol-desc summary p { margin-top: 0; }
.kol-kv { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 6px; margin: 0; }
.kol-kv > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 10px 12px; border-radius: 10px; background: var(--tint); }
.kol-kv dt { font-size: var(--s0); color: var(--muted); }
.kol-kv dt::first-letter { text-transform: uppercase; }
.kol-kv dd { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: var(--s1); font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.kol-kv dd small { flex-basis: 100%; font-size: var(--s0); font-weight: 400; color: var(--muted); }
.kol-kv dd small a { color: var(--muted); }
.kol-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--sp-3); }
.kol-links a.nx-chip { color: var(--text); text-decoration: none; font-size: var(--s0); max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.kol-links a.nx-chip .icon { flex: none; color: var(--muted); }
.kol-links a.nx-chip:hover { color: var(--accent); }
.kol-kw { display: flex; gap: 6px; margin: var(--sp-3) 0 0; font-size: var(--s0); color: var(--muted); line-height: 1.5; }
.kol-kw .icon { flex: none; margin-top: 2px; }
.kol-foreign { margin: var(--sp-3) 0 0; }
.kol-foreign small { display: block; margin-top: 2px; font-size: var(--s0); color: var(--muted); overflow-wrap: anywhere; }
.kol-src { display: flex; align-items: center; gap: 6px; margin: var(--sp-4) 0 0; font-size: var(--s0); color: var(--muted); }
.kol-src a { color: var(--muted); }
.kol-src a:hover { color: var(--accent); }
.kol-evidence { list-style: none; margin: 0; padding: var(--sp-3) var(--sp-6) var(--sp-4); display: flex; flex-direction: column; gap: 8px; }
.kol-evidence li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: var(--s1); }
.kol-evidence li a, .kol-evidence li > span:not([class]) { font-family: var(--mono, ui-monospace, monospace); font-size: var(--s0); }
.kol-evidence small { color: var(--muted); font-size: var(--s0); }
.kol-evidence .pg-when { margin-left: auto; }

/* Правая колонка: кто ведёт и что делать. */
.kol-lead { display: flex; align-items: center; gap: 10px; }
.kol-lead > span:not(.avatar):not(.kol-who) { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.kol-lead small { font-size: var(--s0); color: var(--muted); }
.kol-lead b { font-size: var(--s1); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kol-lead form { margin: 0; }
.kol-do { display: flex; flex-direction: column; gap: 6px; margin-top: var(--sp-4); }
.kol-do form { margin: 0; }
.kol-work > .button.nx-full { margin-top: var(--sp-4); }
.kol-work .pg-hint { margin-top: var(--sp-3); font-size: var(--s0); align-items: flex-start; }
.kol-work .pg-hint .icon { margin-top: 1px; }
.kol-mark { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; }
.kol-mark > span { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.kol-mark b { font-size: var(--s1); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kol-mark small { font-size: var(--s0); color: var(--muted); }
.kol-mark form { margin: 0; }
.kol-mark .icon-channel { color: hsl(var(--ch, var(--v-ok))); }
.kol-mark.is-off { opacity: .55; }
.kol-mark.is-off b { text-decoration: line-through; }
.kol-mark-form { margin-top: var(--sp-3); }
.kol-mark b a { color: inherit; text-decoration: none; }
.kol-mark b a:hover { color: var(--accent); }
.kol-more-mark { margin-top: var(--sp-2); }
.kol-more-mark > summary { cursor: pointer; list-style: none; display: inline-flex; gap: 5px; align-items: center; font-size: var(--s0); color: var(--muted); }
.kol-more-mark > summary::-webkit-details-marker { display: none; }
.kol-more-mark > summary:hover { color: var(--text); }
.nx-side .nx-fold > summary { padding: 12px var(--sp-4); font-size: var(--s1); }
.nx-side .nx-fold > form { padding: var(--sp-3) var(--sp-4) var(--sp-4); }
.nx-contacts li .kol-ic { margin-left: auto; }

.nx-side .nx-panel.nx-fold { padding: 0; }
.nx-hero .pg-num b.pg-num-s { white-space: normal; line-height: 1.25; }
.nx-hero .pg-num { align-content: start; }
.nx-hero .pg-num span { line-height: 1.3; }

/* --- форма брифа и условий ------------------------------------------------------------ */
.kol-form { gap: var(--sp-6); }
.kol-form .field { display: flex; flex-direction: column; gap: 6px; margin: 0; min-width: 0; }
.kol-form .nx-f-l { display: inline-flex; align-items: center; gap: 5px; }
.kol-form input, .kol-form textarea, .kol-form select { width: 100%; }
.kol-form .pick { width: 100%; }
.kol-form textarea { min-height: 0; height: auto; resize: vertical; }
.kol-form textarea[rows="1"] { height: var(--h-ctl, 40px); }
.kol-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
.kol-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kol-set { display: flex; flex-direction: column; gap: var(--sp-3); margin: 0; padding: var(--sp-4) 0 0; border: 0; border-top: 1px solid var(--line); min-width: 0; }
.kol-set > legend { display: flex; align-items: center; gap: 6px; padding: 0 8px 0 0; font-size: var(--s1); font-weight: 600; color: var(--text); }
.kol-set > legend .icon { color: var(--accent); }
.kol-set-note { font-size: var(--s0); font-weight: 400; color: var(--muted); cursor: help; border-bottom: 1px dotted var(--line-ctl); }
.kol-set .pg-limits .kol-grid { margin-top: 0; }
.kol-range { display: flex; align-items: center; gap: 6px; }
.kol-range input { min-width: 0; }
.kol-range i { font-style: normal; color: var(--muted); }
.kol-check { display: inline-flex; align-items: center; gap: 8px; font-size: var(--s1); color: var(--muted); cursor: pointer; }
.kol-check input { width: auto; }

/* --- условия размещения ------------------------------------------------------------------ */
.kol-deal { display: flex; flex-direction: column; gap: var(--sp-4); margin-bottom: var(--sp-4); }
.kol-deal .pg-nums { margin-top: 0; }
.kol-deal .pg-num b.pg-num-s { white-space: normal; }
.kol-deal .kol-offer { max-width: none; }
.kol-deal .pg-alert, .kol-deal .nx-inline-note { margin: 0; }
.kol-deal-hints:empty { display: none; }
.kol-decide { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); padding-top: var(--sp-4); border-top: 1px solid var(--line); }
.kol-versions { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.kol-versions li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 10px 0; border-top: 1px solid var(--line); font-size: var(--s1); }
.kol-versions li:first-child { border-top: 0; }
.kol-ver { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; background: var(--tint); font-size: var(--s0); font-variant-numeric: tabular-nums; }
.kol-ver-what { color: var(--text); }
.kol-versions small { color: var(--muted); font-size: var(--s0); }
.kol-versions .pg-when { margin-left: auto; font-size: var(--s0); }

/* --- настройки ------------------------------------------------------------------------------ */
.kol-settings { max-width: 560px; }
.kol-formula { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 var(--sp-4); }
.kol-formula i { font-style: normal; font-size: var(--s3); color: var(--muted); }
.kol-inline-form { display: flex; align-items: flex-end; gap: var(--sp-2); margin: 0; }
.kol-inline-form .field { display: flex; flex-direction: column; gap: 6px; flex: 1; margin: 0; }

/* --- продукты: что рекламируем -------------------------------------------------------------- */
.kpd-lead { max-width: 640px; margin: 0 0 var(--sp-4); }
.kpd-grid { margin-bottom: var(--sp-4); }
.kpd-grid .kpc-title { display: inline-flex; align-items: center; gap: 8px; }
.kpd-grid .kpc-title .icon { color: var(--accent); flex: none; }
.kpd-grid .kpc.is-archived { opacity: .6; }
.kpd-sum { font-size: var(--s1); color: var(--muted); line-height: 1.45; }
.kpd-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: auto; font-size: var(--s0); color: var(--muted); }
.kpd-meta span { display: inline-flex; align-items: center; gap: 5px; }
.kpd-meta .kpd-todo { color: var(--warn, #b7791f); }
.kpd-new { margin-top: var(--sp-2); }
.kpd-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: var(--sp-4); align-items: start; }
.kpd-side { display: flex; flex-direction: column; gap: var(--sp-4); min-width: 0; }
.kpd-side .nx-panel { margin: 0; }
.kpd-note-form { display: flex; align-items: center; gap: var(--sp-2); margin: var(--sp-3) 0; }
.kpd-note-form input { flex: 1; min-width: 0; }
.kpd-notes, .kpd-briefs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.kpd-notes li, .kpd-briefs li { display: flex; flex-direction: column; gap: 3px; padding: 10px 0; border-top: 1px solid var(--line); font-size: var(--s1); }
.kpd-notes li:first-child, .kpd-briefs li:first-child { border-top: 0; }
.kpd-notes span { white-space: pre-line; }
.kpd-notes small, .kpd-briefs small { color: var(--muted); font-size: var(--s0); }
.kpd-view { display: grid; grid-template-columns: minmax(120px, 200px) 1fr; gap: 8px 16px; margin: 0; font-size: var(--s1); }
.kpd-view dt { color: var(--muted); }
.kpd-view dd { margin: 0; white-space: pre-line; }

/* --- узкий экран ------------------------------------------------------------------------------- */
@media (max-width: 720px) {
  .kpd-layout { grid-template-columns: 1fr; }
  .kpd-view { grid-template-columns: 1fr; }
  .kol-grid, .kol-grid-3, .kol-decide { grid-template-columns: 1fr; }
  .kol-inline-form { flex-direction: column; align-items: stretch; }
  .kol-evidence { padding: var(--sp-3) var(--sp-4); }
}
@keyframes kol-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* ============================================================================
   Быстрый поиск и экраны блогеров: кнопки вместо полей, плитки
   вместо вкладок, карточки каналов сеткой. Спокойные поверхности, цвет —
   только у смысла (оценка, состояние).
   ========================================================================== */

/* --- быстрый поиск ------------------------------------------------------------ */
.kq {
  display: flex; flex-direction: column; gap: var(--sp-4); margin-bottom: var(--sp-8);
  padding: var(--sp-6); background: var(--card); border: 1px solid var(--line); border-radius: calc(var(--r-card) + 4px);
  box-shadow: 0 10px 30px -22px hsl(var(--t-scrim) / .45);
}
.kq-form { display: flex; flex-direction: column; gap: var(--sp-6); margin: 0; }
.kq-block { display: flex; flex-direction: column; gap: 10px; min-width: 0; margin: 0; }
.kq-label { margin: 0; font-size: var(--s0); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.kq-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.kq-chip { position: relative; display: inline-flex; cursor: pointer; }
.kq-chip[hidden] { display: none; }
.kq-chip input { position: absolute; opacity: 0; pointer-events: none; }
.kq-chip > span {
  display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px;
  border: 1px solid var(--line-ctl); border-radius: 999px; background: var(--card);
  font-size: var(--s1); font-weight: 500; color: var(--text); user-select: none;
  transition: background .15s var(--nx-ease), border-color .15s var(--nx-ease), transform .15s var(--nx-ease);
}
.kq-chip > span .icon { color: var(--muted); transition: color .15s var(--nx-ease); }
.kq-chip:hover > span { border-color: hsl(var(--t-primary) / .5); }
.kq-chip:active > span { transform: scale(.97); }
.kq-chip input:checked + span { background: var(--accent-tint); border-color: hsl(var(--t-primary) / .7); color: var(--text); }
.kq-chip input:checked + span .icon { color: var(--accent); }
.kq-chip input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.kq-lang .nx-flag { border-radius: 3px; box-shadow: 0 0 0 1px hsl(var(--t-border)); }
.kq-own { display: contents; }
.kq-chip.is-own > span i { font-style: normal; margin-left: 2px; color: var(--muted); }
.kq-chip.is-own:hover > span i { color: hsl(var(--v-bad)); }
.kq-more { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px dashed var(--line-ctl); background: none; font-size: var(--s1); color: var(--muted); cursor: pointer; }
.kq-more:hover { color: var(--text); border-color: hsl(var(--t-primary) / .5); }
.kq-words { width: 260px; height: 38px; border-radius: 999px; padding: 0 16px; }

.kq-row { display: grid; grid-template-columns: auto auto minmax(200px, 1fr); gap: var(--sp-6); align-items: start; }
.kq-seg { display: inline-flex; padding: 3px; gap: 2px; border-radius: 12px; background: var(--tint); width: max-content; max-width: 100%; flex-wrap: wrap; }
.kq-seg label { position: relative; cursor: pointer; }
.kq-seg input { position: absolute; opacity: 0; pointer-events: none; }
.kq-seg span {
  display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 44px; height: 38px; padding: 0 12px;
  border-radius: 9px; font-size: var(--s1); font-weight: 500; color: var(--muted); line-height: 1.1; user-select: none;
  transition: background .15s var(--nx-ease), color .15s var(--nx-ease);
}
.kq-seg small { font-size: 10.5px; font-weight: 400; opacity: .8; font-variant-numeric: tabular-nums; }
.kq-seg label:hover span { color: var(--text); }
.kq-seg input:checked + span { background: var(--card); color: var(--text); box-shadow: 0 1px 3px hsl(var(--t-scrim) / .18); }
.kq-seg input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 1px; }
.kq-proj .nx-select { width: 100%; }
.kq-proj select { width: 100%; }

.kq-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4); padding-top: var(--sp-4); border-top: 1px solid var(--line); }
.kq-go { height: 44px; padding: 0 22px; font-size: var(--s2); font-weight: 600; border-radius: 12px; }
.kq-how { display: inline-flex; align-items: center; gap: 6px; font-size: var(--s0); color: var(--muted); }
.kq-how .icon { color: var(--accent); }

.kq-exact > summary, .kq-extra > summary {
  display: inline-flex; align-items: center; gap: 6px; list-style: none; cursor: pointer;
  font-size: var(--s1); color: var(--muted);
}
.kq-exact > summary::-webkit-details-marker, .kq-extra > summary::-webkit-details-marker { display: none; }
.kq-exact > summary:hover, .kq-extra > summary:hover { color: var(--text); }
.kq-exact[open] > summary .nx-group-chev, .kq-extra[open] > summary .nx-group-chev { transform: rotate(180deg); }
.kq-exact > form { margin-top: var(--sp-4); }

/* «Ещё условия» быстрого поиска: те же кнопки, что выше, без полотна полей. */
.kq-extra { margin-top: calc(-1 * var(--sp-2)); }
.kq-extra-sum:not(:empty) { padding: 1px 8px; border-radius: 999px; background: var(--accent-tint); color: var(--text); font-size: var(--s0); font-weight: 600; }
.kq-extra-grid {
  display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px var(--sp-8);
  margin-top: var(--sp-4); padding: var(--sp-4) 20px; border-radius: var(--r-card); background: var(--tint);
}
.kq-extra-grid .kq-seg { background: var(--card); }
.kq-extra-grid .kq-seg input:checked + span { background: var(--accent-tint); box-shadow: none; }
.kq-range { display: inline-flex; align-items: center; gap: 6px; }
.kq-range input { width: 92px; height: 38px; }
.kq-range i { font-style: normal; color: var(--muted); }
.kq-range small, .kq-note { font-size: var(--s0); color: var(--muted); }
.kq-range small { white-space: nowrap; }
.kq-extra-grid .kq-seg { flex-wrap: nowrap; }
.kq-must { flex: 1 1 280px; min-width: min(100%, 280px); }
@media (max-width: 720px) { .kq-extra-grid .kq-seg { flex-wrap: wrap; } }
.kq-must input { height: 38px; }

/* --- список поисков ------------------------------------------------------------ */
.kb-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); margin: 0 0 var(--sp-3); }
.kb-head .nx-h { margin: 0; }
.kb-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: var(--s1); color: var(--muted); text-decoration: none; }
.kb-toggle span { font-size: var(--s0); font-weight: 600; font-variant-numeric: tabular-nums; }
.kb-toggle .kb-hot { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--bad-bright); color: #fff; font-size: 11px; line-height: 18px; text-align: center; }
.kb-toggle:hover { color: var(--accent); }
.kb-links { display: inline-flex; align-items: center; gap: var(--sp-4); }
.kb-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--sp-3); }
.kpc {
  position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 16px 18px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); color: inherit; text-decoration: none;
  transition: border-color .18s var(--nx-ease), box-shadow .18s var(--nx-ease), transform .18s var(--nx-ease);
  animation: kol-in .35s var(--nx-ease) both; animation-delay: calc(min(var(--i, 0), 12) * 30ms);
}
.kpc:hover { color: inherit; border-color: hsl(var(--t-primary) / .4); box-shadow: 0 8px 24px -14px hsl(var(--t-scrim) / .4); transform: translateY(-1px); }
.kpc.is-live { border-color: hsl(var(--v-info) / .55); }
.kpc-top { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.kpc-title {
  flex: 1; min-width: 0; font-size: var(--s2); font-weight: 600; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.kpc:hover .kpc-title { color: var(--accent); }
.kpc-proj { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; margin-top: -4px; font-size: var(--s0); color: var(--muted); }
.kpc-res { display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
.kpc-main { display: flex; align-items: baseline; gap: 6px; margin: 0; }
.kpc-main b { font-size: 28px; font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: hsl(var(--v-ok)); font-variant-numeric: tabular-nums; }
.kpc-of { font-size: var(--s1); font-weight: 600; color: var(--text); font-variant-numeric: tabular-nums; }
.kpc-lbl { font-size: var(--s1); color: var(--muted); }
.kpc-main.is-quiet { font-size: var(--s1); color: var(--muted); }
.kpc-bar { display: block; height: 4px; border-radius: 999px; background: var(--line); overflow: hidden; }
.kpc-bar > span { display: block; height: 100%; border-radius: inherit; background: hsl(var(--v-ok)); transition: width .4s var(--nx-ease); }
.kpc.is-live .kpc-bar > span { background: hsl(var(--v-info)); }
.kpc-more { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; font-size: var(--s0); }
.kpc-more span { display: inline-flex; align-items: center; gap: 6px; color: var(--text); }
.kpc-more span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: hsl(var(--v)); }
.kpc footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding-top: 10px; border-top: 1px solid var(--line); font-size: var(--s0); color: var(--muted); }
.kpc-who { display: inline-flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-empty { padding: var(--sp-8) var(--sp-4); text-align: center; border: 1px dashed var(--line-ctl); border-radius: var(--r-card); }
.kb-empty p { margin: 0; display: inline-flex; align-items: center; gap: 8px; }
.kb-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-3) var(--sp-8); }
.kb-steps li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 110px; font-size: var(--s1); color: var(--muted); }
.kb-steps li > .icon { width: 44px; height: 44px; padding: 12px; border-radius: 14px; background: var(--tint); color: var(--accent); box-sizing: border-box; }
.kb-steps b { font-weight: 500; color: var(--text); }
.kb-n { position: absolute; top: -6px; left: calc(50% + 12px); display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: var(--accent); color: var(--card); font-size: 11px; font-weight: 700; }

/* --- бриф: шапка, статус, плитки -------------------------------------------------- */
.kh { display: flex; align-items: flex-start; gap: var(--sp-4); margin-bottom: var(--sp-4); }
.kh-what { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0; }
.kh-what .kol-cond.is-topic { color: var(--text); }
.kh-do { display: flex; align-items: center; gap: var(--sp-2); flex: none; }
.kh-do form { margin: 0; }
.kh-do .primary { height: 40px; padding: 0 18px; font-weight: 600; }
.kh-more { position: relative; }
.kh-more > summary { list-style: none; width: 40px; height: 40px; padding: 0; justify-content: center; font-size: 18px; letter-spacing: 1px; cursor: pointer; }
.kh-more > summary::-webkit-details-marker { display: none; }
.kh-menu {
  position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; display: flex; flex-direction: column; min-width: 200px; padding: 6px;
  background: var(--card); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 32px -12px hsl(var(--t-scrim) / .5);
}
.kh-menu form { margin: 0; }
.kh-menu a, .kh-menu button {
  display: flex; align-items: center; gap: 8px; width: 100%; height: 36px; padding: 0 10px; border: 0; border-radius: 8px;
  background: none; font-size: var(--s1); color: var(--text); text-decoration: none; justify-content: flex-start; cursor: pointer;
}
.kh-menu a:hover, .kh-menu button:hover { background: var(--tint); color: var(--text); }
.kh-menu .icon { color: var(--muted); }
.kh-hint { display: flex; align-items: center; gap: 8px; margin: 0 0 var(--sp-4); font-size: var(--s1); color: hsl(var(--v-warn)); }
.kh-edit { margin-top: var(--sp-8); }

.kl-live {
  position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-bottom: var(--sp-4);
  padding: 14px var(--sp-4); border-radius: var(--r-card); background: hsl(var(--v-info) / .08); border: 1px solid hsl(var(--v-info) / .25);
}
.kl-live.is-audit { background: hsl(var(--t-primary) / .07); border-color: hsl(var(--t-primary) / .25); }
.kl-live > span:not(.kl-live-bar) { display: inline-flex; align-items: center; gap: 8px; font-size: var(--s1); }
.kl-live > span .icon { color: hsl(var(--v-info)); }
.kl-live.is-audit > span .icon { color: var(--accent); }
.kl-live small { font-size: var(--s0); color: var(--muted); }
.kl-live-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, hsl(var(--v-info)), transparent); background-size: 200% 100%; animation: pg-flow 1.4s linear infinite; }
.kl-live.is-audit .kl-live-bar { background-image: linear-gradient(90deg, transparent, var(--accent), transparent); }
/* Сколько пройдено: сплошная полоска поверх бегущей. */
.kl-live-fill { position: absolute; left: 0; bottom: 0; height: 3px; background: hsl(var(--v-info)); border-radius: 0 2px 2px 0; transition: width .6s var(--ease-out); }
.kl-live.is-audit .kl-live-fill { background: var(--accent); }
.kl-live .kl-left { margin-left: auto; color: var(--text); font-variant-numeric: tabular-nums; }
.kl-last { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: var(--sp-4); }
.kl-last .pg-when { margin-left: 0; font-size: var(--s0); }
.kl-last .pg-hist { margin: 0; }
.kl-last .pg-hist[open] { flex-basis: 100%; }

.kt { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.kt-tile {
  display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center;
  padding: 12px 14px; border-radius: var(--r-card); border: 1px solid var(--line); background: var(--card);
  color: var(--text); text-decoration: none; transition: border-color .15s var(--nx-ease), background .15s var(--nx-ease);
}
.kt-tile .icon { grid-row: 1 / 3; width: 32px; height: 32px; padding: 8px; box-sizing: border-box; border-radius: 10px; background: hsl(var(--v) / .12); color: hsl(var(--v)); }
.kt-tile b { font-size: 20px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.kt-tile span { font-size: var(--s0); color: var(--muted); }
.kt-tile:hover { color: var(--text); border-color: hsl(var(--v) / .5); }
.kt-tile.is-on { border-color: hsl(var(--v) / .8); background: hsl(var(--v) / .06); box-shadow: inset 0 0 0 1px hsl(var(--v) / .5); }
.kt-tile.v-none { --v: var(--t-primary); }
.kt-more { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 10px 0 var(--sp-4); font-size: var(--s0); }
.kt-more a { color: var(--muted); text-decoration: none; }
.kt-more a span { font-variant-numeric: tabular-nums; opacity: .8; }
.kt-more a:hover, .kt-more a.is-on { color: var(--accent); }

/* --- каналы карточками ------------------------------------------------------------ */
.kc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: var(--sp-3); }
.kc {
  position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: var(--sp-4);
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card);
  transition: border-color .18s var(--nx-ease), box-shadow .18s var(--nx-ease), transform .18s var(--nx-ease);
  animation: kol-in .35s var(--nx-ease) both; animation-delay: calc(min(var(--i, 0), 12) * 25ms);
}
.kc:hover { border-color: hsl(var(--t-primary) / .4); box-shadow: 0 8px 24px -14px hsl(var(--t-scrim) / .4); transform: translateY(-1px); }
.kc.is-off { opacity: .6; }
.kc.is-off:hover { opacity: 1; }
.kc-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.kc-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.kc-top { display: flex; align-items: center; gap: 12px; min-width: 0; }
.kc-id { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.kc-id b { font-size: var(--s2); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kc:hover .kc-id b { color: var(--accent); }
.kc-id small { display: inline-flex; align-items: center; gap: 5px; font-size: var(--s0); color: var(--muted); font-variant-numeric: tabular-nums; }
.kc-why { margin: 0; font-size: var(--s1); line-height: 1.45; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kc-why.muted { display: flex; align-items: center; gap: 6px; }
.kc-gap { display: flex; align-items: center; gap: 6px; margin: 0; font-size: var(--s0); color: hsl(var(--v-warn)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.kc-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }

/* Очередь: ждущий поиск, кто сейчас ищет, предел каналов за сутки. */
.kl-live.is-wait { background: hsl(var(--v-warn) / .08); border-color: hsl(var(--v-warn) / .3); }
.kl-live.is-wait > span .icon { color: hsl(var(--v-warn)); }
.kl-live.is-wait .kl-live-bar { background-image: linear-gradient(90deg, transparent, hsl(var(--v-warn)), transparent); animation-duration: 2.4s; }
.kl-live small { display: inline-flex; align-items: center; gap: 6px; }
.kl-live small a { color: var(--text); }
.kb-live.is-wait { color: hsl(var(--v-warn)); background: hsl(var(--v-warn) / .12); animation: none; }
.kq-busy { display: inline-flex; align-items: center; gap: 8px; font-size: var(--s0); color: var(--muted); }
.kq-busy b { color: var(--text); font-weight: 600; }
.kq-day { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; font-size: var(--s0); color: var(--muted); font-variant-numeric: tabular-nums; cursor: help; }
.kq-day-bar { width: 64px; height: 4px; border-radius: 99px; background: var(--tint); overflow: hidden; }
.kq-day-bar > span { display: block; height: 100%; border-radius: inherit; background: hsl(var(--v-ok)); }
.kq-day.is-full { color: hsl(var(--v-bad)); }
.kq-day.is-full .kq-day-bar > span { background: hsl(var(--v-bad)); }

/* Оценка кружком. */
.kg {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; border-radius: 50%;
  font-size: 17px; font-weight: 800; letter-spacing: -0.02em; color: hsl(var(--v)); background: hsl(var(--v) / .14);
  box-shadow: inset 0 0 0 1.5px hsl(var(--v) / .45);
}

/* --- карточка канала: шаги и подробности ------------------------------------------- */
.ks { list-style: none; margin: var(--sp-4) 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; counter-reset: none; }
.ks li { position: relative; display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; gap: 10px; }
.ks li:not(:last-child)::after { content: ""; position: absolute; left: 12.5px; top: 30px; bottom: -8px; width: 1px; background: var(--line); }
.ks form { margin: 0; }
.ks-n {
  display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%;
  font-size: var(--s0); font-weight: 700; color: var(--muted); background: var(--tint); font-variant-numeric: tabular-nums;
}
.ks li.is-done .ks-n { color: hsl(var(--v-ok)); background: hsl(var(--v-ok) / .14); }
.ks li.is-done button:not(.primary), .ks li.is-done .button:not(.primary) { color: var(--muted); }
.kol-details > summary { padding: 14px var(--sp-4); }
.kol-details-body { padding: 0 var(--sp-4) var(--sp-4); }
.kol-details .kol-evidence { padding: 0; }
.kol-h3.is-first { margin-top: 0; padding-top: var(--sp-3); }
.nx-hero .pg-alert { margin: var(--sp-3) 0 0; }

@media (max-width: 1100px) {
  .kq-row { grid-template-columns: 1fr 1fr; }
  .kq-proj { grid-column: 1 / -1; }
  .kt { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .kq { padding: var(--sp-4); }
  .kq-row { grid-template-columns: 1fr; }
  .kq-words { width: 100%; }
  .kq-seg { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); width: 100%; }
  .kq-seg span { padding: 0 4px; }
  .kq-go { width: 100%; justify-content: center; }
  .kq-day { margin-left: 0; }
  .kh { flex-direction: column; }
  .kt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kt-tile:first-child { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .kpc, .kc { animation: none; transition: none; }
  .kpc:hover, .kc:hover { transform: none; }
  .kl-live-bar, .kb-live { animation: none; }
}

/* --- Сделки: одобрение одним экраном ----------------------------------------- */
.kd-tabs { margin-bottom: var(--sp-4); }
.kd-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 440px), 1fr)); gap: var(--sp-4); align-items: start; }
.kd { display: flex; flex-direction: column; gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: calc(var(--r-card) + 2px); background: var(--card); min-width: 0;
  box-shadow: 0 8px 24px -22px hsl(var(--t-scrim) / .5); }
.kd.is-over { border-color: hsl(var(--t-destructive) / .4); }
.kd-head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.kd-who { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; line-height: 1.35; }
.kd-who a { color: var(--text); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kd-who a b { font-size: var(--s2); }
.kd-who a:hover b { text-decoration: underline; text-underline-offset: 3px; }
.kd-meta { color: var(--muted); font-size: var(--s0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kd-price { display: flex; flex-direction: column; align-items: flex-end; flex: none; line-height: 1.15; }
.kd-price > b { font-size: 24px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kd-price > b.is-none { font-size: var(--s1); font-weight: 500; color: var(--muted); }
.kd-price > s { color: var(--muted); font-size: var(--s0); font-variant-numeric: tabular-nums; }
.kd-buy { display: flex; align-items: flex-start; gap: 7px; margin: 0; font-size: var(--s1); line-height: 1.45; }
.kd-buy .icon { flex: none; margin-top: 3px; color: var(--muted); }
.kd-what { margin: -6px 0 0 20px; color: var(--muted); font-size: var(--s0); line-height: 1.45; }
.kd-facts { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.kd-facts li { display: flex; align-items: flex-start; gap: 7px; padding: 7px 10px; border-radius: 9px; background: var(--tint); font-size: var(--s1); line-height: 1.4; }
.kd-facts li > .icon { flex: none; margin-top: 2px; }
.kd-facts li.is-ok > .icon { color: hsl(var(--t-success)); }
.kd-facts li.is-bad { background: hsl(var(--t-destructive) / .08); }
.kd-facts li.is-bad > .icon { color: var(--bad-bright); }
.kd-facts li.is-muted { color: var(--muted); }
.kd-facts li small { display: block; color: var(--muted); font-size: var(--s0); }
.kd-quote { display: flex; flex-direction: column; gap: 3px; margin: 0; padding: 9px 12px; border-radius: 10px; border: 1px solid var(--line);
  color: var(--text); font-size: var(--s1); line-height: 1.45; text-decoration: none; }
.kd-quote:hover { border-color: var(--line-ctl); }
.kd-quote small { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: var(--s0); }
.kd-why { display: flex; align-items: flex-start; gap: 7px; margin: 0; font-size: var(--s1); line-height: 1.4; }
.kd-why .icon { flex: none; margin-top: 3px; }
.kd-why.is-bad .icon { color: var(--bad-bright); }
.kd-why.is-ok .icon { color: hsl(var(--t-success)); }
.kd-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.kd-when { display: inline-flex; align-items: center; gap: 6px; flex: 1 1 0; min-width: 0; margin-right: auto; color: var(--muted); font-size: var(--s0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kd-foot form { margin: 0; }
.kd-reject { position: relative; }
.kd-reject > summary { list-style: none; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.kd-reject > summary::-webkit-details-marker { display: none; }
.kd-reject[open] > summary { background: var(--tint); }
.kd-reject > form { position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 5; display: flex; gap: 6px; width: min(360px, 80vw);
  padding: 8px; border: 1px solid var(--line-ctl); border-radius: 10px; background: hsl(var(--t-popover)); box-shadow: var(--shadow); }
.kd-reject > form input { flex: 1; min-width: 0; }
@media (max-width: 640px) {
  .kd { padding: 14px; }
  .kd-when { flex-basis: 100%; }
  .kd-price > b { font-size: 20px; }
  /* Поле причины отказа — снизу во всю ширину, чтобы не уехать за левый край. */
  .kd-reject > form { position: fixed; left: var(--sp-4); right: var(--sp-4); bottom: var(--sp-4); width: auto; }
}

/* --- список каналов: цифры строкой, итог поиска фразой ------------------------- */
.kc-id small.kc-nums { gap: 10px; }
.kc-nums > span { display: inline-flex; align-items: center; gap: 4px; }
.kc-foot .nx-verdict { font-size: var(--s0); }
.kc-when { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; font-size: var(--s0); color: var(--muted); white-space: nowrap; }
.kc-foot .kc-when + .kol-who { margin-left: 4px; }
.kl-last { flex-direction: column; align-items: stretch; gap: 6px; padding: 10px 14px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); }
.kl-last-head { display: flex; align-items: center; gap: 10px; margin: 0; font-size: var(--s1); line-height: 1.45; }
.kl-last-head .nx-vdot { flex: none; }
.kl-last-head .pg-when { color: var(--muted); }
.kl-last-head b { font-weight: 600; }
.kl-last-more { padding-left: 32px; }
.kl-last .kl-last-parts { margin: 6px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 3px; font-size: var(--s0); color: var(--muted); line-height: 1.45; list-style: disc; }
.kl-last .kl-last-parts li { display: list-item; }
.kol-form input[type=date] { width: 100%; color-scheme: light dark; }

/* --- условия поиска на его странице: кнопки вместо полей ----------------------- */
.kbf-block { display: flex; flex-direction: column; gap: 20px; padding: 20px; border-radius: var(--r-card); background: var(--tint); }
.kbf-block .kq-seg { background: var(--card); }
.kbf-block .kq-seg input:checked + span { background: var(--accent-tint); box-shadow: none; }
.kbf-row { display: flex; flex-wrap: wrap; gap: 20px var(--sp-8); align-items: flex-start; }
.kbf-row > .field { width: auto; }
.kbf-grow { flex: 1 1 240px; }
.kbf-chip > span, .kbf-chip.kq-more { height: 34px; }
.kbf-more { border-top: 1px solid var(--line); padding-top: var(--sp-3); }
.kbf-more > summary { display: flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; font-size: var(--s1); font-weight: 600; color: var(--text); }
.kbf-more > summary::-webkit-details-marker { display: none; }
.kbf-more > summary .kol-sum-note { font-weight: 400; }
.kbf-more > summary .nx-group-chev { margin-left: auto; color: var(--muted); }
.kbf-more[open] > summary .nx-group-chev { transform: rotate(180deg); }
.kbf-more[open] > summary { margin-bottom: var(--sp-4); }
.kbf-more > .field + .kbf-row { margin-top: var(--sp-4); }
.kbf-money { display: inline-flex; align-items: stretch; }
.kbf-money input { width: 130px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.kol-form .kbf-money select { width: auto; min-width: 84px; margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.kol-form .kq-range input { width: 92px; }

/* --- продукты: список карточками ------------------------------------------------ */
.kpl-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); margin: 0 0 20px; flex-wrap: wrap; }
.kpl-lead { margin: 0; max-width: 560px; font-size: var(--s1); color: var(--muted); }
.kpl-new { position: relative; }
.kpl-new > summary { list-style: none; }
.kpl-new > summary::-webkit-details-marker { display: none; }
.kpl-pop {
  position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; width: min(440px, calc(100vw - 32px));
  padding: 20px; background: var(--card); border: 1px solid var(--line); border-radius: calc(var(--r-card) + 2px);
  box-shadow: 0 18px 40px -18px hsl(var(--t-scrim) / .45);
}
.kpl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--sp-4); }
.kpl {
  display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 18px 20px;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); color: inherit; text-decoration: none;
  transition: border-color .18s var(--nx-ease), box-shadow .18s var(--nx-ease), transform .18s var(--nx-ease);
  animation: kol-in .35s var(--nx-ease) both; animation-delay: calc(min(var(--i, 0), 12) * 30ms);
}
.kpl:hover { color: inherit; border-color: hsl(var(--t-primary) / .4); box-shadow: 0 8px 24px -14px hsl(var(--t-scrim) / .4); transform: translateY(-1px); }
.kpl.is-archived { opacity: .6; }
.kpl > header { display: flex; align-items: center; gap: 12px; min-width: 0; }
.kpl-mono {
  display: inline-grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 11px;
  background: hsl(var(--h) 45% 90%); color: hsl(var(--h) 35% 32%); font-weight: 700; font-size: 15px; letter-spacing: .02em;
}
:root:not([data-theme="light"]) .kpl-mono { color: hsl(var(--h) 55% 78%); background: hsl(var(--h) 25% 20%); }
.kpl-id { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.kpl-id b { font-size: var(--s2); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kpl-id small { font-size: var(--s0); color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kpl-sum { margin: 0; font-size: var(--s1); line-height: 1.5; color: var(--text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kpl-sum.is-empty { color: var(--muted); font-style: italic; }
.kpl-todo, .kpl-ok { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: var(--s0); line-height: 1.4; }
.kpl-todo { color: hsl(var(--v-warn)); }
.kpl-ok { color: hsl(var(--v-ok)); }
.kpl-todo .icon, .kpl-ok .icon { flex: none; margin-top: 1px; }
.kpl > footer { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--line); font-size: var(--s0); color: var(--muted); }
.kpl > footer span { display: inline-flex; align-items: center; gap: 5px; font-variant-numeric: tabular-nums; }
.kpl-empty { display: flex; flex-direction: column; align-items: center; gap: var(--sp-2); max-width: 520px; margin: var(--sp-6) auto; padding: var(--sp-8) var(--sp-6); text-align: center; background: var(--card); border: 1px solid var(--line); border-radius: calc(var(--r-card) + 4px); }
.kpl-empty h2 { margin: var(--sp-2) 0 0; font-size: var(--s3); }
.kpl-empty > p { margin: 0 0 var(--sp-4); color: var(--muted); font-size: var(--s1); }
.kpl-empty-ic { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--accent-tint); color: var(--accent); }
.kpl-empty .kpf-new { width: 100%; text-align: left; }
.kpf-new { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); }
.kpf-new .kpf-wide, .kpf-new .kpf-foot { grid-column: 1 / -1; }
.kpf-foot { display: flex; align-items: center; gap: var(--sp-3); flex-wrap: wrap; margin: var(--sp-1) 0 0; }

/* --- продукт: шапка, карточка для чтения, правка ---------------------------------- */
.kpp-line { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 0; font-size: var(--s1); }
.kpp-miss, .kpp-ok { display: flex; align-items: flex-start; gap: 7px; margin: 0; font-size: var(--s1); line-height: 1.45; }
.kpp-miss { color: var(--text); }
.kpp-miss .icon { color: hsl(var(--v-warn)); flex: none; margin-top: 2px; }
.kpp-miss b { font-weight: 600; }
.kpp-ok { color: hsl(var(--v-ok)); }
.kpp-ok .icon { flex: none; margin-top: 2px; }
.kpp-edit-open { margin-left: auto; flex: none; }
.kpp-edit:not([open]) { display: none; }
.kpp-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: -8px 0 20px; }
.kpp-stats a { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: var(--r-card); border: 1px solid var(--line); background: var(--card); color: var(--muted); font-size: var(--s0); text-decoration: none; }
.kpp-stats a:hover { border-color: var(--line-ctl); }
.kpp-stats b { color: var(--text); font-size: var(--s4); font-weight: 650; font-variant-numeric: tabular-nums; }
.kpp-stats a.is-wait b { color: hsl(var(--t-warning)); }
.kpp-stats a.is-ok b { color: hsl(var(--v-ok)); }
@media (max-width: 720px) { .kpp-stats { grid-template-columns: 1fr 1fr; } .kpp-hero { flex-wrap: wrap; } }
.kpp-hero { display: flex; align-items: flex-start; gap: var(--sp-4); margin: 0 0 20px; padding: 20px; background: var(--card); border: 1px solid var(--line); border-radius: calc(var(--r-card) + 2px); }
.kpp-mono { width: 52px; height: 52px; border-radius: 14px; font-size: 19px; }
.kpp-id { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.kpp-site { display: inline-flex; align-items: center; gap: 6px; font-size: var(--s1); width: max-content; max-width: 100%; }
.kpp-ready { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.kpp-ready li { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: var(--s0); font-weight: 500; }
.kpp-ready li.is-done { background: hsl(var(--v-ok) / .12); color: hsl(var(--v-ok)); }
.kpp-ready li.is-miss { background: hsl(var(--v-warn) / .12); color: hsl(var(--v-warn)); }
.kpp-main { display: flex; flex-direction: column; gap: var(--sp-4); min-width: 0; }
.kpp-edit { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); }
.kpp-edit > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); padding: 12px 16px; list-style: none; cursor: pointer; }
.kpp-edit > summary::-webkit-details-marker { display: none; }
.kpp-edit-t { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.kpp-edit-t .icon { color: var(--accent); }
.kpp-edit-b { display: inline-flex; align-items: center; gap: 6px; }
.kpp-edit .when-open, .kpp-edit[open] .when-closed { display: none; }
.kpp-edit[open] .when-open { display: inline; }
.kpp-edit[open] > summary { border-bottom: 1px solid var(--line); }
.kpp-edit > form { padding: 20px; }
.kpp-edit[open] ~ .kpp-read { display: none; }
.kpp-read { display: flex; flex-direction: column; gap: var(--sp-4); }
.kpp-card { display: flex; flex-direction: column; gap: 12px; padding: 20px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); }
.kpp-card h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: var(--s2); }
.kpp-card h3 .icon { color: var(--accent); }
.kpp-card h3 small { margin-left: auto; font-size: var(--s0); font-weight: 400; color: var(--muted); }
.kpp-text { margin: 0; font-size: var(--s1); line-height: 1.55; white-space: pre-line; }
.kpp-sub { margin: 0; font-size: var(--s1); line-height: 1.5; color: var(--muted); }
.kpp-sub b { color: var(--text); font-weight: 600; }
.kpp-none { margin: 0; font-size: var(--s1); color: hsl(var(--v-warn)); }
.kpp-cols { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4) var(--sp-6); }
.kpp-cols + .kpp-cols { padding-top: var(--sp-3); border-top: 1px solid var(--line); }
.kpp-k { margin: 0 0 6px; font-size: var(--s0); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.kpp-list { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: var(--s1); line-height: 1.45; }
.kpp-list li { display: flex; gap: 8px; min-width: 0; }
.kpp-list li span { min-width: 0; overflow-wrap: anywhere; }
.kpp-list .icon { flex: none; margin-top: 3px; }
.kpp-list.is-plus .icon { color: hsl(var(--v-ok)); }
.kpp-list.is-ban .icon { color: hsl(var(--v-bad)); }
.kpp-list.is-link .icon { color: var(--accent); }
.kpp-nums { display: grid; grid-template-columns: minmax(0, 220px) 1fr; gap: var(--sp-4); }
.kpp-nums > div { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 12px; background: var(--tint); }
.kpp-nums span { font-size: var(--s0); color: var(--muted); }
.kpp-nums b { font-size: var(--s3); font-weight: 700; font-variant-numeric: tabular-nums; }
.kpp-nums b.is-s { font-size: var(--s1); font-weight: 500; line-height: 1.45; }
.kpp-words { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; color: var(--muted); font-size: var(--s0); }

/* правка продукта: три части по назначению */
.kpf { gap: 20px; }
.kpf-part { display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-4) 20px 20px; border-radius: var(--r-card); background: var(--tint); }
.kpf-part > header { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.kpf-part > header b { font-size: var(--s2); }
.kpf-part > header small { font-size: var(--s0); color: var(--muted); }
.kpf-n { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--accent); color: #fff; font-size: 12px; font-weight: 700; align-self: center; }
.kpf-part input, .kpf-part textarea, .kpf-part select { background: var(--card); }

@media (max-width: 720px) {
  .kpp-hero { flex-direction: column; }
  .kpp-cols, .kpp-nums, .kpf-new { grid-template-columns: 1fr; }
  .kpp-card h3 { flex-wrap: wrap; }
  .kpp-card h3 small { margin-left: 0; width: 100%; }
  .kpl-pop { right: auto; left: 0; }
}

/* --- сделка: кто и за сколько, что сейчас, что покупаем ------------------------- */
.kdl { display: flex; flex-direction: column; gap: 18px; max-width: 880px; margin: 0 0 var(--sp-4); padding: 24px; background: var(--card); border: 1px solid var(--line); border-radius: calc(var(--r-card) + 4px); box-shadow: 0 10px 30px -24px hsl(var(--t-scrim) / .45); }
.kdl.is-over { border-color: hsl(var(--t-destructive) / .4); }
.kdl-head { display: flex; align-items: center; gap: 16px; min-width: 0; }
.kdl-who { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.kdl-name { font-size: var(--s4); font-weight: 650; letter-spacing: -.01em; line-height: 1.2; }
.kdl-meta { display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--muted); font-size: var(--s1); }
.kdl-meta > span { display: inline-flex; align-items: center; gap: 5px; }
.kdl-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; }
.kdl-links a { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--text); font-size: var(--s0); text-decoration: none; }
.kdl-links a:hover { border-color: var(--line-ctl); background: var(--tint); }
.kdl-price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: none; text-align: right; }
.kdl-price > b { font-size: 34px; font-weight: 700; letter-spacing: -.02em; line-height: 1.05; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kdl-price > b.is-none { font-size: var(--s2); font-weight: 500; color: var(--muted); }
.kdl-price > small { color: var(--muted); font-size: var(--s0); }
.kdl-now { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 14px 16px; border-radius: 14px; border: 1px solid transparent; }
.kdl-now-t { display: flex; align-items: flex-start; gap: 12px; }
.kdl-now-t > .icon { flex: none; margin-top: 1px; }
.kdl-now-t b { font-size: var(--s2); }
.kdl-now-t p { margin: 3px 0 0; color: var(--muted); font-size: var(--s1); line-height: 1.5; }
.kdl-now.is-wait { background: hsl(var(--t-warning) / .1); border-color: hsl(var(--t-warning) / .3); }
.kdl-now.is-wait .kdl-now-t > .icon { color: hsl(var(--t-warning)); }
.kdl-now.is-talk { background: var(--accent-tint); }
.kdl-now.is-talk .kdl-now-t > .icon { color: var(--accent); }
.kdl-now.is-ok { background: hsl(var(--t-success) / .08); border-color: hsl(var(--t-success) / .25); }
.kdl-now.is-ok .kdl-now-t > .icon { color: hsl(var(--t-success)); }
.kdl-now.is-bad { background: hsl(var(--t-destructive) / .06); border-color: hsl(var(--t-destructive) / .2); }
.kdl-now.is-bad .kdl-now-t > .icon { color: var(--bad-bright); }
.kdl-miss { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.kdl-miss span { padding: 2px 10px; border-radius: 999px; background: var(--card); border: 1px dashed var(--line-ctl); font-size: var(--s0); }
.kdl-decide { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; margin: 0 0 0 30px; }
.kdl-decide > input { flex: 1 1 240px; min-width: 0; }
.kdl-yes { margin: 0; }
.kdl-no > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.kdl-no > summary::-webkit-details-marker { display: none; }
.kdl-no[open] > summary { background: var(--tint); }
.kdl-no > form { display: flex; gap: 8px; margin: 8px 0 0; width: min(440px, 80vw); }
.kdl-no > form input { flex: 1; min-width: 0; }
.kdl-after { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 0 30px; padding: 0; list-style: none; }
.kdl-after li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 999px; border: 1px dashed var(--line-ctl); color: var(--muted); font-size: var(--s0); }
.kdl-after li.is-done { border-style: solid; border-color: transparent; background: hsl(var(--t-success) / .12); color: hsl(var(--t-success)); }
.kdl-after li.is-now { border-style: solid; color: var(--text); font-weight: 600; }
.kdl-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; margin: 0; padding: 4px 2px; }
.kdl-terms > div { min-width: 0; }
.kdl-terms > .is-wide { grid-column: 1 / -1; }
.kdl-terms dt { color: var(--muted); font-size: var(--s0); }
.kdl-terms dd { margin: 2px 0 0; font-size: var(--s2); font-weight: 550; overflow-wrap: anywhere; }
.kdl-terms > .is-wide dd { font-weight: 450; font-size: var(--s1); line-height: 1.5; }
.kdl-facts li { font-size: var(--s1); }
.kdl-note { display: flex; align-items: flex-start; gap: 7px; margin: 0; font-size: var(--s1); color: var(--muted); white-space: pre-line; }
.kdl-note .icon { flex: none; margin-top: 3px; }
.kdl-edit { max-width: 880px; margin: 0 0 var(--sp-4); background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); }
.kdl-edit > summary { display: flex; align-items: center; gap: 8px; padding: 14px 18px; list-style: none; cursor: pointer; font-weight: 600; }
.kdl-edit > summary::-webkit-details-marker { display: none; }
.kdl-edit > summary .nx-group-chev { margin-left: auto; color: var(--muted); }
.kdl-edit[open] > summary .nx-group-chev { transform: rotate(180deg); }
.kdl-edit[open] > summary { border-bottom: 1px solid var(--line); }
.kdl-form, .kpf, .kpf-part, .kpf-new { display: flex; flex-direction: column; }
.kpf-new { display: grid; }
.kdl-form { padding: 18px; gap: var(--sp-4); }
.kdl-form-row { display: flex; flex-wrap: wrap; gap: var(--sp-4); align-items: flex-start; }
.kdl-form-row > .field { width: auto; }
.kol-form input.kdl-short { width: 110px; }
.kdl-form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4); }
.kdl-history { max-width: 880px; }
.kdl-history ol { display: flex; flex-direction: column; margin: var(--sp-3) 0 0; padding: 4px 16px; list-style: none; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-card); }
.kdl-history li { position: relative; display: flex; gap: 12px; padding: 12px 0; }
.kdl-history li + li { border-top: 1px solid var(--line); }
.kdl-h-dot { display: inline-grid; place-items: center; width: 24px; height: 24px; flex: none; border-radius: 50%; background: var(--tint); color: var(--muted); }
.kdl-history li.is-approved .kdl-h-dot { background: hsl(var(--t-success) / .14); color: hsl(var(--t-success)); }
.kdl-history li.is-rejected .kdl-h-dot { background: hsl(var(--t-destructive) / .1); color: var(--bad-bright); }
.kdl-history li.is-pending_approval .kdl-h-dot { background: hsl(var(--t-warning) / .16); color: hsl(var(--t-warning)); }
.kdl-history li > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kdl-history li:not(.is-now) .kdl-h-what { color: var(--muted); }
.kdl-h-what { margin: 0; font-size: var(--s1); }
.kdl-h-state { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--tint); color: var(--muted); font-size: 11.5px; }
.kdl-h-why { margin: 0; font-size: var(--s1); }
.kdl-history small { color: var(--muted); font-size: var(--s0); }
@media (max-width: 720px) {
  .kdl { padding: 16px; gap: 14px; }
  .kdl-head { flex-wrap: wrap; }
  .kdl-price { align-items: flex-start; text-align: left; width: 100%; }
  .kdl-price > b { font-size: 28px; }
  .kdl-decide, .kdl-after { margin-left: 0; }
  .kdl-terms { grid-template-columns: 1fr 1fr; gap: 12px 16px; }
  .kdl-edit .kol-sum-note { display: none; }
}

/* Оплаты частями и пометки после одобрения. */
.kdl-after li small { color: var(--warn-ink); font-size: 11.5px; font-weight: 500; }
.kdl-after li.is-warn { color: var(--warn-ink); }
.kdl-pays { list-style: none; margin: var(--sp-2) 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: var(--s0); }
.kdl-pays li { display: flex; align-items: center; gap: 6px; color: var(--muted); }
.kdl-pays b { color: var(--text); font-weight: 600; }
.kdl-pay-form .kdl-short { width: 110px; }
.kdl-red, .kd-warn { color: var(--bad-bright); font-weight: 600; }
.kol-sent-text > summary { cursor: pointer; font-size: var(--s0); color: var(--muted); list-style: none; display: inline-flex; gap: 5px; align-items: center; }
.kol-sent-text > summary::-webkit-details-marker { display: none; }
.kol-sent-text textarea { width: 100%; margin-top: 6px; font-size: var(--s1); }

/* Разделы блогеров одной строкой. */
.kt { display: flex; gap: 2px; margin: calc(-1 * var(--sp-2)) 0 var(--sp-6); padding: 3px; border-radius: 12px; background: var(--tint); border: 1px solid var(--line); width: max-content; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.kt::-webkit-scrollbar { display: none; }
.kt-i { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 9px; color: var(--muted); text-decoration: none; font-size: var(--s1); font-weight: 500; white-space: nowrap; transition: background .15s var(--ease-out), color .15s var(--ease-out); }
.kt-i:hover { color: var(--text); background: hsl(var(--t-foreground) / .05); }
.kt-i.on { background: var(--card); color: var(--text); box-shadow: 0 1px 2px hsl(var(--t-scrim) / .25), inset 0 0 0 1px var(--line); }
.kt-i.on .icon { color: var(--accent); }
.kt-n { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--accent); color: var(--accent-ink); font-size: 11px; display: inline-grid; place-items: center; font-weight: 700; }
@media (max-width: 640px) { .kt { width: auto; margin-left: calc(-1 * var(--sp-1)); margin-right: calc(-1 * var(--sp-1)); } .kt-i { padding: 7px 10px; } }

/* Настройки блогеров. */
.kset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-4); align-items: start; }
.ks-wide { grid-column: 1 / -1; }
.ks-card { display: flex; flex-direction: column; gap: var(--sp-3); }
.ks-card .nx-panel-head { display: flex; justify-content: space-between; align-items: center; }
.ks-lead { margin: 0; color: var(--muted); font-size: var(--s1); line-height: 1.5; }
.ks-cpm { display: flex; gap: var(--sp-2); align-items: flex-end; flex-wrap: wrap; }
.ks-cpm input { width: 140px; }
.ks-example { margin: 0; font-size: var(--s0); color: var(--muted); display: flex; gap: 6px; align-items: center; }
.ks-example b { color: var(--text); }
.ks-flags { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.ks-flags li { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.ks-flags li:last-child { border-bottom: 0; }
.ks-flags b { font-size: var(--s1); font-weight: 550; display: block; }
.ks-flags small { color: var(--muted); font-size: var(--s0); }
.ks-flags em { font-style: normal; font-size: var(--s0); color: var(--muted); }
.ks-flags li.is-on em { color: var(--ok); }
.ks-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--line-ctl); }
.ks-flags li.is-on .ks-dot { background: var(--ok); box-shadow: 0 0 0 3px hsl(var(--t-success) / .15); }
.ks-note { margin: 0; font-size: var(--s0); color: var(--faint); }
.ks-all { font-size: var(--s0); color: var(--muted); text-decoration: none; display: inline-flex; gap: 4px; align-items: center; }
.ks-all:hover { color: var(--text); }
.ks-prompts { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--sp-2); }
.ks-prompt { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; padding: 12px; border-radius: var(--r-ctl); border: 1px solid var(--line); text-decoration: none; color: var(--text); transition: border-color .15s var(--ease-out), background .15s var(--ease-out); }
.ks-prompt:hover { border-color: hsl(var(--t-primary) / .5); background: var(--accent-tint); }
.ks-prompt .pe-ico { grid-row: span 2; width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; background: var(--tint); color: var(--accent); }
.ks-prompt b { font-size: var(--s1); font-weight: 550; display: block; }
.ks-prompt small { color: var(--muted); font-size: var(--s0); line-height: 1.4; }
.ks-prompt em { font-style: normal; font-size: 11.5px; color: var(--faint); }
.ks-prompt em.is-mod { color: var(--warn-ink); }
@media (max-width: 860px) { .kset { grid-template-columns: minmax(0, 1fr); } }
.kdl-paysum { flex: 0 0 132px; display: flex; align-items: center; gap: 0; border: 1px solid var(--line-ctl); border-radius: var(--r-ctl); background: var(--card); overflow: hidden; }
.kdl-paysum input { border: 0; width: 100%; min-width: 0; background: transparent; box-shadow: none; }
.kdl-paysum span { padding: 0 10px 0 4px; color: var(--muted); font-size: var(--s1); }
.ks-flags li > div { border: 0; padding: 0; margin: 0; min-width: 0; }
.ks-prompt small { display: block; line-height: 1.4; margin-top: 2px; }
.ks-prompt > span:not(.pe-ico) { min-width: 0; }

/* Чаты блогеров без рассылки: шапки на экране чатов нет, вкладкам — отступ сверху. */
.dialogs-screen main > .kt { margin-top: 10px; }