/* Личное закрепление чатов: булавка у строки лички и у карточки чертога, группа «Закрепленные» над разделами чертогов,
   отпечаток долгого нажатия на строке лички (assets/js/chat/chat-pin.c4b19e07.js, halls-layout.*.js, halls-order.*.js).
   Цвета — только опоры из :root, значок — свой SVG (не знак шрифта). Без :has(), inset, dvh, color-mix (старые андроиды,
   Chromium 99). Иврит: flex и grid сами зеркалят порядок (dir=rtl на странице), отступы — логические (margin-inline-*). */

/* ---------- булавка: одна и та же у лички и у чертога ---------- */
.hl-pin-mark{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;margin:0;padding:0;color:var(--ink-dim);line-height:0}
.hl-pin-mark svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#hallsList .hall .hl-pin-mark{color:var(--gold-text);margin-inline-end:-4px}

/* ---------- строка лички: долгое нажатие открывает лист, а не выделяет текст ---------- */
#dmThreads .dmitem[data-dm-channel]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* Булавка стоит между именем и временем; место берёт у имени, а не у времени. Так она стоит, только пока строка не собрана
   (нет блока времени): запасной вид. */
#dmThreads .dmitem .hl-pin-mark{margin-inline-start:-4px}
/* Строка собрана (index.html, rows()): булавка уезжает в блок времени и стоит В ОДНОЙ СТРОКЕ С ВРЕМЕНЕМ, вплотную: зазор 6 px,
   по центру цифр. Блок времени закреплённой лички — сетка из двух колонок (булавка, время); число непрочитанного — под ними у края.
   Колонки сами зеркалятся (dir=rtl на странице): в иврите булавка справа от времени, время у левого края. Живой прежний блок
   (display:flex, колонка) у НЕзакреплённых строк не тронут. */
#dmThreads .dmitem[data-pinned] .hl2side{display:grid;grid-template-columns:auto auto;column-gap:6px;row-gap:5px;justify-content:end;justify-items:end;align-items:center}
#dmThreads .dmitem[data-pinned] .hl2side .hl-pin-mark{grid-column:1;grid-row:1;width:13px;height:13px;margin:0}
#dmThreads .dmitem[data-pinned] .hl2side .hl-pin-mark svg{width:13px;height:13px}
#dmThreads .dmitem[data-pinned] .hl2side .hl2time{grid-column:2;grid-row:1}
#dmThreads .dmitem[data-pinned] .hl2side .hl2n{grid-column:1 / span 2;grid-row:2;justify-self:end}

/* ---------- группа «Закрепленные» над разделами чертогов ----------
   Заголовок — не кнопка и не сворачивается (в ней десять чертогов и меньше); вид как у заголовков разделов, чтобы
   список читался одной схемой: золотая малая надпись с широким разрядом. */
#hallsList .hallpins{display:flex;align-items:center;gap:8px;position:relative;z-index:1;margin:1px 4px -7px;min-height:44px;box-sizing:border-box;padding:0 4px;font-size:calc(11.5px * var(--fs,1));font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-text);line-height:1.2}
[dir=rtl] #hallsList .hallpins{letter-spacing:.04em}
#hallsList .hallpins svg{flex:0 0 auto;display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#hallsList .hallpins-t{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- лист действий: узкий экран ----------
   «Открепить» с подсказкой «Убрать с верха списка» не помещается в одну строку на 320 px (на 360 и 390 помещается на всех восьми
   языках). Правило Лираз — кнопки в одну строку, поэтому до 340 px подсказку прячем; полный смысл остаётся в подписи кнопки
   (aria-label, halls-order). Только у пункта закрепа: остальные пункты листа не тронуты. */
@media (max-width:339px){#hlHallSheet .hl-mute-opt[data-k="pin"] .hl-mute-h{display:none}}