.screen:has(>.dialogs){display:flex;flex-direction:column;overflow:hidden}
/* Personal pins remain above both chronological and unanswered ordering. */
.dialogs-sort{padding:0 10px 8px}.dialogs-sort .btn{width:100%;font-size:12px}
.dialogs-sort .btn[aria-pressed=true]{background:var(--text);color:var(--bg)}
.dialogs-entry{position:relative;min-width:0}.dialogs-entry .dialogs-row{width:100%;padding-right:34px}
.dialogs-pin{position:absolute;right:8px;top:9px;border:0;background:transparent;color:var(--text2);font-size:20px;width:26px;height:30px;cursor:pointer}
.dialogs-pin[aria-pressed=true]{color:var(--text)}
.dialogs{height:auto;flex:1;min-height:0}
.dialogs{--dialog-list-width:280px;display:grid;
  grid-template-columns:var(--dialog-list-width) minmax(0,1fr) 290px;border:1px solid var(--line);
  border-radius:var(--r-l);background:var(--bg);overflow:hidden;position:relative}
.dialogs-list,.dialogs-conversation,.dialogs-summary{min-height:0;min-width:0}
.dialogs-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.dialogs-search{display:grid;gap:8px;padding:12px;border-bottom:1px solid var(--line)}
.dialogs-search input{width:100%;min-width:0;height:32px;min-height:32px;box-sizing:border-box;font:inherit;color:var(--text);
  background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:4px 8px}
.dialogs-search button{padding:0 10px}
.dialogs-rows{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.dialogs-rows>p{padding:14px}.dialogs-row{width:100%;display:grid;gap:6px;text-align:left;
  font:inherit;font-size:13px;color:var(--text);background:var(--bg);padding:14px 12px;
  border:0;border-bottom:1px solid var(--line);cursor:pointer}
.dialogs-row:hover{background:var(--hover)}
.dialogs-row[aria-current=true]{background:var(--chip-blue-bg);box-shadow:inset 3px 0 var(--accent)}
.dialogs-row-title{display:flex;align-items:center;gap:7px;min-width:0}
.dialogs-row-title b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.dialogs-row-title .text-overflow.is-overflowing>span{animation:crm-text-travel var(--overflow-duration) linear infinite alternate}
.dialogs-row-title .text-overflow:hover>span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.dialogs-row-title .text-overflow.is-overflowing>span{animation:none}}
.dialogs-preview{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text2)}
.dialogs-row--unread .dialogs-preview{color:var(--text);font-weight:600}
.dialogs-row--unread{background:color-mix(in srgb,#4389d9 9%,var(--bg))}
.dialogs-row--unread:hover{background:color-mix(in srgb,#4389d9 15%,var(--bg))}
.dialogs-row-bottom{display:flex;justify-content:space-between;gap:8px;color:var(--text2);font-size:12px}
.dialogs-row-bottom>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dialogs-row-bottom time{white-space:nowrap}
.dialogs-unread{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}
.dialogs-pages{display:flex;gap:8px;justify-content:space-between;padding:10px;border-top:1px solid var(--line)}
.dialogs-conversation{display:flex;flex-direction:column;background:var(--bg)}
.dialogs-head{min-height:66px;display:flex;align-items:center;gap:10px;padding:12px 16px;
  border-bottom:1px solid var(--line);flex:none}
.dialogs-title{min-width:0;display:flex;align-items:center;gap:8px;flex:1}
.dialogs-title h2{font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dialogs-channel{flex:none;width:20px;height:20px;display:inline-flex}.dialogs-channel svg{width:100%;height:100%}
.dialogs-row-title .dialogs-channel{width:1em;height:1em;color:var(--text2)}
.dialogs-tools{display:flex;gap:6px;align-items:center;min-width:0}
.dialogs-tools .btn{flex:0 0 32px;width:32px;padding:6px;display:grid;place-items:center}
.dialogs-tools .btn[aria-pressed=true]{background:var(--text);color:var(--bg)}
.dialogs-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dialogs-tools select{flex:1;min-width:0;height:32px;padding:4px;font:inherit;font-size:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px}
.dialogs-channel-text{font-size:11px;color:var(--text2);flex:none}
.dialogs-history{flex:1;min-height:0;overscroll-behavior:contain}
.dialogs-summary{padding:18px 16px;border-left:1px solid var(--line);overflow:auto;background:var(--raise)}
.dialogs-summary section+section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.dialogs-summary h2{font-size:16px;margin:0 0 10px;overflow-wrap:anywhere}
.dialogs-summary h3{font-size:13px;margin:18px 0 8px}
.dialogs-stage{color:var(--text2);font-size:13px}
.dialogs-task{display:grid;gap:4px;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.dialogs-task b{font-weight:500}.dialogs-task time{font-size:12px;color:var(--text2)}
.dialogs-task .work-link{padding:2px 0;text-align:left}
.dialogs-summary .work-link{display:block;text-align:left;overflow-wrap:anywhere}
.dialogs-back,.dialogs-info-button,.dialogs-info-close{display:none}
.dialogs :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:1400px){
  .dialogs{grid-template-columns:var(--dialog-list-width) minmax(0,1fr)}
  .dialogs-summary{display:none}
  .dialogs-info-button{display:block}
  .dialogs[data-info=true] .dialogs-summary{display:block;position:absolute;inset:0 0 0 auto;
    width:min(340px,100%);z-index:3;box-shadow:var(--shadow)}
  .dialogs-info-close{display:block;margin:0 0 16px auto}
}
@media(max-width:760px){
  .dialogs{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 250px);min-height:380px}
  .dialogs-list{border:0}.dialogs-conversation{display:none}
  .dialogs[data-mobile=chat] .dialogs-list{display:none}
  .dialogs[data-mobile=chat] .dialogs-conversation{display:flex}
  .dialogs-back{display:block}.dialogs-head{flex-wrap:wrap;gap:8px;padding:10px}
  .dialogs-title{order:-1;flex:1 0 100%;min-width:0}
  .dialogs-info-button{margin-left:auto}.dialogs-search{grid-template-columns:minmax(0,1fr)}
  .dialogs-summary{width:100% !important}
  .dialogs-search input{font-size:16px}
}

/* ⚠️ Кружок с цифрой в меню — ОДИН вид на все пункты (п. 232): у
   «Диалогов» и у «Задач». Второго набора правил не заводим: два кружка
   рядом, нарисованные разным кодом, разойдутся в первой же правке
   (ENGINEERING_CORE, правило 19). Имя .dialog-nav-count оставлено
   историческим — на него смотрят прежняя разметка и её тесты. */
.dialog-nav-count,.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:var(--text);color:var(--bg);font-size:10px;font-variant-numeric:tabular-nums;margin-left:7px}
.dialog-nav-count[hidden],.nav-count[hidden]{display:none}
/* ⚠️ Место кружка в доке задаётся ОДНИМ правилом на все кружки — оно
   живёт в crm_mobile_nav.css, у самого дока (п. 314, 02.11.2026).
   Здесь его больше нет: правило только для диалогов оставляло кружок
   задач строчным элементом под иконкой. */