/* ============================ 分割ファイルヘッダー ============================
   責務: ゲスト(外部コラボレーター)モード: 割り当てチャンネルだけの簡素な左リストとDM吹き出し
   見る場面: ゲストに見せる画面の見た目を変えるとき(ACL本体はサーバー側)
   ============================================================================ */
/* ================= ゲスト(外部コラボレーター)モード ================= */
/* 外部コラボレーターには、割り当てられたチャンネル(オーナーとの連絡+指示を出せる部下)だけを見せる。
   組織図・秘書・ダッシュボード・使用量・更新など会社全体が分かるものは全部隠す
   (サーバー側でもACLで拒否済み。ここは二重の目隠し)。左の #office はフラットな
   チャンネル一覧(renderGuestList)としてだけ使う。 */
body.guest-mode #rzOffice,
body.guest-mode #rzSide,
body.guest-mode #sidePanel,
body.guest-mode #dashPane,
body.guest-mode .office-actions,
body.guest-mode .office-search,
body.guest-mode #officeSearchResults,
body.guest-mode .side-open-btn { display: none !important; }
/* ゲストの左リストの1行(組織図のtnodeを流用した簡素なボタン) */
.guest-list-item { display: block; width: 100%; text-align: left; padding: 10px 12px; border: 0; background: transparent; color: var(--text); cursor: pointer; border-radius: 10px; font-size: 14px; }
.guest-list-item:hover { background: var(--hover); }
.guest-list-item.selected { background: var(--glass2); }
/* チャットを全幅に */
body.guest-mode #chatPane { flex: 1 1 auto !important; }
body.guest-mode .chat-head .avatar { display: none; }

/* DM(ゲスト専用チャンネル)の吹き出し: 自分は右・相手は左。役職チャットの縦フィードとは別物。 */
.msg.dm { display: flex; margin: 6px 12px; }
.msg.dm .av { display: none; }
.msg.dm .body {
  max-width: 78%; padding: 8px 12px; border-radius: 14px;
  border: 1px solid var(--line);
}
.msg.dm.owner { justify-content: flex-end; }
.msg.dm.owner .body { background: rgba(154, 109, 255, 0.16); border-color: rgba(154, 109, 255, 0.34); border-bottom-right-radius: 5px; }
.msg.dm.them { justify-content: flex-start; }
.msg.dm.them .body { background: var(--glass2); border-bottom-left-radius: 5px; }
.msg.dm .head { display: flex; gap: 8px; align-items: baseline; margin-bottom: 2px; }
.msg.dm .head .n { font-size: 11.5px; font-weight: 700; color: var(--dim); }
.msg.dm .head .t { font-size: 10px; color: var(--dim2); }
.msg.dm .text { font-size: 14px; line-height: 1.6; }