/* ОФИС — список рабочих комнат (assets/js/chat/backoffice.*.js).
   Лираз 13.10.2026: «черно-белый цвет ночь, утро — сделай обязательно» —
   цвета ТОЛЬКО из токенов темы; стенд мерит контраст ≥ 4.5 в обеих.
   Лираз 18.10.2026: «те же чаты как чертоги» — карточка рисуется общей
   hallCardHtml (index.html), её вид — класс .hall из основной таблицы;
   здесь только контейнер и подпись-превью. Своего вида комнаты нет.
   Chromium 99: без :has(), inset, dvh. Справа налево — dir="auto" у текста. */
.bo{display:block;padding:4px 12px 120px;min-width:0}
.bo .hall{cursor:pointer;-webkit-tap-highlight-color:transparent}
.bo .hall:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}
/* Подпись под названием — одна строка с многоточием, как превью в личке. */
.bo .hall .ht span.bo-last{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-faint)}
.bo-empty{padding:28px 8px;text-align:center;color:var(--ink-faint)}
.bo-retry{margin-inline-start:8px;white-space:nowrap;border:1px solid var(--line);border-radius:12px;
  padding:4px 12px;background:transparent;color:inherit;font:inherit;cursor:pointer}
/* Подпись вкладки — в одну строку (на рельсе компьютера она видна). */
.tabbar .tab[data-tab="backoffice"] span:not(.ic){white-space:nowrap}
.tabbar .tab[data-tab="backoffice"] .nav-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
/* ВХОДЫ «Архив: разобрать» и «Разбор архива» над комнатами (20.10.2026, Лираз прислала снимок: два чёрных
   квадрата и слипшиеся подписи). Входы рисуют archive-queue.*.js и hall-archive-review.*.js разметкой
   .bo-room/.bo-ava/.bo-ic, а её вид остался только в старом backoffice.896a63f1.css, когда комнаты перешли на
   карточку чертога. Вид входа живёт здесь, рядом со списком, который их показывает. */
.bo .bo-room{display:flex;align-items:center;gap:12px;width:100%;min-width:0;margin:0 0 8px;padding:10px 12px;
  border:1px solid var(--line);border-radius:14px;background:transparent;color:inherit;
  font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bo .bo-room:hover{background:var(--glass)}
.bo .bo-room:active{transform:scale(.99)}
.bo .bo-room:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}
.bo .bo-ava{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  color:var(--gold-text);background:rgba(var(--gold-rgb),.12)}
.bo .bo-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bo .bo-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.bo .bo-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.bo .bo-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}