/* Чертоги: картинка на значке, лист действий и режим «Переставить»
   (assets/js/chat/halls-order.336301a.js). Цвета — только опоры из :root,
   иконки — свои SVG. Селекторы со «#hallsList» нужны, чтобы перебить правила
   значка в index.html без правки замороженного куска стилей. */

/* ---------- значок карточки: круглый, картинка закрывает буквы ---------- */
#hallsList .hall .ha,#hlArchiveList .hall .ha{position:relative;overflow:hidden;border-radius:50%}
#hallsList .hall .ha .hal-img,#hlArchiveList .hall .ha .hal-img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
#hallsList .hall .ha.hal-has .hal-i,#hlArchiveList .hall .ha.hal-has .hal-i{visibility:hidden}
#hallsList .hallskel .sk-ava{border-radius:50%}

/* ---------- значок чертога без картинки: сердечко (слово Лираз 10.10.2026) ----------
   Одна опора для списка, архива, панели чертога и «Моих разговоров» (noPicHtml). Центр — grid
   place-items:center на обёртке во всю плитку; сам значок — линия 1.6, 24, currentColor.
   Без inset (старые андроиды): top/left/right/bottom. */
.hal-heart{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;place-items:center;margin:0;padding:0;line-height:0;color:var(--gold-text)}
.hal-heart svg{display:block;width:50%;height:50%;min-width:16px;min-height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- лист действий (тот же вид, что у листа сроков уведомлений) ---------- */
#hlHallSheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;display:none;align-items:flex-end;justify-content:center;background:rgba(var(--bg0-rgb),.68);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
#hlHallSheet.on{display:flex}
@media (min-width:700px){#hlHallSheet{align-items:center;padding:24px}}
@media (prefers-reduced-motion:no-preference){#hlHallSheet.on .hl-mute-card{animation:hl-hall-show .18s ease-out}@keyframes hl-hall-show{from{opacity:.55}to{opacity:1}}}
#hlHallSheet .hl-mute-opts{margin-top:4px}
#hlHallSheet .hl-mute-opt:focus-visible,#hlHallSheet .hl-mute-close:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}

/* ---------- режим «Переставить» ---------- */
#hlHallsBar{display:none;position:sticky;top:0;z-index:6;align-items:center;gap:10px;flex-wrap:wrap;box-sizing:border-box;padding:10px 12px;margin:0 0 10px;border:1px solid rgba(var(--gold-rgb),.4);border-radius:16px;background:var(--bg0);box-shadow:0 8px 22px rgba(var(--bg0-rgb),.45)}
#hlHallsBar.on{display:flex}
.hl-ho-txt{flex:1 1 170px;min-width:0;display:flex;flex-direction:column;gap:2px}
.hl-ho-txt b{font-size:calc(15px * var(--fs,1));font-weight:700;color:var(--ink)}
.hl-ho-txt span{font-size:calc(12px * var(--fs,1));line-height:1.35;color:var(--ink-faint)}
.hl-ho-btns{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto;margin-inline-start:auto}
.hl-ho-done,.hl-ho-reset{min-height:44px;box-sizing:border-box;padding:0 16px;border-radius:999px;font:600 14px/1.1 var(--ui);cursor:pointer}
.hl-ho-done{border:1px solid rgba(var(--gold-rgb),.55);background:rgba(var(--gold-rgb),.14);color:var(--gold-text);font-weight:700}
.hl-ho-reset{border:1px solid var(--line);background:var(--glass);color:var(--ink)}
.hl-ho-reset[hidden]{display:none}
.hl-ho-reset[data-ask="1"]{border-color:var(--danger-text);color:var(--danger-text)}
.hl-ho-done:focus-visible,.hl-ho-reset:focus-visible,.hl-ho-btn:focus-visible,.hl-ho-grip:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}
.hl-ho-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Карточка в режиме: ручка и две стрелки столбиком, лишнее (стрелка входа, «в чертоге», число, метка заглушения) убрано, чтобы названию хватало места. У закреплённых («Центр» заперт наверху) ручки и стрелок нет — остаётся значок «ЦЕНТР». */
#hallsList.hl-reorder .hall{scroll-margin-top:112px;scroll-margin-bottom:24px;cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:11px}
#hallsList.hl-reorder .hall .chev,#hallsList.hl-reorder .hall .hon,#hallsList.hl-reorder .hall .hbadge,#hallsList.hl-reorder .hall .hl-mute-chip{display:none!important}
.hl-ho-ctl{flex:0 0 auto;display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.hl-ho-grip{width:40px;height:64px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--ink-faint);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
.hl-ho-grip:active{cursor:grabbing}
.hl-ho-grip svg,.hl-ho-btn svg{width:22px;height:22px;fill:currentColor;stroke:none}
.hl-ho-btn svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hl-ho-stack{display:flex;flex-direction:column;gap:0}
.hl-ho-btn{width:40px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--line);background:var(--glass);color:var(--ink);cursor:pointer}
.hl-ho-btn[data-hl-act="up"]{border-radius:12px 12px 0 0}
.hl-ho-btn[data-hl-act="down"]{border-radius:0 0 12px 12px;border-top-width:0}
.hl-ho-btn:disabled{opacity:.35;cursor:default}
.hl-ho-btn:active:not(:disabled){background:var(--glass2)}
#hallsList .hall.hl-ho-drag{position:relative;z-index:4;transition:none;border-color:rgba(var(--gold-rgb),.6);box-shadow:0 12px 30px rgba(var(--bg0-rgb),.5)}
html.hl-ho-on #hlMuteAll{visibility:hidden}

/* ---------- строки-папки: «Избранное» под «Центром» и «Архив» внизу ---------- */
#hallsList .hallfolder{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:16px;margin-bottom:9px;border:1px solid var(--line);background:var(--glass);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .15s,border-color .3s}
#hallsList .hallfolder:active{transform:scale(.988)}
#hallsList .hallfolder:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}
#hallsList .hallfolder .ha{width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(var(--gold-rgb),.1);color:var(--gold-text)}
#hallsList .hallfolder .ha svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#hallsList .hallfolder.hf-fav .ha svg{fill:currentColor;stroke:none}
#hallsList .hallfolder .ht{flex:1;min-width:0}
#hallsList .hallfolder .ht b{font-family:var(--disp);font-size:calc(19px * var(--fs,1));font-weight:600;display:block;line-height:1.15;color:var(--ink);letter-spacing:.05em;text-transform:uppercase}
#hallsList .hallfolder .ht span{display:block;margin-top:2px;font-size:calc(11.5px * var(--fs,1));line-height:1.3;color:var(--ink-faint)}
#hallsList .hallfolder .chev{color:var(--ink-faint);font-size:19px}
[dir=rtl] #hallsList .hallfolder .chev{transform:scaleX(-1)}
.hf-n,.hf-u{min-width:21px;height:21px;padding:0 6px;border-radius:100px;font-size:calc(11px * var(--fs,1));font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box}
.hf-n{background:var(--glass2);border:1px solid var(--line);color:var(--ink-dim)}
.hf-u{background:var(--gold-fill);color:var(--on-gold,var(--bg0))}
#hallsList.hl-reorder .hallfolder{display:none}

/* ---------- вид «Архив» (полка поверх списка, как «Избранное») ---------- */
#hlArchive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:88;display:none;flex-direction:column;background:radial-gradient(1100px 640px at 50% -12%,var(--bg1),var(--bg0) 60%);color:var(--ink)}
#hlArchive.on{display:flex}
.hla-head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}
.hla-back{flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.hla-back svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .hla-back svg{transform:scaleX(-1)}
.hla-back:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}
.hla-ttl{min-width:0}
.hla-ttl h2{margin:0;font:600 21px/1.2 var(--disp)}
.hla-ttl p{margin:2px 0 0;font-size:12.5px;line-height:1.35;color:var(--ink-faint)}
.hla-list{min-height:0;flex:1;overflow-y:auto;padding:14px 14px calc(28px + var(--safe-b));-webkit-overflow-scrolling:touch;width:100%;max-width:760px;box-sizing:border-box;margin:0 auto}
.hla-empty{margin:auto;padding:24px;color:var(--ink-faint);text-align:center;line-height:1.5}
#hlArchiveList .hall{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer}
#hlArchiveList .hall:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}

/* ---------- «В архив» в режиме «Переставить» ---------- */
.hl-ho-arch{display:flex;width:-webkit-fit-content;width:fit-content;max-width:100%;align-items:center;gap:6px;margin-top:6px;min-height:36px;box-sizing:border-box;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--ink-dim);font:600 12.5px/1 var(--ui);cursor:pointer}
.hl-ho-arch svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#hallsList .hall .hl-ho-arch span{font-size:inherit;color:inherit;display:inline;margin:0}
.hl-ho-arch:active{background:var(--glass2)}
.hl-ho-arch:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}

/* Верхняя музыкальная полоса (48 точек) не закрывает шапку архива. */
body.hasmusic #hlArchive{padding-top:calc(48px + var(--sat,0px))}
#hlSimple .hls-face{position:relative}