/* Task discussion and messenger share message geometry and personal theme colours. */
#task-activity, #chat-stream { padding: 16px 20px 20px 58px; gap: 10px; scroll-padding-block: 16px; }
#chat-messages { gap:10px; }
.task-discussion-date, #chat-messages .chat-day { align-self: center; flex: 0 0 auto; margin: 2px 0 0 -46px; padding: 5px 14px; border-radius: 20px; background: color-mix(in srgb, var(--orero-paper) 85%, transparent); color: var(--orero-muted); font-size: .75rem; }
html[data-theme] #task-activity .task-activity-event,
html[data-theme] #chat-messages .chat-message { position: relative; flex: 0 0 auto; width:fit-content; max-width: min(680px, 100%); min-width: 0; padding: 8px 12px 5px; border: 1px solid color-mix(in srgb, var(--orero-line) 50%, transparent); border-radius: 11px 11px 11px 4px; box-shadow: 0 1px 4px #172d4208; color: var(--orero-ink); align-self: flex-start; text-align: left; }
html[data-theme] #task-activity .task-activity-event.own,
html[data-theme] #chat-messages .chat-message.own { border-radius: 14px 14px 14px 4px; }
#task-activity .task-event-actor, #chat-messages .chat-message-author { display: block; margin-bottom: 3px; }
#task-activity .task-event-actor strong, #chat-messages .chat-message-author strong { font-size: .78rem; line-height: 1.35; }
#chat-messages .chat-message-author strong { color:var(--theme-accent); }
#task-activity .task-message-avatar, #chat-messages .chat-message-avatar { position: absolute; left: -40px; top: 2px; display: inline-flex; padding: 0; border: 0; background: transparent; border-radius: 50%; }
#task-activity .task-message-avatar .person-avatar, #chat-messages .chat-message-avatar .person-avatar { width: 30px; height: 30px; flex-basis: 30px; box-shadow: none; }
#task-activity .task-activity-event > p, #chat-messages .chat-message-body { margin: 3px 0 2px; font-size: .875rem; line-height: 1.5; }
#task-activity .task-message-footer, #chat-messages .chat-message-meta { display: flex; flex-wrap:wrap; align-items: center; justify-content: flex-end; gap: 2px 0; min-height: 36px; }
#task-activity .task-comment-tools, #chat-messages .chat-actions { display: flex; flex-wrap: nowrap; margin: 0; gap: 0; }
html:root :is(#task-activity .task-message-footer,#chat-messages .chat-message-meta)>.content-reactions-compact { margin:0; }
html[data-theme] #task-activity button.task-message-action,
html[data-theme] #chat-messages .chat-actions .chat-icon-button,
html[data-theme] #task-drawer button.task-edit-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 7px; background: transparent; color: var(--orero-muted); box-shadow: none; text-decoration: none; }
#task-activity .task-message-action svg, #chat-messages .chat-actions svg { width:16px;height:16px; }
html[data-theme] #task-activity button.task-message-action:hover,
html[data-theme] #chat-messages .chat-actions .chat-icon-button:hover,
html[data-theme] #task-drawer button.task-edit-icon:hover { background: var(--theme-hover); color: var(--theme-accent); }
html[data-theme] #task-activity button.task-message-action:focus-visible,
html[data-theme] #chat-messages .chat-actions .chat-icon-button:focus-visible,
html[data-theme] #task-drawer button.task-edit-icon:focus-visible { outline: 1px solid var(--theme-accent); outline-offset: 2px; }
#task-activity button[data-confirm="yes"] { color: var(--theme-accent); background: var(--theme-soft); }
#task-activity .task-message-footer time, #chat-messages .chat-message-meta time { margin: 0 0 0 auto; white-space: nowrap; font-size: .7rem; }
#task-activity .task-message-edited, #chat-messages .chat-message-edited { font-size: .7rem; margin: 0; color:var(--orero-muted); }
#task-activity :is(.news-quote, .message-reply-reference), #chat-messages .chat-message-quote { margin: 6px 0; padding: 6px 9px; border: 0; border-left: 2px solid var(--theme-accent); border-radius: 2px 6px 6px 2px; background: color-mix(in srgb, var(--theme-system) 82%, transparent); font-size: .78rem; line-height:1.45; overflow-wrap: anywhere; }
#task-activity .message-reply-reference .reply-source-link { padding: 0; min-height: 28px; text-align: left; color: var(--theme-accent); }
#task-activity .news-quote cite { display: block; margin-top: 5px; font-size: .78rem; }
#task-activity .news-files { margin-block: 8px; }
html[data-theme] #task-activity .task-activity-event.is-editing { width: 100%; }
#task-activity .task-message-edit { min-width: 0; width: 100%; gap: 12px; margin: 12px 0; }
#task-activity .task-message-edit textarea { width: 100%; min-height: 180px; max-height: 360px; padding: 14px; font-size: .96rem; line-height: 1.6; }
#task-activity .task-message-edit-actions { flex-wrap: wrap; align-items: center; }
#task-activity .task-message-edit-actions .emoji-trigger { margin-right: auto; }
html[data-theme] #task-activity .task-activity-event.system { min-width: 0; max-width: 92%; padding: 9px 14px 6px; border: 0; border-radius: 12px; background: color-mix(in srgb, var(--theme-system) 85%, transparent); box-shadow: none; color: var(--orero-muted); }
#task-activity .system .task-event-actor strong { font-size: .76rem; font-weight: 500; }
#task-activity .system > p { margin: 3px 0; font-size: .76rem; line-height: 1.45; }
#task-activity .system .task-message-footer { min-height: 16px; justify-content: center; }
.task-detail-stream .task-stream-heading { padding: 16px 22px 12px; }
@media (min-width: 1100px) { .task-detail-layout { grid-template-columns: minmax(360px, 38%) minmax(0, 1fr); } }
@media (min-width: 701px) and (max-width: 1099px) {
  .task-detail-fields { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .task-detail-fields dd { margin-bottom: 10px; }
}
@media (max-width: 700px) {
  #task-activity, #chat-stream { padding: 12px 10px 16px 49px; gap: 10px; }
  #chat-messages .chat-message-avatar { left:-41px; }
  #chat-messages .chat-message-avatar .person-avatar { width:32px; height:32px; flex-basis:32px; }
  #task-activity .task-message-avatar { left: -41px; }
  #task-activity .task-message-avatar .person-avatar { width: 32px; height: 32px; flex-basis: 32px; }
  html[data-theme] #task-activity .task-activity-event, html[data-theme] #chat-messages .chat-message { padding: 8px 10px 4px; }
  #task-activity .task-discussion-date, #chat-messages .chat-day { margin-left: -41px; }
  #task-activity .task-comment-tools, #chat-messages .chat-actions { gap: 0; }
  #task-activity .task-message-footer, #chat-messages .chat-message-meta { flex-wrap: wrap; row-gap:4px; }
}
@media (max-width:700px),(pointer:coarse) {
  html[data-theme] #task-activity button.task-message-action, html[data-theme] #chat-messages .chat-actions .chat-icon-button { width:44px;min-width:44px;height:44px;min-height:44px; }
}