/* ═════════ «Инструменты» — Статистика, Звонки, Партнёры, SMM, Обучение, Форма, Ритм, Клиенты ═════════
   Дизайн 19.10.2026 (владелец: «сделай красиво абсолютно везде»). Вайб kokonutui: спокойная база,
   один акцент, линейные значки, цифры одной ширины, метрики без цветных полос.
   Правила: цвета только токенами; новый ВИД — под html[data-lab]; явные ошибки (эмодзи, засечки
   в поле ввода, служебные коды) — для всех. Значки — dz5Ico (js/88_dz5-tools.js). */

/* ── смысловые цвета оценок и нормы: «Хорошие» ≠ «Лучшие» в любой палитре, без жёлтого и синего ── */
html[data-lab][data-lab-pal="emerald"]:not([data-dz-off]),
html[data-lab]:not([data-lab-pal]):not([data-dz-off]),
html[data-lab][data-lab-pal=""]:not([data-dz-off]){
  --grade-bad:var(--lab-c3); --grade-mid:var(--lab-c5); --grade-good:var(--lab-c2); --grade-best:var(--lab-c1);
  --tone-hi:var(--lab-c2); --tone-ok:var(--lab-c1); --tone-lo:var(--lab-c5); --tone-crit:var(--lab-c3);
}
html[data-lab][data-lab-pal="violet"]:not([data-dz-off]){
  --grade-bad:var(--lab-c3); --grade-mid:var(--lab-c5); --grade-good:var(--lab-c1); --grade-best:var(--lab-c2);
  --tone-hi:var(--lab-c1); --tone-ok:var(--lab-c2); --tone-lo:var(--lab-c5); --tone-crit:var(--lab-c3);
}

/* ── значки ── */
.dz5-i{display:inline-block;flex:none;vertical-align:-2px}
.dz5-spin{animation:dz5spin 1s linear infinite}
@keyframes dz5spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.dz5-spin{animation:none}}
.dz5-mk{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;flex:none;margin-right:8px;vertical-align:-4px}
.dz5-mk.ok{background:var(--soft-green);color:var(--green)}
.dz5-mk.no{background:var(--soft-red);color:var(--red)}

/* ═════════ ЗВОНКИ ═════════ */
/* разбор звонка — для всех: свой плеер, ровные кнопки, поле в шрифте кабинета */
.csi-chv{display:inline-flex;color:var(--muted);margin-right:4px;transition:transform .18s ease;vertical-align:-1px}
.csi-chv.on{transform:rotate(90deg)}
.csi-dur{display:flex;align-items:center;gap:4px;margin:3px 0 0 16px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.csi-refst{display:inline-flex;color:var(--gold)}
.csi-refst .dz5-i{fill:currentColor}
.csi-price{font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}
.csi-pct{font-variant-numeric:tabular-nums}
.csi-res{color:var(--muted)}
.csi-res.ok{color:var(--green)}
.csi-d-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.csi-d-card{font-size:12.5px;line-height:1.5;min-width:0;flex:1 1 260px}
.csi-norec{display:inline-flex;align-items:center;gap:6px}
.csi-d-btns{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.csi-cbtn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:12.5px;font-weight:500;border-radius:8px;line-height:1;white-space:nowrap}
.csi-cbtn .csi-chev{opacity:.6;transition:transform .18s ease;margin-left:-2px}
.csi-cbtn.on .csi-chev{transform:rotate(180deg)}
.csi-cbtn.on{border-color:var(--gold-fill);color:var(--ink)}
.csi-ref.on{border-color:var(--gold-fill);background:var(--soft-gold);color:var(--ink-gold)}
.csi-ref.on .dz5-i{fill:currentColor}
.csi-del{color:var(--red)}
.csi-d-panel{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:12.5px;line-height:1.55}
.csi-d-eng{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:10px}
.csi-d-rev{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.csi-d-rev>.csi-d-btns{margin:0 0 14px}
.csi-d-lbl{display:block;margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--ink)}
.csi-ta{display:block;width:100%;max-width:720px;min-height:72px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;
  background:var(--panel);color:var(--ink);font:inherit;font-size:13px;line-height:1.5;resize:vertical;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.csi-ta:focus{outline:0;border-color:var(--gold-fill);box-shadow:0 0 0 3px var(--soft-gold)}
.csi-d-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.csi-d-save .hint{margin:0!important}
.csi-d-voice{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.csi-refbadge{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--ink-gold)}
.csi-refbadge .dz5-i{fill:currentColor}
.csi-recdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);animation:dz5pulse 1.2s ease-in-out infinite}
@keyframes dz5pulse{50%{opacity:.35}}

/* плеер */
.dz5-pl{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 4px;border:1px solid var(--line);border-radius:999px;
  background:var(--panel);flex:1 1 300px;min-width:240px;max-width:400px;box-sizing:border-box}
.dz5-pl audio{display:none}
.dz5-pl-b{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--gold-fill);color:var(--on-gold);cursor:pointer;flex:none;transition:transform .15s ease}
.dz5-pl-b:hover{transform:scale(1.06)}
.dz5-pl-b .dz5-i{fill:currentColor;stroke-width:0}
.dz5-pl-tr{position:relative;flex:1;min-width:60px;height:6px;border-radius:99px;background:var(--panel3);cursor:pointer}
.dz5-pl-tr i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:var(--gold-fill);transition:width .2s linear}
.dz5-pl-tr:focus-visible{outline:2px solid var(--gold-fill);outline-offset:3px}
.dz5-pl-t{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.dz5-pl-s{flex:none;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums}
.dz5-pl-s:hover{background:var(--hover);color:var(--ink)}

/* разбор (lf* из js/10): чек-листы со значками, флаги-чипы, реплики расшифровки */
.lf-ck{display:flex;align-items:flex-start;margin:4px 0;line-height:1.45}
.lf-ck .dz5-mk{margin-top:1px}
.lf-miss{color:var(--ink)}
.lf-allok{color:var(--green)}
.lf-obj .lf-ans{display:block;margin-top:2px;color:var(--muted)}
.lf-nar{margin:2px 0 8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--red) 45%,transparent);border-radius:8px;background:var(--soft-red)}
.lf-nar-h{display:flex;align-items:center;gap:6px;color:var(--red);font-weight:600}
.lf-flag{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;margin:1px 4px 1px 0;border-radius:999px;font-size:11px;white-space:nowrap;
  border:1px solid var(--line);color:var(--muted);background:var(--panel)}
.lf-flag.hot{border-color:color-mix(in srgb,var(--red) 40%,transparent);color:var(--red);background:var(--soft-red)}
.lf-flag.cb{border-color:color-mix(in srgb,var(--gold-fill) 40%,transparent);color:var(--ink-gold);background:var(--soft-gold)}
.lf-meet{display:inline-flex;align-items:center;color:var(--ink)}
.lf-meet .dz5-mk{margin-right:5px}
.lf-ip{display:inline-flex;align-items:center;gap:4px}
.lf-tr{display:flex;gap:8px;align-items:flex-start;margin:6px 0}
.lf-tr-i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none;background:var(--panel2);color:var(--muted)}
.lf-tr.mgr .lf-tr-i{background:var(--soft-gold);color:var(--ink-gold)}
.lf-tr-who{color:var(--muted);font-weight:600}
.lf-tr.mgr .lf-tr-who{color:var(--ink-gold)}

/* ── лаборатория: строки ленты и раскрытие — спокойнее ── */
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-row>td{background:var(--panel)!important}
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-row:hover>td{background:var(--hover)!important}
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-row.csi-open>td{background:var(--panel)!important;border-bottom-color:transparent!important}
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-detail>td{background:var(--panel)!important;padding:4px 18px 18px!important}
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-detail .csi-d-panel{background:var(--sunken)}
html[data-lab]:not([data-dz-off]) .dzc-feed td{font-variant-numeric:tabular-nums}

/* ── лаборатория: плитки KPI = metric-card kokonut (без цветной полосы, число 30px) ── */
html[data-lab]:not([data-dz-off]) :is(.dzc-kpi,.rds-kpi)::before{display:none}
html[data-lab]:not([data-dz-off]) :is(.dzc-kpi,.rds-kpi){padding:16px 18px;border-radius:14px;box-shadow:var(--sh-1);gap:8px}
html[data-lab]:not([data-dz-off]) :is(.dzc-kpi,.rds-kpi) .l{font-size:12.5px;font-weight:500;color:var(--muted)}
html[data-lab]:not([data-dz-off]) .dzc-kpi>b,
html[data-lab]:not([data-dz-off]) .rds-kpi .row b{font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
html[data-lab]:not([data-dz-off]) .rds-kpi.on{box-shadow:0 0 0 2px var(--gold-fill)}
html[data-lab]:not([data-dz-off]) .rds-kpi .bar i{background:var(--c)}
html[data-lab]:not([data-dz-off]) .dz2p-spark{color:var(--gold-fill)}
html[data-lab]:not([data-dz-off]) .dz2p-kx{margin-top:auto}

/* ── лаборатория: «Активность» — оценки токенами, плитки легенды круглые ── */
html[data-lab]:not([data-dz-off]) .dzc-legend i{border-radius:50%;width:8px;height:8px}

/* ── звонки на телефоне: карточка вместо таблицы на 865 px (для всех) ── */
@media (max-width:700px){
  #callsBox .dzc-feed,#callsBox .dzc-feed tbody{display:block;width:100%}
  #callsBox .dzc-feed{border-spacing:0}
  #callsBox .dzc-feed tr.csi-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin:0 0 10px;padding:12px 14px;
    border:1px solid var(--line);border-radius:12px;background:var(--panel)}
  #callsBox .dzc-feed tr.csi-row>td{display:block;padding:0!important;border:0!important;border-radius:0!important;background:none!important;
    width:auto!important;min-width:0!important;white-space:normal!important}
  #callsBox .dzc-feed tr.csi-row>td:nth-child(1){grid-column:2;grid-row:1;text-align:right;font-size:11.5px!important;color:var(--muted)}
  #callsBox .dzc-feed tr.csi-row>td:nth-child(1) .csi-dur{justify-content:flex-end;margin:2px 0 0}
  #callsBox .dzc-feed tr.csi-row>td:nth-child(1) .csi-chv{display:none}
  #callsBox .dzc-feed tr.csi-row>td:nth-child(3){grid-column:1;grid-row:1}
  #callsBox .dzc-feed tr.csi-row>td:nth-child(2){grid-column:1/-1;grid-row:2;color:var(--muted)}
  #callsBox .dzc-feed tr.csi-row>td:nth-child(4){grid-column:1/-1;grid-row:3}
  #callsBox .dzc-feed tr.csi-row>td:nth-child(4)>div{-webkit-line-clamp:2!important}
  #callsBox .dzc-feed tr.csi-row>td:nth-child(5){grid-column:1/-1;grid-row:4;padding-top:6px!important;border-top:1px solid var(--line)!important}
  #callsBox .dzc-feed tr.csi-row.csi-open{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}
  #callsBox .dzc-feed tr.csi-detail{display:block;margin:0 0 10px}
  #callsBox .dzc-feed tr.csi-detail>td{display:block;padding:4px 14px 14px!important;border:1px solid var(--line)!important;border-top:0!important;border-radius:0 0 12px 12px!important;background:var(--panel)!important}
  .dz5-pl{min-width:0;max-width:none;width:100%}
  .csi-d-btns .csi-cbtn{flex:1 1 auto;justify-content:center}
  /* фильтры ленты — одна строка с прокруткой и затуханием у края */
  #callsFilters .dz-seg{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,black 88%,transparent)}
  #callsFilters .dz-seg::-webkit-scrollbar{display:none}
  #callsFilters .dz-seg button{flex:none}
}

/* ═════════ СТАТИСТИКА ═════════ */
.rds-bars.rds-normed{padding-left:30px}
.rds-bars.rds-normed .rds-target{left:30px}
.rds-yt{position:absolute;left:30px;right:0;height:0;border-top:1px solid var(--line);pointer-events:none;z-index:0}
.rds-yt em{position:absolute;left:-30px;top:-8px;width:24px;text-align:right;font-style:normal;font-size:10.5px;line-height:16px;color:var(--muted);font-variant-numeric:tabular-nums}
.rds-bars.rds-normed .rds-b{position:relative;z-index:1}
.rds-delta.eq{color:var(--muted)}
.rds-tbl td,.rds-feed,.rds-rh b,.rds-foot b{font-variant-numeric:tabular-nums}
/* лаборатория: этап — нейтральная пилюля с цветной точкой */
html[data-lab]:not([data-dz-off]) .rds-pill{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}
html[data-lab]:not([data-dz-off]) .rds-st .tr i{background:var(--gold-fill)}
html[data-lab]:not([data-dz-off]) .rds-b i{border-radius:6px 6px 3px 3px}

/* операторы: доля дозвона мелким серым, отдельно от числа */
.dzc-pct{margin-left:6px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
/* «Активность»: ось Y (верх, середина, ноль) */
.dzc-upw{position:relative;padding-left:28px}
.dzc-upw>span{position:absolute;left:0;width:22px;text-align:right;font-size:10.5px;line-height:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.dzc-upw .dzc-ymax{top:4px}
.dzc-upw .dzc-ymid{top:calc(50% - 4px)}
.dzc-upw .dzc-y0{bottom:0}
.dzc-upw::before,.dzc-upw::after{content:"";position:absolute;left:28px;right:0;height:0;border-top:1px dashed var(--line)}
.dzc-upw::before{top:10px}.dzc-upw::after{top:calc(50% + 2px)}
.dzc-upw .dzc-up{position:relative;z-index:1}
.dzc-upw+.dzc-axis{margin-left:28px}

/* лаборатория: раскрытый разбор — отдельной карточкой сразу под строкой, заголовки текстом, а не акцентом */
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-row.csi-open>td{border-bottom-color:var(--line)!important}
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-row.csi-open>td:first-child{border-radius:12px 0 0 12px!important}
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-row.csi-open>td:last-child{border-radius:0 12px 12px 0!important}
html[data-lab]:not([data-dz-off]) .dzc-feed tr.csi-detail>td{border-top:1px solid var(--line)!important;border-radius:12px!important;padding:16px 18px 18px!important;box-shadow:var(--sh-1)}
html[data-lab]:not([data-dz-off]) :is(.csi-detail,.csi-d-panel) b[style*="--gold"]{color:var(--ink)!important}
html[data-lab]:not([data-dz-off]) .csi-detail div[style*="border-left:2px solid var(--gold"]{border-left-color:var(--line)!important}
/* «День × час» не растягивается до высоты соседнего графика — пустое поле читалось как «нет данных» */
.rds-g2>.rds-card:has(.rds-heat){align-self:start}

/* ═════════ ПАРТНЁРЫ ═════════ */
/* «Под объект»: выпадающий список в тон полям кабинета, поиск остаётся в той же строке (для всех) */
#partners .pf-toolbar #prObject{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);
  font:inherit;font-size:13px;min-width:0;max-width:340px;cursor:pointer}
#partners .pf-toolbar #prObject:focus{outline:0;border-color:var(--gold-fill);box-shadow:0 0 0 3px var(--soft-gold)}
#partners .pf-toolbar #prScope{flex:none;max-width:100%}
#partners .pf-toolbar #prObject{flex:0 1 260px}
#partners .pf-toolbar #prSearch{flex:1 1 180px;min-width:0}
@media (min-width:1301px){#partners .pf-toolbar{flex-wrap:nowrap}}
/* уже 1300: вкладки — своей строкой, объект и поиск — вместе второй */
@media (max-width:1300px){#partners .pf-toolbar #prScope{flex:1 1 100%}#partners .pf-toolbar #prObject{flex:1 1 220px;max-width:none}}
/* тёмная тема: системные выпадающие списки — тёмные (раньше белое окно в «Ритме» и «Партнёрах») */
html[data-theme="dark"] select,
html[data-lab]:not([data-theme="light"]) select{color-scheme:dark}

/* лаборатория: верхние вкладки — подчёркнутые (smooth-tab), без «коробки» */
html[data-lab]:not([data-dz-off]) #prScope{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow-x:auto;
  flex-wrap:nowrap;gap:2px;scrollbar-width:none;flex:0 1 auto}
html[data-lab]:not([data-dz-off]) #prScope::-webkit-scrollbar{display:none}
html[data-lab]:not([data-dz-off]) #prScope button{position:relative;flex:none;padding:9px 12px 11px;border:0;border-radius:0;background:transparent;
  color:var(--muted);font-size:13.5px;font-weight:500;white-space:nowrap;transition:color .15s ease}
html[data-lab]:not([data-dz-off]) #prScope button:hover{color:var(--ink);background:transparent}
html[data-lab]:not([data-dz-off]) #prScope button.active{color:var(--ink);background:transparent}
html[data-lab]:not([data-dz-off]) #prScope button::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;
  background:var(--gold-fill);transform:scaleX(0);transition:transform .2s ease-out}
html[data-lab]:not([data-dz-off]) #prScope button.active::after{transform:scaleX(1)}
html[data-lab]:not([data-dz-off]) #partners .pf-toolbar{align-items:flex-end}
html[data-lab]:not([data-dz-off]) #partners .pf-toolbar #prSearch{height:36px;border-radius:10px;background:var(--panel)}
/* имена — цветом текста, а не ссылки; полосы этапов — акцентом темы, а не золотом */
html[data-lab]:not([data-dz-off]) .dz2p-call .w>b{color:var(--ink)}
html[data-lab]:not([data-dz-off]) .dz2p-hb .tr i{background:var(--gold-fill)!important}
html[data-lab]:not([data-dz-off]) .dz2p-fn b,html[data-lab]:not([data-dz-off]) .dz2p-kpi b{font-variant-numeric:tabular-nums}
.dz2p-few{display:flex;flex-direction:column;gap:6px;padding:8px 0;font-size:13.5px;color:var(--muted)}
.dz2p-few b{font-size:22px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:2px}

/* ═════════ SMM ═════════ */
.smm-fmt-b{display:inline-flex;align-items:center;justify-content:center}
.smm-tg-meta .dz5-i{vertical-align:-2px}
/* лаборатория: панель редактора — одна плашка-toolbar с тихими кнопками-значками (kokonut toolbar) */
html[data-lab]:not([data-dz-off]) .smm-fmt{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:8px;flex-wrap:wrap}
html[data-lab]:not([data-dz-off]) .smm-fmt-b{min-width:30px;height:28px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:600;
  transition:background .15s ease,color .15s ease}
html[data-lab]:not([data-dz-off]) .smm-fmt-b:hover{background:var(--hover);color:var(--ink);border:0}
html[data-lab]:not([data-dz-off]) .smm-fmt-b.smm-fmt-i{font-style:italic}
html[data-lab]:not([data-dz-off]) .smm-fmt-b.smm-fmt-u{text-decoration:underline}
html[data-lab]:not([data-dz-off]) .smm-fmt-b.smm-fmt-s{text-decoration:line-through}
html[data-lab]:not([data-dz-off]) .smm-fmt-b.smm-fmt-tg-spoiler,html[data-lab]:not([data-dz-off]) .smm-fmt-b.smm-fmt-code{margin-left:4px;position:relative}
html[data-lab]:not([data-dz-off]) .smm-fmt-b.smm-fmt-tg-spoiler::before{content:"";position:absolute;left:-3px;top:6px;bottom:6px;width:1px;background:var(--line)}
html[data-lab]:not([data-dz-off]) .smm-rich{background:var(--panel);border-radius:10px}
html[data-lab]:not([data-dz-off]) .smm-rich:focus{border-color:var(--gold-fill);box-shadow:0 0 0 3px var(--soft-gold)}

/* лаборатория: чекбоксы SMM в тон (квадрат 16 px, отметка цветом темы) */
html[data-lab]:not([data-dz-off]) :is(#smm,[id^="smm"]) input[type="checkbox"]:not(.dz-toggle){appearance:none;-webkit-appearance:none;position:relative;flex:none;
  width:16px;height:16px;margin:0 6px 0 0;border:1.5px solid color-mix(in srgb,var(--muted) 60%,transparent);border-radius:5px;background:var(--panel);
  vertical-align:-3px;cursor:pointer;transition:background .15s ease,border-color .15s ease}
html[data-lab]:not([data-dz-off]) :is(#smm,[id^="smm"]) input[type="checkbox"]:not(.dz-toggle):hover{border-color:var(--gold-fill)}
html[data-lab]:not([data-dz-off]) :is(#smm,[id^="smm"]) input[type="checkbox"]:not(.dz-toggle):checked{background:var(--gold-fill);border-color:var(--gold-fill)}
html[data-lab]:not([data-dz-off]) :is(#smm,[id^="smm"]) input[type="checkbox"]:not(.dz-toggle):checked::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;
  border:solid var(--on-gold);border-width:0 2px 2px 0;transform:rotate(45deg)}
html[data-lab]:not([data-dz-off]) :is(#smm,[id^="smm"]) input[type="checkbox"]:disabled{opacity:.5;cursor:default}
html[data-lab]:not([data-dz-off]) #smm .smm-own-on{display:inline-flex;align-items:center}
html[data-lab]:not([data-dz-off]) .smm-view button.on{background:var(--gold-fill);color:var(--on-gold)}

/* лаборатория: «предупреждающий» жёлтый на экранах блока — оранжевым (владелец: жёлтого не использовать) */
html[data-lab]:not([data-dz-off]) :is(#smm,#rhythm,#fit,#training,#calls,#agency,#partners,#clientbase,[id^="smm"],[id^="fit"],[id^="rh"]){
  --warn:var(--lab-c5); --soft-warn:color-mix(in srgb,var(--lab-c5) 14%,transparent); --ink-gold-warn:var(--lab-c5)}

/* ═════════ ОБУЧЕНИЕ ═════════ */
.dzt-hero .btn,.tr5-act .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.dzt-c-go{margin-top:auto;padding-top:14px}
.dz5-cbar{height:4px;margin:12px 0 2px;border-radius:99px;background:var(--panel2);overflow:hidden}
.dz5-cbar i{display:block;height:100%;border-radius:inherit;background:var(--gold-fill);transition:width .4s ease-out}
.dz5-cbar.done i{background:var(--green-fill)}
/* курс: сводка, блоки с номером в круге, уроки со значком состояния (для всех — эмодзи убраны) */
.tr5-sum{padding:16px 18px;margin-bottom:14px}
.tr5-sum-t{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:12px}
.tr5-prog{display:flex;align-items:center;gap:12px}
.tr5-bar{flex:1;height:8px;border-radius:99px;background:var(--panel2);overflow:hidden}
.tr5-bar i{display:block;height:100%;border-radius:inherit;background:var(--gold-fill);transition:width .4s ease-out}
.tr5-prog b{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.tr5-prog b.ok{color:var(--green)}
.tr5-blk{padding:6px 18px 4px;margin-bottom:12px}
.tr5-bh{display:flex;align-items:center;gap:12px;padding:12px 0 10px}
.tr5-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;flex:none;background:var(--soft-gold);color:var(--ink-gold);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.tr5-num.ok{background:var(--soft-green);color:var(--green)}
.tr5-bt{flex:1;min-width:0;font-size:16px;font-weight:600;color:var(--ink)}
.tr5-bm{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.tr5-bm.ok{color:var(--green)}
.tr5-les{border-top:1px solid var(--line);padding:12px 0}
.tr5-row{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.tr5-st{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;flex:none;margin-top:-2px;background:var(--panel2);color:var(--muted)}
.tr5-les.cur .tr5-st{background:var(--gold-fill);color:var(--on-gold)}
.tr5-les.cur .tr5-st .dz5-i,.tr5-les:not(.lock):not(.done) .tr5-st .dz5-i{fill:currentColor;stroke-width:0}
.tr5-les.done .tr5-st{background:var(--soft-green);color:var(--green)}
.tr5-lb{flex:1;min-width:220px}
.tr5-lt{font-weight:600;line-height:1.4;color:var(--ink)}
.tr5-les.lock .tr5-lt{color:var(--muted)}
.tr5-dur{color:var(--muted);font-weight:400;font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.tr5-chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:99px;font-size:11.5px;font-weight:600;vertical-align:1px}
.tr5-chip.ok{background:var(--soft-green);color:var(--green)}
.tr5-why,.tr5-meta{color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px}
.tr5-meta{font-size:12px}
.tr5-what{font-size:13px;line-height:1.55;margin-top:2px}
.tr5-act{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tr5-yt{width:36px;padding:0!important;text-decoration:none}
.tr5-exh{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--ink)}
.tr5-exh .dz5-i{color:var(--gold-fill)}
.tr5-stop{display:flex;align-items:center;gap:6px;margin:3px 0 3px 6px;color:var(--red)}
/* тест: вариант с буквой, верный/неверный — мягкой заливкой со значком; шаги точками */
.tr5-opt{display:flex;align-items:flex-start;gap:12px;width:100%;margin:8px 0;padding:11px 13px;border:1px solid var(--line);border-radius:10px;
  background:var(--panel);color:var(--ink);font:inherit;font-size:14px;line-height:1.45;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.tr5-opt:hover:not(:disabled){border-color:var(--gold-fill);background:var(--hover)}
.tr5-opt:disabled{cursor:default}
.tr5-opt-k{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:none;border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--muted)}
.tr5-opt-t{flex:1;min-width:0;padding-top:2px}
.tr5-opt.ok{border-color:color-mix(in srgb,var(--green) 45%,transparent);background:var(--soft-green)}
.tr5-opt.ok .tr5-opt-k{border:0;background:var(--green);color:var(--panel)}
.tr5-opt.bad{border-color:color-mix(in srgb,var(--red) 45%,transparent);background:var(--soft-red)}
.tr5-opt.bad .tr5-opt-k{border:0;background:var(--red);color:var(--panel)}
.tr5-opt.dim{opacity:.6}
.tr5-steps{display:inline-flex;gap:5px;align-items:center}
.tr5-steps i{width:8px;height:8px;border-radius:50%;background:var(--panel3)}
.tr5-steps i.done{background:var(--gold-fill)}
.tr5-steps i.cur{background:transparent;box-shadow:0 0 0 2px var(--gold-fill)}
@media (max-width:640px){.tr5-act{width:100%}.tr5-act .btn:not(.tr5-yt){flex:1}.tr5-lb{min-width:0}.tr5-bh{flex-wrap:wrap}}
.tr5-yt{display:inline-flex!important;align-items:center;justify-content:center;height:36px;min-height:36px;box-sizing:border-box}
.tr5-act .btn .dz5-i{flex:none}

/* ═════════ ФОРМА ═════════ */
/* неделя влезает в экран: колонки дней делят ширину поровну (раньше «ВС 25 октя» обрезалось) — для всех */
@media (min-width:901px){
  .fit-grid:not(.fit-month){table-layout:fixed;min-width:760px}
  .fit-grid:not(.fit-month) td{min-width:0}
  .fit-grid:not(.fit-month) .fit-corner,.fit-grid:not(.fit-month) .fit-person{width:150px;min-width:0}
  .fit-grid:not(.fit-month) .fit-card-h b{overflow-wrap:anywhere}
}
.fit-ico{display:inline-flex;align-self:center}
.fit-card-h{align-items:center}
.fit-dot{display:grid;place-items:center}
.fit-act button{display:inline-grid;place-items:center}
.dz5-kind{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;flex:none}
.dzf-t{align-items:center;gap:12px}
/* лаборатория: цвета видов занятий без жёлтого и синего */
html[data-lab]:not([data-dz-off]){
  --fit-gym:var(--lab-c2); --fit-pool:var(--lab-c4); --fit-cardio:var(--lab-c5); --fit-walk:var(--lab-c1); --fit-str:var(--lab-c3); --fit-game:var(--lab-c4);
  --fit-gym-s:color-mix(in srgb,var(--lab-c2) 13%,transparent); --fit-pool-s:color-mix(in srgb,var(--lab-c4) 13%,transparent);
  --fit-cardio-s:color-mix(in srgb,var(--lab-c5) 13%,transparent); --fit-walk-s:color-mix(in srgb,var(--lab-c1) 13%,transparent);
  --fit-str-s:color-mix(in srgb,var(--lab-c3) 13%,transparent); --fit-game-s:color-mix(in srgb,var(--lab-c4) 13%,transparent);
}
html[data-lab]:not([data-dz-off]) .fit-grid-wrap{border-radius:14px;box-shadow:var(--sh-1)}
html[data-lab]:not([data-dz-off]) .fit-grid thead th{background:var(--panel);font-weight:500}
html[data-lab]:not([data-dz-off]) .fit-grid thead th.fit-off{background:var(--sunken)}
html[data-lab]:not([data-dz-off]) .fit-grid thead th.fit-now{background:var(--soft-gold);box-shadow:inset 0 2px 0 var(--gold-fill)}
html[data-lab]:not([data-dz-off]) .fit-grid td.fit-now{background:var(--soft-gold-2);box-shadow:none}
html[data-lab]:not([data-dz-off]) .fit-person{background:var(--panel)}
html[data-lab]:not([data-dz-off]) .fit-card{border-radius:10px;padding:8px 9px}
html[data-lab]:not([data-dz-off]) .fit-switch button.on{background:var(--panel);color:var(--ink);box-shadow:var(--sh-1)}
html[data-lab]:not([data-dz-off]) .fit-switch{background:var(--panel2);padding:3px;border-radius:10px;border:1px solid var(--line)}
html[data-lab]:not([data-dz-off]) .fit-switch button{border-radius:7px}
html[data-lab]:not([data-dz-off]) .fit-debts-h{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--ink)}
html[data-lab]:not([data-dz-off]) .fit-debts{border-left:3px solid var(--red)}
html[data-lab]:not([data-dz-off]) .fit-debt{font-size:12px;padding:3px 10px;background:var(--panel)}

/* ═════════ РИТМ НЕДЕЛИ ═════════ */
/* вертикальный ритм: шапка → вкладки → метрики → сегмент → карточки (раньше 0 px между рядами) — для всех */
#rhythm>.head{margin-bottom:18px;align-items:flex-end;gap:12px 16px;flex-wrap:wrap}
#rhythmTools{gap:12px!important}
#rhythmBody>.dzc-kpis,#rhythmBody>.dz-rh-kpis{margin-bottom:16px}
#rhythmBody .dz-rh-bar{margin:4px 0 14px}
#rhythm .rh5-nav{display:inline-flex;gap:6px;align-items:center}
#rhythm .rh5-sq{width:36px;height:36px;min-height:36px;padding:0;display:inline-grid;place-items:center}
#rhythm .rh5-nav .btn{height:36px;min-height:36px;box-sizing:border-box}
#rhythm .rh5-sel{height:36px;max-width:260px}
#rhythm .rh-mark{display:inline-flex;align-items:center;gap:2px}
#rhythm .rh-ev .dz5-i,#rhythm .rds-chip .dz5-i{vertical-align:-2px;color:var(--muted)}
.rh5-o{display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line);vertical-align:-2px}
.rh-tick{display:inline-grid;place-items:center;min-width:24px;min-height:24px;color:var(--green)}
.rh-edit{display:inline-flex;vertical-align:-2px}
/* колонка «сегодня» — сплошной подложкой и линией сверху, без рамки вокруг каждой клетки (рамка рвалась) */
.rh-grid .rh-today{outline:0;background:var(--soft-gold-2)}
.rh-grid th.rh-today{background:var(--soft-gold);color:var(--ink-gold);box-shadow:inset 0 2px 0 var(--gold-fill)}
.rh-grid td.rh-today.rh-ok{background:color-mix(in srgb,var(--soft-green) 70%,var(--soft-gold))}
.rh-grid td.rh-today.rh-miss{background:color-mix(in srgb,var(--soft-red) 70%,var(--soft-gold))}
.rh-cell .rh-zero{opacity:.55}
/* лаборатория: таблица «По дням» и журнал — спокойнее */
html[data-lab]:not([data-dz-off]) .rh-grid{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
html[data-lab]:not([data-dz-off]) .rh-grid th,html[data-lab]:not([data-dz-off]) .rh-grid td{border:0;border-bottom:1px solid var(--line)}
html[data-lab]:not([data-dz-off]) .rh-grid tr:last-child td{border-bottom:0}
html[data-lab]:not([data-dz-off]) .rh-grid th{background:var(--panel);font-weight:500;font-size:12px}
html[data-lab]:not([data-dz-off]) .rh-grid .rh-name,html[data-lab]:not([data-dz-off]) .rh-grid .rh-total{background:var(--panel)}
html[data-lab]:not([data-dz-off]) .rh-grid .rh-off{background:var(--sunken)}
html[data-lab]:not([data-dz-off]) .rh-cell.rh-half{background:color-mix(in srgb,var(--lab-c5) 13%,transparent);color:var(--ink)}
html[data-lab]:not([data-dz-off]) #rhythm .rh-day-h{border-radius:10px 10px 0 0}
@media (max-width:700px){#rhythm .rh5-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,black 85%,transparent)}#rhythm .rh5-tabs button{flex:none}}

/* ═════════ КЛИЕНТЫ ═════════ */
@media (min-width:701px){#clSearch{min-width:220px}}
.dz5-info{display:none}
/* лаборатория: пояснение — в значок «i» у подзаголовка, этап — нейтральная пилюля с цветной точкой */
html[data-lab]:not([data-dz-off]) #clientbase .cl5-hint{display:none}
html[data-lab]:not([data-dz-off]) .dz5-info{position:relative;display:inline-grid;place-items:center;width:16px;height:16px;margin-left:8px;border-radius:50%;
  border:1px solid var(--line);color:var(--muted);font:600 10.5px/1 Inter,sans-serif;font-style:normal;cursor:help;vertical-align:1px}
html[data-lab]:not([data-dz-off]) .dz5-info:hover,html[data-lab]:not([data-dz-off]) .dz5-info:focus{color:var(--ink);border-color:var(--gold-fill);outline:0}
html[data-lab]:not([data-dz-off]) .dz5-info::after{content:attr(data-tip);position:absolute;left:-8px;top:24px;z-index:30;width:min(340px,80vw);padding:10px 12px;border:1px solid var(--line);
  border-radius:10px;background:var(--panel);box-shadow:var(--sh-pop);color:var(--ink);font:400 12.5px/1.5 Inter,sans-serif;text-align:left;white-space:normal;
  opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}
html[data-lab]:not([data-dz-off]) .dz5-info:hover::after,html[data-lab]:not([data-dz-off]) .dz5-info:focus::after{opacity:1;transform:none}
html[data-lab]:not([data-dz-off]) :is(#clientbase,#partners,#agency) .dz-st{background:var(--panel);border:1px solid var(--line);color:var(--ink)}
/* скрытая подсказка не должна раздвигать страницу на телефоне */
html[data-lab]:not([data-dz-off]) .dz5-info::after{visibility:hidden}
html[data-lab]:not([data-dz-off]) .dz5-info:hover::after,html[data-lab]:not([data-dz-off]) .dz5-info:focus::after{visibility:visible}
@media (max-width:700px){html[data-lab]:not([data-dz-off]) .dz5-info::after{display:none}html[data-lab]:not([data-dz-off]) .dz5-info:focus::after{display:block;position:fixed;left:16px;right:16px;top:120px;width:auto}}