/* Воронки и карточка сделки в виде демо daisyUI (18.10.2026). Логика — js/72_dz-board.js.
   Цвета только токенами style.css; откат — убрать строку dz-board.css в index.html. */

.dzi{flex:none;display:inline-block;vertical-align:-2px}
.dz-sp{flex:1 1 auto}

/* ─── доска: серый столбец, белая плитка с полосой этапа ─── */
#platformBoard .pf-col{background:var(--sunken)}
#platformBoard .pf-col .col-head{background:var(--panel)}
#platformBoard .pf-card{background:var(--panel);box-shadow:var(--sh-1);border-radius:10px;
  transition:box-shadow .15s,transform .15s cubic-bezier(.23,1,.32,1),border-color .15s}
#platformBoard .pf-card:not(.pf-fresh-card):not(.pf-fresh-card2){border-left:3px solid var(--dz-c,var(--line))}
#platformBoard .pf-card:hover{transform:translateY(-2px);box-shadow:var(--sh-pop);
  border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
#platformBoard .pf-card:not(.pf-fresh-card):not(.pf-fresh-card2):hover{border-left-color:var(--dz-c,var(--gold))}
#platformBoard .pf-card:hover .pf-name,#platformBoard .pf-card:hover .pf-card-head{color:var(--ink-gold)}
#platformBoard .pf-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#platformBoard .pf-card.dz-new{animation:dzNew 1.8s cubic-bezier(.23,1,.32,1)}
@keyframes dzNew{0%,40%{box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 50%,transparent)}100%{box-shadow:var(--sh-1)}}
@media (prefers-reduced-motion:reduce){#platformBoard .pf-card,#platformBoard .pf-card:hover{transition:none;transform:none}}

/* ─── кнопки шапки ─── */
.pf-filttog.dz-ft{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:7px;
  background:var(--soft-gold);color:var(--ink-gold);font-size:11px;font-weight:600;letter-spacing:.04em}
.pf-filttog.dz-ft:hover{background:color-mix(in srgb,var(--gold) 26%,transparent);color:var(--ink-gold)}
.pf-filttog.dz-ft.on,.pf-filttog.dz-ft.dz-has{background:var(--gold-fill);color:var(--on-gold)}
.pf-filttog .dz-c{min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--panel);color:var(--ink-gold);
  font-size:10px;font-style:normal;display:inline-grid;place-items:center}
#pfFiltOn{display:none!important}   /* число условий теперь на кнопке «Фильтр» */
#pfMapToggle.dz-map{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);border-color:var(--line);background:var(--panel)}
#pfMapToggle.dz-map:hover{border-color:var(--gold);color:var(--ink-gold)}
body.pf-map-open #pfMapToggle.dz-map{background:var(--soft-gold);border-color:var(--gold);color:var(--ink-gold)}
#pfAddBtn .dzi{margin-right:5px}
#pfAddBtn{display:inline-flex;align-items:center}
@media(max-width:700px){#pfMapToggle.dz-map span{display:none}}

/* ─── панель «Фильтр» ─── */
#pfFilters.dz-fp{padding:16px;gap:12px 14px;border-radius:14px;box-shadow:var(--sh-pop)}
#pfFilters.dz-fp .pf-flabel,#pfFilters.dz-fp #pfFilterReset,#pfFilters.dz-fp #pfFilterCount{display:none!important}
.dz-fp-g{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px;padding-top:14px;border-top:1px solid var(--line)}
.dz-fp-g:empty{display:none}
.dz-fp-f>label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.dz-fp-f.wide{grid-column:1/-1}
.dz-fp-ch{display:flex;flex-wrap:wrap;gap:6px}
.dz-ch{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:99px;
  font-size:12.5px;color:var(--ink);background:var(--panel);cursor:pointer;user-select:none;transition:background .12s,border-color .12s}
.dz-ch:hover{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
.dz-ch input{position:absolute;opacity:0;pointer-events:none}
.dz-ch:has(input:checked){background:var(--soft-gold);border-color:color-mix(in srgb,var(--gold) 55%,transparent);color:var(--ink-gold);font-weight:600}
.dz-ch:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:1px}
.dz-dt{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.dz-fp-a{flex:0 0 100%;display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.dz-fp-a .btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px}
.dz-fp-a .dz-sq{width:32px;height:32px;padding:0;justify-content:center}
.dz-fp-n{font-size:12.5px;color:var(--muted)}
.btn.dz-go{background:var(--gold-fill);border-color:var(--gold-fill);color:var(--on-gold)}
.btn.dz-go:hover{background:var(--gold-fill-h)}
@media(max-width:900px){.dz-fp-g{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.dz-fp-g{grid-template-columns:1fr}}

/* чипы условий над доской */
.dz-fchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}
.dz-fl{font-size:12px;color:var(--muted)}
.dz-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px 0 11px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);
  border-radius:99px;background:var(--soft-gold);color:var(--ink-gold);font:600 12px/1 inherit;cursor:pointer}
.dz-chip:hover{border-color:var(--gold)}
.dz-chip .dzi{opacity:.7}
.dz-clr{padding:4px 9px;font-size:12px}

/* ─── окно «Новая сделка» ─── */
.dz-new-ov .dz-new-win{width:min(600px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:0;border-radius:16px}
.dz-new-h{padding:20px 24px 4px}
.dz-new-p{font-size:12px;color:var(--muted)}
.dz-new-h h3{margin:2px 0 0;font-size:18px;font-weight:600;color:var(--ink)}
.dz-new-g{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:12px 24px 4px}
.dz-new-g .wide{grid-column:1/-1}
.dz-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.dz-f>span{font-size:12px;color:var(--muted)}
.dz-f input,.dz-f select{width:100%;box-sizing:border-box;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:9px 10px;font:inherit;font-size:14px}
.dz-f input:focus,.dz-f select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--soft-gold)}
.dz-f input.dz-bad{border-color:var(--red);box-shadow:0 0 0 3px var(--soft-red)}
.dz-chk{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);margin-top:4px;cursor:pointer}
.dz-chk input{width:16px;height:16px;accent-color:var(--gold)}
.dz-err{margin:0;font-size:12.5px;color:var(--red)}
.dz-new-a{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 24px 20px}
.dz-new-a .btn{display:inline-flex;align-items:center;gap:6px}
@media(max-width:560px){.dz-new-g{grid-template-columns:1fr}}
/* «Создать»: штатная карточка заполняется и сохраняется, не мелькая на экране */
body.dz-quiet #listingModal{visibility:hidden}

/* ─── карточка сделки ─── */
#listingModal .lc-titlewrap .lc-id{display:none}   /* № теперь в строке «Создана … · №» */
.dz-resp{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px 14px 8px 8px;border-radius:12px;background:var(--soft-gold);
  font-size:11.5px;color:var(--muted);width:fit-content;max-width:100%}
.dz-rtx{min-width:0}
.dz-rtx b{display:block;color:var(--ink);font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-rava{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--panel2) center/cover no-repeat;
  color:var(--ink-gold);font-weight:700;font-size:13px;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--gold)}
/* лента: вкладки «Все события / Звонки / Примечания» вместо «Скрыть выполненные» */
#listingModal .lc-feedhdr.dz-fh #pfDoneTasksBtn{display:none}
.dz-ftabs{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.dz-ftabs button{border:0;background:none;border-radius:7px;padding:4px 11px;font-size:12.5px;color:var(--muted);cursor:pointer}
.dz-ftabs button:hover{color:var(--ink)}
.dz-ftabs button.on{background:var(--panel);color:var(--ink);font-weight:600;box-shadow:var(--sh-1),0 0 0 1px var(--line)}
#lfFeed.dz-f-call>:not(.dz-ev-call){display:none}
#lfFeed.dz-f-note>:not(.lc-nrow),#lfFeed.dz-f-note>.lc-nrow.task{display:none}
#lfFeed.dz-f-call:not(:has(>.dz-ev-call))::after{content:'Звонков по карточке пока нет';display:block;padding:14px 0;color:var(--muted);font-size:13px}
#lfFeed.dz-f-note:not(:has(>.lc-nrow:not(.task)))::after{content:'Примечаний пока нет';display:block;padding:14px 0;color:var(--muted);font-size:13px}
/* соседние карточки столбца: ‹ 2 из 4 › (J / K) */
.dz-nav{display:inline-flex;align-items:center;gap:2px;height:34px;padding:0 3px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:12.5px;color:var(--muted)}
.dz-nav span{padding:0 6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dz-nav button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:var(--ink);cursor:pointer}
.dz-nav button:hover:not(:disabled){background:var(--hover)}
.dz-nav button:disabled{opacity:.35;cursor:default}
@media(max-width:700px){.dz-nav{display:none!important}}