/* Marina: compact peer discussions inside the agent DM; no routing or state. */
.channel.conversation:has(>.agent-conversations),.remote-conversation:has(>.agent-conversations){grid-template-rows:auto auto minmax(0,1fr) auto}
.agent-conversations{min-width:0;margin:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink);flex:none}
.agent-conversations>summary{display:flex;align-items:center;flex-wrap:wrap;gap:3px 10px;min-height:44px;padding:8px clamp(18px,3vw,36px);cursor:pointer;list-style:none;font:500 .875rem/1.45 var(--sans)}
.agent-conversations>summary::-webkit-details-marker{display:none}
.agent-conversations>summary::before{content:'›';font:400 1.125rem/1 var(--sans);width:12px;flex:none;color:var(--muted);text-align:center}
.agent-conversations[open]>summary::before{content:'⌄'}
.agent-conversations-title{font-weight:600}
.agent-conversations-count{font:400 .8125rem/1.45 var(--sans);color:var(--muted)}
.agent-conversations-activity{margin-left:auto;font:400 .8125rem/1.45 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.agent-conversations-body{max-height:min(260px,36dvh);overflow:auto;overscroll-behavior:contain;padding:0 clamp(18px,3vw,36px) 10px;min-width:0;scrollbar-gutter:stable}
.agent-conversations-note{margin:0 0 8px;font:400 .8125rem/1.5 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.agent-conversations-list{list-style:none;margin:0;padding:0;display:grid;min-width:0}
.agent-conversation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;padding:8px 0;border-top:1px solid var(--line);min-width:0}
.agent-conversation-copy{display:grid;gap:3px;min-width:0}
.agent-conversation-participants{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px;font:600 .9375rem/1.4 var(--sans);margin:0;overflow-wrap:anywhere}
.agent-conversation-synopsis{font:400 .875rem/1.5 var(--sans);color:var(--muted);margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.agent-conversation-meta{font:400 .8125rem/1.45 var(--sans);color:var(--muted);margin:0;display:flex;flex-wrap:wrap;gap:3px 8px;overflow-wrap:anywhere}
.agent-conversation-open{min-width:48px;min-height:36px;padding:6px 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);text-decoration:none;font:500 .875rem/1.4 var(--sans);white-space:normal;overflow-wrap:anywhere}
.agent-conversation-open:hover{background:var(--surface-2);border-color:var(--accent)}
.agent-conversations-empty,.agent-conversations-error{margin:0;padding:6px 0;font:400 .875rem/1.5 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.agent-conversations-more{min-height:44px;display:inline-flex;align-items:center;gap:6px;margin-top:6px;font:500 .875rem/1.5 var(--sans);text-underline-offset:3px}
.agent-conversations :is(summary,a,button):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:820px){
 .channel.conversation:has(>.agent-conversations),.remote-conversation:has(>.agent-conversations){grid-template-rows:max-content auto minmax(6rem,1fr) max-content;overflow:auto}
 .agent-conversations>summary{padding-inline:14px;gap:3px 8px}
 .agent-conversations-activity{margin-left:0;flex:1 1 100%;padding-left:20px}
 .agent-conversations-body{padding-inline:14px;max-height:30dvh;scrollbar-gutter:auto}
 .agent-conversation-open{min-height:44px}
 .agent-conversation-row{column-gap:8px}
}
@media(max-width:380px) and (max-height:760px){.agent-conversations-body{max-height:22dvh}}
@media(pointer:coarse){.agent-conversation-open{min-height:44px}}
@media(forced-colors:active){.agent-conversation-open{border-color:ButtonText}.agent-conversations :is(summary,a,button):focus-visible{outline-color:Highlight}}

.agent-conversation-unread{font:400 .8125rem/1.45 var(--sans);color:var(--muted)}
