/* WorkBlock 5.6.6 — complete chat workspace */
.communications-shell-v566{position:relative;grid-template-columns:310px minmax(440px,1fr) 300px;height:calc(100dvh - var(--topbar-height) - 48px);min-height:620px;overflow:hidden}
.communications-shell-v566 .chat-head-identity{display:flex;align-items:center;gap:10px;min-width:0}.communications-shell-v566 .chat-head-identity>span:last-child{min-width:0}.communications-shell-v566 .chat-head-identity h2,.communications-shell-v566 .chat-head-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-room-counters{display:flex!important;justify-content:flex-end;align-items:center;min-width:28px}.chat-room-counters em{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10px;font-style:normal}.chat-room-counters em.mention{background:var(--danger,#d9485f)}.chat-room-list>button>span:nth-child(2)>b{display:flex;align-items:center;gap:5px}
.chat-inline-panel{position:absolute;z-index:12;top:72px;left:310px;right:300px;max-height:min(420px,55dvh);padding:12px;border-bottom:1px solid var(--border);background:var(--panel-solid);box-shadow:0 18px 36px rgba(13,23,38,.12);overflow:auto}.chat-inline-panel>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chat-search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:10px;padding:8px 10px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.chat-search-box input{border:0;background:transparent;outline:0;color:var(--text)}.chat-result-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:0;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.chat-result-row:hover{background:var(--surface-hover)}.chat-result-row>span:nth-child(2){display:grid;min-width:0}.chat-result-row b,.chat-result-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-result-row small,.chat-result-row time{color:var(--muted);font-size:10px}
.communications-shell-v566 .chat-message-scroll{gap:2px;padding:18px clamp(14px,2.5vw,34px)}.chat-load-older{align-self:center;margin:2px auto 10px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel-solid);color:var(--muted);cursor:pointer}.chat-date-divider{position:sticky;top:7px;z-index:3;display:flex;justify-content:center;margin:11px 0}.chat-date-divider span{padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--panel-solid) 92%,transparent);backdrop-filter:blur(12px);color:var(--muted);font-size:10px}
.communications-shell-v566 .chat-message{position:relative;width:min(82%,820px);max-width:none;padding:2px 0;border:0;border-radius:0;display:flex;align-items:flex-start;gap:9px;background:transparent;box-shadow:none}.communications-shell-v566 .chat-message.mine{align-self:flex-end;margin-left:auto;flex-direction:row-reverse;border:0;background:transparent}.communications-shell-v566 .chat-message.compact{margin-top:-1px}.communications-shell-v566 .chat-message .avatar{flex:0 0 34px;width:34px;height:34px}.communications-shell-v566 .chat-message .avatar-placeholder{visibility:hidden}.chat-message-bubble{position:relative;min-width:120px;max-width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:7px 16px 16px 16px;background:var(--panel-solid)}.chat-message.mine .chat-message-bubble{border-color:var(--accent-border);border-radius:16px 7px 16px 16px;background:var(--accent-soft)}.chat-message-bubble>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.chat-message-bubble>header b{font-size:11px}.chat-message-bubble>header b small{color:var(--accent);font-weight:500}.chat-message-bubble>header>small{color:var(--muted);font-size:9px;white-space:nowrap}.chat-message-bubble p{margin:3px 0 0;color:var(--text);font-size:13px;line-height:1.52;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.highlight .chat-message-bubble{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);transition:outline .25s}
.chat-reply-preview{width:100%;display:grid;gap:2px;margin:0 0 7px;padding:7px 9px;border:0;border-left:3px solid var(--accent);border-radius:7px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--text);text-align:left;cursor:pointer}.chat-reply-preview b{font-size:10px}.chat-reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}
.chat-attachments.rich{display:grid;gap:7px;margin-top:9px}.chat-attachments.rich>a{min-width:260px;max-width:460px;padding:9px;border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;color:var(--text);background:var(--surface-soft);text-decoration:none;overflow:hidden}.chat-attachments.rich>a>span{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;align-items:center}.chat-attachments.rich>a>span>.wb-icon{grid-row:1/3}.chat-attachments.rich b,.chat-attachments.rich small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachments.rich small{color:var(--muted);font-size:9px}.chat-attachments.rich>a.image{display:flex;flex-direction:column;align-items:stretch;padding:5px}.chat-attachments.rich>a.image>img{display:block;width:100%;max-height:320px;border-radius:9px;object-fit:cover}.chat-attachments.rich>a.image>span{padding:5px}
.chat-message-actions{position:absolute;top:-16px;right:7px;display:flex;gap:3px;opacity:0;transform:translateY(3px);transition:.15s}.chat-message.mine .chat-message-actions{right:auto;left:7px}.chat-message:hover .chat-message-actions,.chat-message:focus-within .chat-message-actions{opacity:1;transform:none}.chat-message-actions button{width:28px;height:28px;border:1px solid var(--border);border-radius:9px;display:grid;place-items:center;background:var(--panel-solid);color:var(--muted);box-shadow:0 4px 14px rgba(13,23,38,.09);cursor:pointer}.chat-message-actions button:hover{color:var(--accent)}
.chat-reaction-picker,.chat-message-menu{position:absolute;z-index:7;top:18px;right:8px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--panel-solid);box-shadow:0 18px 45px rgba(13,23,38,.18)}.chat-message.mine .chat-reaction-picker,.chat-message.mine .chat-message-menu{right:auto;left:8px}.chat-reaction-picker{display:flex;gap:2px}.chat-reaction-picker button{width:31px;height:31px;border:0;border-radius:8px;background:transparent;font-size:17px;cursor:pointer}.chat-reaction-picker button:hover{background:var(--surface-hover)}.chat-message-menu{min-width:145px;display:grid}.chat-message-menu button{padding:8px 9px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.chat-message-menu button:hover{background:var(--surface-hover)}
.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.chat-reactions button{padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);cursor:pointer}.chat-reactions button.mine{border-color:var(--accent-border);background:var(--accent-soft)}.chat-reactions span{font-size:9px}.chat-message-meta{display:flex;justify-content:flex-end;gap:8px;margin-top:5px;color:var(--muted);font-size:9px}.chat-message-meta span{display:inline-flex;align-items:center;gap:3px}
.chat-composer{grid-template-columns:auto minmax(0,1fr) auto!important}.composer-files{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.composer-files>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);font-size:10px}.composer-files button{border:0;background:transparent;color:var(--muted);cursor:pointer}.chat-mention-menu{position:absolute;z-index:9;left:48px;bottom:calc(100% - 2px);width:min(360px,calc(100% - 60px));padding:6px;border:1px solid var(--border);border-radius:13px;background:var(--panel-solid);box-shadow:0 18px 42px rgba(13,23,38,.16)}.chat-mention-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:7px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.chat-mention-menu button:hover{background:var(--surface-hover)}.chat-mention-menu button>span:last-child{display:grid}.chat-mention-menu small{color:var(--muted)}
.chat-details-close,.mobile-details-toggle{display:none}.chat-detail-section>button{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.chat-detail-section>button:hover{background:var(--surface-hover)}.chat-head-actions .icon-button.active{border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft)}
@media(max-width:1180px){.communications-shell-v566{grid-template-columns:290px minmax(0,1fr)}.communications-shell-v566>.chat-details{position:absolute;z-index:20;top:0;right:0;bottom:0;width:min(340px,92vw);display:block;transform:translateX(102%);transition:transform .2s;box-shadow:-20px 0 45px rgba(13,23,38,.14)}.communications-shell-v566>.chat-details.open{transform:none}.chat-details-close,.mobile-details-toggle{display:grid}.chat-details-close{margin-left:auto}.chat-inline-panel{left:290px;right:0}}
@media(max-width:720px){.view-chats{padding:0!important}.communications-shell-v566{height:calc(100dvh - var(--topbar-height) - var(--dock-height));min-height:0;border:0;border-radius:0;display:block}.communications-shell-v566 .chat-rooms-panel,.communications-shell-v566 .chat-conversation{height:100%;min-height:0}.communications-shell-v566.room-open .chat-rooms-panel{display:none}.communications-shell-v566:not(.room-open) .chat-conversation,.communications-shell-v566:not(.room-open) .chat-no-room{display:none}.communications-shell-v566 .chat-conversation-head{min-height:60px}.communications-shell-v566 .chat-head-identity .chat-room-icon{display:none}.communications-shell-v566 .chat-head-actions .icon-button:nth-of-type(3),.communications-shell-v566 .chat-head-actions .icon-button:nth-of-type(4){display:none}.chat-inline-panel{top:60px;left:0;right:0;max-height:58dvh}.communications-shell-v566 .chat-message-scroll{padding:10px 8px}.communications-shell-v566 .chat-message{width:96%;gap:6px}.communications-shell-v566 .chat-message .avatar{flex-basis:28px;width:28px;height:28px;font-size:9px}.chat-message-bubble{min-width:90px;padding:9px 10px}.chat-message-actions{opacity:1;top:-12px}.chat-attachments.rich>a{min-width:0;width:100%}.chat-composer{padding:8px calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px))!important}.chat-composer .btn.primary{min-width:44px;padding-inline:10px;font-size:0}.chat-composer .btn.primary:after{content:'➤';font-size:16px}.chat-reaction-picker{max-width:245px;flex-wrap:wrap}.chat-room-list>button{min-height:68px}.chat-message-menu{top:22px}.chat-message-meta{font-size:8px}}

/* Project chat reuses the complete 5.6.6 conversation model without a third details column. */
.project-chat-v566.communications-shell-v566{grid-template-columns:300px minmax(0,1fr);height:min(760px,calc(100dvh - 230px));min-height:560px}
.project-chat-v566 .project-chat-rooms{padding:0;max-height:none}.project-chat-v566 .project-chat-rooms .chat-panel-head{padding:16px 16px 10px}.project-chat-v566 .project-chat-rooms .chat-room-list{padding:0 10px 14px}
.project-chat-v566 .project-chat-conversation{height:auto}.project-chat-v566 .chat-inline-panel{left:300px;right:0}.project-chat-v566 .project-chat-readonly{min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface-soft);color:var(--muted);font-size:11px}
.project-chat-v566 .chat-no-room{grid-column:2}.project-chat-v566 .chat-message-scroll{min-height:0}
@media(max-width:1180px){.project-chat-v566.communications-shell-v566{grid-template-columns:260px minmax(0,1fr)}.project-chat-v566 .chat-inline-panel{left:260px}}
@media(max-width:860px){.project-chat-v566.communications-shell-v566{grid-template-columns:1fr;height:min(700px,calc(100dvh - 200px));min-height:600px}.project-chat-v566 .project-chat-rooms{border-right:0}.project-chat-v566 .chat-inline-panel{left:0}.project-chat-v566 .chat-no-room{grid-column:1}}
@media(max-width:720px){.project-chat-v566.communications-shell-v566{height:calc(100dvh - var(--topbar-height) - var(--dock-height) - 122px);min-height:520px;border:1px solid var(--border);border-radius:16px}.project-chat-v566 .project-chat-rooms,.project-chat-v566 .project-chat-conversation{height:100%}.project-chat-v566 .project-chat-rooms .chat-panel-head{padding-top:12px}.project-chat-v566 .chat-no-room{height:100%}}
.mobile-chat-back{display:none}
@media(max-width:720px){.mobile-chat-back{display:grid}}