/* Разбор архива чертогов: очередь модератора в ОФИСЕ (assets/js/chat/hall-archive-review.*.js).
   Лираз 20.10.2026: «все архивы закрыты, будем разбирать». Цвета только из токенов темы; значки — SVG;
   кнопки в одну строку. Chromium 99: без :has(), inset, dvh. Справа налево — dir="auto" у текста, зеркало стрелки. */
.hr{display:flex;flex-direction:column;gap:10px;padding:4px 12px 120px;min-width:0}
.hr[hidden]{display:none}
.hr-bar{display:flex;align-items:center;gap:10px;min-width:0}
.hr-back{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;white-space:nowrap;margin:0;padding:6px 10px;
  border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.hr-back:focus-visible,.hr-btn:focus-visible,.hr-tab:focus-visible,.hr-hall:focus-visible,.hr-mtoggle:focus-visible,.hr-prev:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}
html[dir=rtl] .hr-back .hr-ic{transform:scaleX(-1)}
.hr-title{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600}
.hr-ic{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hr-tabs{display:flex;gap:6px;min-width:0}
.hr-tab{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:8px 10px;border:1px solid var(--line);
  border-radius:12px;background:transparent;color:var(--ink-dim);font:inherit;cursor:pointer}
.hr-tab.on{border-color:var(--gold-text);color:var(--gold-text);font-weight:600}
.hr-halls{display:flex;gap:6px;overflow-x:auto;min-width:0;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.hr-hall{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap;margin:0;padding:6px 12px;border:1px solid var(--line);
  border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.hr-hall.on{border-color:var(--gold-text);color:var(--gold-text)}
.hr-count{font-size:12px;font-weight:600;color:var(--ink-faint)}
.hr-hall.on .hr-count{color:var(--gold-text)}
.hr-list{display:flex;flex-direction:column;gap:10px;min-width:0}
.hr-month{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--glass)}
.hr-mhead{display:flex;align-items:center;gap:8px;min-width:0}
.hr-mtoggle{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;margin:0;padding:6px 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:start}
.hr-mname{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-transform:capitalize}
.hr-chev{transition:transform .15s}
.hr-mtoggle[aria-expanded=false] .hr-chev{transform:rotate(-90deg)}
html[dir=rtl] .hr-mtoggle[aria-expanded=false] .hr-chev{transform:rotate(90deg)}
.hr-mbody{display:flex;flex-direction:column;gap:8px;min-width:0}
.hr-item{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 0;border-top:1px solid var(--line)}
.hr-prev{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;overflow:hidden;margin:0;padding:0;border:0;border-radius:10px;
  color:var(--gold-text);background:rgba(var(--gold-rgb),.12);cursor:pointer}
.hr-pic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hr-img{width:52px;height:52px;object-fit:cover;display:block}
.hr-imeta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.hr-cap{min-width:0;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.hr-cap i{color:var(--ink-faint)}
.hr-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ink-faint)}
.hr-btn{flex:0 0 auto;white-space:nowrap;margin:0;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;font:inherit;
  cursor:pointer;-webkit-tap-highlight-color:transparent}
.hr-btn:disabled{opacity:.55;cursor:default}
.hr-primary{border-color:var(--gold-text);color:var(--gold-text);font-weight:600}
.hr-note,.hr-empty{padding:16px 8px;text-align:center;color:var(--ink-faint)}
.hr-foot{display:flex;justify-content:center}
.hr-entry{margin-bottom:6px}
.hr-entry-name{white-space:nowrap}