/* ═══════════════════════════════════════════════════════════════════
   ShukWAY · Team Conversations · Sprint 19
   ═══════════════════════════════════════════════════════════════════ */

.conv-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--sp-4);min-height:calc(100vh - 160px)}
.conv-rail{display:flex;flex-direction:column;gap:var(--sp-2)}

/* Focus strip */
.focus-strip{padding:var(--sp-3);background:var(--orange-soft);border:1px solid var(--orange-mist);border-right:3px solid var(--orange);border-radius:var(--r-md);margin-bottom:var(--sp-3);font-size:var(--text-sm)}

/* Thread rows */
.thread-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);cursor:pointer;transition:background var(--tx-fast);border:1px solid transparent}
.thread-row:hover{background:var(--cream-warm)}
.thread-row.active{background:var(--paper);border-color:var(--border-strong);border-right:3px solid var(--orange)}
.thread-icon{font-size:var(--text-lg);flex-shrink:0}
.thread-info{flex:1;min-width:0}
.thread-name{font-size:var(--text-sm);font-weight:500}
.thread-preview{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-unread{background:var(--orange);color:var(--paper);font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--r-pill);min-width:18px;text-align:center}

/* Message feed */
.conv-feed{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--border-strong);border-radius:var(--r-lg);overflow:hidden}
.conv-feed-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--text-sm)}
.conv-messages{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);max-height:calc(100vh - 320px)}

/* Bubbles */
.msg-bubble{max-width:80%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);word-break:break-word;font-size:var(--text-sm);line-height:1.6}
.msg-out{align-self:flex-end;background:var(--orange-soft);color:var(--ink)}
.msg-in{align-self:flex-start;background:var(--cream-deep);color:var(--ink)}
.msg-sender{font-size:11px;font-weight:600;margin-bottom:2px}
.msg-time{font-size:10px;color:var(--muted);margin-top:2px}
.msg-deleted{opacity:0.5;font-style:italic}

/* Composer */
.composer{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex;gap:var(--sp-2);align-items:flex-end;padding-bottom:max(var(--sp-3), env(safe-area-inset-bottom))}
.composer-textarea{flex:1;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);font-family:var(--font);font-size:var(--text-sm);resize:none;min-height:36px;max-height:120px}
.composer-textarea:focus{outline:none;border-color:var(--teal)}
.composer-send{background:var(--orange);color:var(--paper);border:none;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-family:var(--font);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap}
.composer-send:hover{background:var(--orange-deep)}
.composer-send:disabled{opacity:0.4;cursor:not-allowed}

/* Mention popover */
.mention-popover{position:absolute;bottom:100%;right:0;background:var(--paper);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--sh-md);z-index:var(--z-dropdown);min-width:200px;display:none}
.mention-popover.visible{display:block}
.mention-row{padding:var(--sp-2) var(--sp-3);cursor:pointer;font-size:var(--text-sm);transition:background var(--tx-fast)}
.mention-row:hover{background:var(--cream-warm)}

/* Mobile */
@media(max-width:768px){
  .conv-grid{grid-template-columns:1fr;min-height:auto}
  .conv-rail{flex-direction:row;overflow-x:auto;gap:var(--sp-2);padding-bottom:var(--sp-2)}
  .thread-row{min-width:140px;flex-shrink:0}
  .thread-preview{display:none}
  .conv-messages{max-height:50vh}
}