.local-dialog.task-chat-dialog{width:min(1400px,96vw);max-width:96vw;padding:0;max-height:94dvh;overflow:hidden}.task-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:85dvh;min-height:530px}.task-chat-detail{overflow:auto;padding:24px;min-width:0}.task-chat-detail .flow-edge{overflow:auto}.task-chat-panel{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:var(--paper);overflow:hidden}.task-chat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.task-chat-head h3{font-size:16px;margin:0}.task-chat-head select{max-width:190px;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:5px;color:var(--ink)}.task-chat-context{margin:12px 16px;padding:12px;background:var(--soft);border-left:3px solid var(--accent);font-size:12px;overflow-wrap:anywhere}.task-chat-context strong,.task-chat-context small{display:block}.task-chat-context small{font-size:10px;color:var(--muted);margin-top:5px}.task-chat-panel .chat-connection{margin:0}.task-chat-messages{flex:1;min-height:0;overflow:auto;padding:16px}.task-chat-messages .chat-message-body{max-width:95%}.task-chat-composer{border-top:1px solid var(--line);padding:12px 16px}.task-chat-composer textarea{font:inherit;font-size:13px;display:block;width:100%;min-height:75px;max-height:150px;resize:vertical;padding:10px 0;border:0;background:transparent;color:var(--ink)}.task-chat-composer textarea:focus{outline:none;box-shadow:inset 0 -2px var(--accent)}.task-chat-composer footer{display:flex;justify-content:space-between;align-items:center}.task-chat-composer small{font-size:10px;color:var(--muted)}.task-chat-image{display:block;max-width:100%;max-height:200px;object-fit:contain;margin:8px 0}.task-chat-messages .chat-file{flex-wrap:wrap}.task-chat-detail .local-dialog-head{position:sticky;top:-24px;z-index:1;background:var(--paper);padding:12px 0}.task-node-chat{display:block;margin:10px 0}.task-chat-panel button,.task-chat-panel select{font:inherit;font-size:12px}@media(max-width:900px){.task-chat-layout{grid-template-columns:minmax(0,1fr) 340px}.task-chat-detail{padding:16px}}@media(max-width:700px){.local-dialog.task-chat-dialog{overflow:auto;max-height:94dvh}.task-chat-layout{display:flex;flex-direction:column;height:auto;min-height:0}.task-chat-detail{overflow:visible;padding:16px}.task-chat-panel{height:620px;min-height:520px;border-left:0;border-top:1px solid var(--line)}.task-chat-head{padding:12px 16px}.task-chat-detail .local-dialog-head{top:-16px}}

/* Unread indicators remain visible without opening a task or a recipient selector. */
.message-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:12px;background:#b4232f;color:#fff!important;font:700 12px/1 system-ui,sans-serif;flex-shrink:0;vertical-align:middle}
[data-task-workflow]{align-items:center;gap:7px}[data-task-workflow]:not([hidden]){display:inline-flex}[data-task-workflow].has-unread{color:#b4232f;font-weight:700}.task-message-indicator{margin:6px 0;padding:3px 7px;border:1px solid #b4232f55;border-radius:5px;background:#fff2f2;font-size:11px;white-space:nowrap}.task-message-indicator[hidden]{display:none!important}.has-task-unread>td:first-child{box-shadow:inset 3px 0 #b4232f}.flow-node.has-task-unread{outline:2px solid #b4232f;outline-offset:-2px}.task-chat-unread-panel{margin:0 16px 10px;padding:10px 12px;background:#fff2f2;border:1px solid #b4232f55;border-radius:6px;color:#8e1723;font-size:12px;flex-shrink:0}.task-chat-unread-panel[hidden]{display:none}.task-chat-unread-panel>strong{display:block;margin-bottom:7px}.task-unread-links{display:flex;flex-wrap:wrap;gap:6px;max-height:104px;overflow:auto}.task-chat-panel .task-unread-link{display:flex;align-items:center;gap:8px;border:1px solid #b4232f55;background:var(--paper);color:var(--ink);border-radius:5px;padding:6px 8px;max-width:100%;text-align:left;cursor:pointer}.task-unread-link>span{overflow-wrap:anywhere}.task-unread-link:hover{border-color:#b4232f}.task-unread-link:focus-visible{outline:2px solid #b4232f;outline-offset:2px}#chat-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}#chat-nav.has-unread{font-weight:700}.chat-person.has-unread .chat-avatar{box-shadow:0 0 0 2px #b4232f}.chat-person.has-unread .chat-person-bottom>span{color:var(--ink);font-weight:600}
html[data-color-mode=dark] .message-unread-badge,html[data-color-mode=dark] .chat-unread.message-unread-badge{background:#ef8890;color:#241012!important}html[data-color-mode=dark] [data-task-workflow].has-unread{color:#ffb0b6}html[data-color-mode=dark] .task-message-indicator,html[data-color-mode=dark] .task-chat-unread-panel{background:#3d2026;border-color:#bc6571;color:#ffb0b6}html[data-color-mode=dark] .flow-node.has-task-unread{outline-color:#ef8890}

.wf-detail-title .task-message-indicator{margin-left:10px;font-weight:500}html[data-color-mode=dark] .task-chat-detail .flow-node{background:var(--soft);color:var(--ink)}

/* A: show the conversation rail only after two distinct peers have persisted messages. */
.task-chat-panel{position:relative}.task-chat-body{display:flex;flex:1;min-height:0;min-width:0}.task-chat-current{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.task-chat-person{padding:12px 16px;border-bottom:1px solid var(--line)}.task-chat-person strong,.task-chat-person small{display:block}.task-chat-person strong{font-size:14px}.task-chat-person small{font-size:11px;color:var(--muted);margin-top:3px}.task-chat-head small{display:block;margin-top:4px}.task-chat-head .chat-button{white-space:nowrap}.task-chat-threads{width:205px;flex-shrink:0;overflow:auto;padding:12px 8px;background:var(--soft);border-right:1px solid var(--line)}.task-chat-threads[hidden]{display:none!important}.task-chat-threads>p{padding:0 6px;margin:0 0 10px}.task-chat-thread{display:block;width:100%;padding:12px 9px;margin:0 0 5px;text-align:left;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}.task-chat-thread:hover{background:var(--paper)}.task-chat-thread[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.task-thread-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.task-thread-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;margin:6px 0}.task-chat-thread small{font-size:10px;color:var(--muted)}.task-chat-layout.has-task-conversations{grid-template-columns:minmax(280px,1fr) minmax(560px,1.2fr)}.local-dialog.task-chat-dialog:has(.has-task-conversations){width:min(1550px,96vw)}.task-chat-picker{position:absolute;z-index:4;right:12px;top:72px;width:min(340px,calc(100% - 24px));max-height:calc(100% - 92px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 12px 40px #15281c33}.task-chat-picker[hidden]{display:none}.task-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-picker-person{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:10px;margin-top:6px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}.task-picker-person:hover{background:var(--soft)}.task-picker-person small{color:var(--muted)}.task-picker-person:disabled{opacity:.55;cursor:default}
@media(max-width:1000px){.local-dialog.task-chat-dialog:has(.has-task-conversations){overflow:auto}.task-chat-layout.has-task-conversations{display:flex;flex-direction:column;height:auto;min-height:0}.has-task-conversations .task-chat-detail{max-height:48dvh}.has-task-conversations .task-chat-panel{height:720px;min-height:600px;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:650px){.task-chat-body.has-conversations{flex-direction:column}.has-conversations .task-chat-threads{width:100%;max-height:145px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow-x:auto;flex-shrink:0}.task-chat-threads>p{display:none}.task-chat-thread{width:155px;min-width:155px;margin:0;padding:9px}.task-chat-head{flex-wrap:wrap;gap:8px}.task-chat-layout.has-task-conversations .task-chat-panel{height:860px;min-height:700px}.task-chat-layout.has-task-conversations .task-chat-detail{max-height:42dvh}}