/* conversations.css — company conversations tab (6.7.0). Uses the existing design tokens; no new palette. */
.conv-root{display:flex;flex-direction:column;gap:10px}
.conv-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}
.conv-sep{opacity:.5}
.conv-reader{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);padding:6px 10px;border:1px solid var(--border,rgba(128,128,128,.25));border-radius:8px}
.conv-reader-new .input-field{max-width:220px}
.conv-grid{display:grid;grid-template-columns:minmax(230px,300px) minmax(320px,1fr) minmax(250px,330px);gap:12px;align-items:start}
@media (max-width:1100px){.conv-grid{grid-template-columns:1fr}}
.conv-col{min-width:0}
.conv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.conv-chips button{border:1px solid var(--border,rgba(128,128,128,.3));background:transparent;color:inherit;border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}
.conv-chips button.active{background:var(--accent,#2563eb);color:#fff;border-color:transparent}
.conv-dept h4{margin:10px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}
.conv-agent{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;border:1px solid transparent}
.conv-agent:hover{background:rgba(128,128,128,.08)}
.conv-agent.active{border-color:var(--accent,#2563eb);background:rgba(37,99,235,.08)}
.conv-agent-main{display:flex;flex-direction:column;min-width:0;flex:1}
.conv-agent-main strong,.conv-agent-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv-unread{background:var(--danger,#c0392b);color:#fff;border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 6px}
.conv-thread-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.conv-thread-head small{display:block;color:var(--text-2)}
.conv-messages{max-height:420px;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px}
.conv-msg{border:1px solid var(--border,rgba(128,128,128,.25));border-radius:10px;padding:6px 10px;max-width:92%}
.conv-msg.user{align-self:flex-end;background:rgba(37,99,235,.08)}
.conv-msg header{display:flex;gap:8px;align-items:baseline}
.conv-msg header small{color:var(--text-2);font-size:12px}
.conv-msg p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.conv-msg mark{background:rgba(250,204,21,.35);padding:0 2px;border-radius:3px}
.conv-compose textarea{width:100%;box-sizing:border-box;resize:vertical}
.conv-mentions{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}
.conv-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.conv-panel h5{margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2)}
.conv-panel ul{margin:0;padding-left:16px}
.conv-tag{display:inline-block;border:1px solid var(--border,rgba(128,128,128,.3));border-radius:6px;padding:0 6px;margin:0 4px 4px 0;font-size:11.5px}
.conv-tag.soft{opacity:.7}
.conv-picks{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:8px 0}
.conv-appflowy a{word-break:break-all}
/* narrow screens: nothing may force the surface wider than its container */
.conv-root{min-width:0;max-width:100%}
.conv-nav,.conv-reader,.conv-msg p,.conv-appflowy a,.conv-panel,.conv-thread-head small{overflow-wrap:anywhere}
.conv-reader,.conv-thread-head,.conv-actions{min-width:0}
.conv-reader .input-field{min-width:0;max-width:100%}
.conv-thread-head{flex-wrap:wrap}
.conv-agent{min-width:0;flex-wrap:wrap}
@media (max-width:1100px){.conv-grid{grid-template-columns:minmax(0,1fr)}.conv-picks{grid-template-columns:minmax(0,1fr)}.conv-messages{max-height:320px}}
.conv-root .btn,.conv-root .runtime-text-action{white-space:normal;max-width:100%;text-align:left}
.conv-root .input-field,.conv-root select,.conv-root textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.conv-root .conv-picks label{min-width:0;overflow-wrap:anywhere}

.conv-unresolved{opacity:.65;text-decoration:underline dotted}
.conv-agent-main small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.conv-dept>.btn{display:flex;margin-top:8px}
.conv-mentions .runtime-text-action{border:1px solid var(--border,rgba(128,128,128,.3));border-radius:6px;padding:1px 8px;font-size:12px}
.conv-root .input-field{background:var(--surface-2,rgba(128,128,128,.08));color:inherit}

/* narrow screens: full-screen surface with its own navigation (List / Conversation / Details) */
.conv-shell.conv-narrow{position:fixed;inset:0;z-index:80;overflow-y:auto;overflow-x:hidden;background:var(--bg,#0b0d12);padding:10px 12px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}
.conv-mbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:2;background:var(--bg,#0b0d12);padding-bottom:6px}
.conv-mbar nav{display:flex;gap:6px;flex:1;min-width:0}
.conv-mbar button{border:1px solid var(--border,rgba(128,128,128,.35));background:transparent;color:inherit;border-radius:999px;padding:8px 12px;font-size:14px;min-height:40px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.conv-mbar nav button{flex:1;justify-content:center}
.conv-mbar nav button.active{background:var(--accent,#2563eb);color:#fff;border-color:transparent}
.conv-narrow .conv-col{display:none}
.conv-narrow.conv-view-roster .conv-roster,.conv-narrow.conv-view-thread .conv-main,.conv-narrow.conv-view-panel .conv-side{display:block}
.conv-narrow .conv-grid{display:block}
.conv-narrow .conv-agent{padding:10px 8px;min-height:44px}
.conv-narrow .conv-chips button{padding:8px 12px;min-height:36px}
.conv-narrow .conv-messages{max-height:none;min-height:30vh}
.conv-narrow .conv-compose textarea{font-size:16px}
.conv-narrow .btn,.conv-narrow .runtime-text-action{min-height:36px}

.conv-hint{display:block;color:var(--text-2);font-size:12px;margin:2px 0 6px}