/* БЭКОФИС — список рабочих комнат (assets/js/chat/backoffice.*.js).
   Лираз 13.10.2026: «черно-белый цвет ночь, утро — сделай обязательно» —
   цвета ТОЛЬКО из токенов темы; стенд мерит контраст ≥ 4.5 в обеих.
   Как список личек: значок, имя, последнее сообщение, время, непрочитанное.
   Chromium 99: без :has(), inset, dvh. Справа налево — через логические
   отступы и dir="auto" у текста. */
.bo{display:flex;flex-direction:column;gap:6px;padding:4px 12px 120px;min-width:0}
.bo-room{display:flex;align-items:center;gap:12px;width:100%;min-width:0;margin:0;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-room:hover{background:var(--glass)}
.bo-room:active{transform:scale(.99)}
.bo-room:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}
.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-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bo-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.bo-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.bo-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.bo-when{flex:0 0 auto;margin-inline-start:auto;white-space:nowrap;font-size:12px;color:var(--ink-faint)}
.bo-last{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink-faint)}
.bo-badge{position:static;flex:0 0 auto}
.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"] [data-bo-label]{white-space:nowrap}
.tabbar .tab[data-tab="backoffice"] .nav-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}