/* Воронки, круг 3 (19.10.2026) — догоняем эталон daisyUI. Логика — js/83_dz3-board.js,
   разметка шапки и плитки — js/09 (renderPlatform, pfCard). Цвета только токенами.
   Откат — убрать строку dz3-board.css в index.html. */

/* ─── шапка столбца: «НАЗВАНИЕ · N просроч.» ……… число ─── */
#platformBoard .col-head{justify-content:flex-start;gap:6px}
#platformBoard .col-head .stage-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#platformBoard .col-head .cnt{margin-left:auto;flex:none}
#platformBoard .col-head .dz2b-colover{margin-left:0;flex:none;font-size:10.5px;letter-spacing:0;text-transform:none}
/* строка под шапкой: «4 сделки · 94,9 млн» */
.dz3-sum{padding:6px 13px;font-size:11.5px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.dz3-sum b{color:var(--gold);font-weight:600}
.dz3-sum .pf-colsum{margin-left:0}
.dz3-sum .pf-colsum::before{content:' · вал '}

/* ─── плитка ─── */
/* полоса слева — по сроку задачи: просрочена · сегодня · впереди · нужна, но нет.
   Цвет едет переменной --dz-c: её читает полоса из dz-board.css (и её же подсветка при наведении). */
#platformBoard .pf-card.st-overdue,#platformBoard .pf-card.pf-csiflag{--dz-c:var(--red)}
#platformBoard .pf-card.st-today{--dz-c:var(--warn)}
#platformBoard .pf-card.st-future{--dz-c:var(--green)}
#platformBoard .pf-card.pf-needtask{--dz-c:var(--muted)}
#platformBoard .pf-card.pf-needtask.pf-needtask.pf-needtask{border-left-style:dashed}
/* нет задачи и она здесь не положена (пул, служебные столбцы ботов) — нейтральная полоса */
#platformBoard .pf-card.st-none:not(.pf-needtask):not(.pf-csiflag){--dz-c:var(--line)}
/* свежая карточка (подложка по дате парсинга) с задачей — полоса всё равно по задаче */
#platformBoard .pf-card:is(.pf-fresh-card,.pf-fresh-card2):is(.st-overdue,.st-today,.st-future,.pf-needtask){border-left:3px solid var(--dz-c)}

#platformBoard .pf-card{min-height:0}   /* плитка по содержимому, как в эталоне (было 76px под строку свежести) */
#platformBoard .pf-card .pf-agency{color:var(--ink);font-weight:500;background:none;padding:0}
#platformBoard .pf-card .pf-agency-none{color:var(--muted);font-weight:400}
#platformBoard .pf-card .pf-line3{display:flex;align-items:center;gap:6px;min-height:20px;margin-top:6px}
#platformBoard .pf-card .pf-line3 .pf-age{margin-left:auto}
#platformBoard .pf-card .pf-line3 .dz2b-days{float:none;margin-left:auto}
#platformBoard .pf-card .pf-line3 .pf-age + .dz2b-days{margin-left:4px}
.dz3-resp{display:inline-flex;align-items:center;flex:none}
#platformBoard .pf-line1 .dz3-resp{margin-left:auto;align-self:center}
#platformBoard .pf-line1 .dz3-resp + .pf-task,#platformBoard .pf-line1 .dz3-resp + .pf-taskdate{margin-left:6px}
.dz3-ava{width:20px;height:20px;border-radius:50%;flex:none;display:inline-grid;place-items:center;
  background:var(--soft-gold) center/cover no-repeat;color:var(--ink-gold);font-size:9px;font-weight:700;letter-spacing:0;
  box-shadow:0 0 0 2px var(--panel)}
.dz3-ava + .dz3-ava{margin-left:-6px}
.dz3-ava-n{background:var(--panel2);color:var(--muted)}
.pf-src.dz3-src{color:var(--ink-green);background:var(--soft-green)}

/* ─── пул «Новый объект»: ждём превью ─── */
.pf-pool-wait{animation:dz3Pulse 1.4s ease-in-out infinite}
@keyframes dz3Pulse{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.pf-pool-wait{animation:none}}

/* ─── мини-карта столбцов: своей полосой под доской, справа (не поверх плиток) ─── */
@media (min-width:769px){
  #platform .pf-minimap{position:static;flex:0 0 auto;align-self:flex-end;margin:8px 76px 0 auto;max-width:calc(100% - 96px);
    opacity:.6;transition:opacity .2s ease}
  #platform .pf-minimap:hover,#platform .pf-minimap.live,body.pf-mm-drag #platform .pf-minimap{opacity:1}
  #platformBoard .pf-col{padding-bottom:12px}
}

/* быстрые фильтры — своей строкой: в колонке #platform (flex, высота экрана) полоса с overflow
   сжималась до пары пикселей на телефоне */
#platform .dz2b-quick{flex:0 0 auto}

#platformBoard .pf-card .pf-line2{white-space:normal}   /* цена не прячется под многоточие — строка переносится */