/* Compact conversation layout; media nodes survive incoming-message polling. */
.messenger-nav{position:relative}
.chat-unread{display:inline-flex!important;align-items:center;justify-content:center;min-width:17px!important;height:17px;padding:0 4px;background:#d64a57;color:white!important;font-size:10px!important;border-radius:10px;line-height:1!important}
.chat-unread[hidden]{display:none!important}.sidebar .chat-unread{margin-left:auto}.mobile-nav .chat-unread{position:absolute;top:0;right:2px}
.messenger-active .workspace-tabs{display:none}
.messenger-active .main-column{height:100dvh;display:flex;flex-direction:column;padding-top:0;padding-bottom:12px;overflow:hidden}
.messenger-active .topbar{flex:none;min-height:48px;height:48px;padding:0;gap:8px}
.messenger-active .topbar h1{font-size:15px;letter-spacing:0}
.messenger-active .eyebrow,.messenger-active .sync-label{display:none}
.messenger-active .topbar-right{gap:0}
.messenger-active .avatar{width:auto;max-width:150px;height:auto;min-height:0;border-radius:4px;background:none;color:#83798d;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messenger-active #chat-view{display:flex;flex:1;min-height:0}
.messenger-panel{display:flex;flex:1;flex-direction:column;position:relative;background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;height:100%;min-height:0;max-height:none}
.chat-room-heading{position:relative;flex:none;height:0;min-height:0;padding:0;border:0}
.chat-network-status{position:absolute;right:10px;top:6px;z-index:2;padding:4px 7px;background:#fff5df;border-radius:4px;color:#ac6724;font-size:11px;white-space:nowrap}
.chat-history-toolbar{flex:none;padding:0 10px;text-align:center;font-size:11px;color:var(--muted);min-height:0}
.chat-history-toolbar button{min-height:44px;font-size:12px;padding:5px 10px}
.chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 10px;scrollbar-width:thin;overflow-anchor:none;background:#f8f7fb}
.chat-empty{padding:28px 10px;text-align:center;font-size:12px;color:var(--muted)}
.chat-date-divider{text-align:center;color:#8b8295;font-size:10px;line-height:1.3;margin:8px 0 12px}
.chat-message{display:flex;align-items:flex-start;gap:6px;margin:0 0 10px;max-width:100%}
.chat-message.mine{flex-direction:row-reverse}
.chat-message-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#ebe5f4;color:#74579a;font-size:10px;font-weight:700;flex:none}
.chat-message.mine .chat-message-avatar{display:none}
.chat-message-content{min-width:0;max-width:80%;display:flex;flex-direction:column;align-items:flex-start}
.chat-message.mine .chat-message-content{align-items:flex-end}
.chat-message-author{font-size:11px;color:#6d627a;margin:0 0 3px;line-height:1.3}
.chat-message-bubble{min-width:28px;padding:6px 9px;border:1px solid #e6e1ed;border-radius:1px 10px 10px 10px;background:white;color:#43394c;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.45}
.chat-message.mine .chat-message-bubble{background:#eee5fb;border-color:#e1d3f5;border-radius:10px 1px 10px 10px}
.chat-message-meta{display:flex;align-items:center;gap:7px;margin-top:3px;min-height:16px;font-size:10px;line-height:1.2;color:#92849e}
.chat-message-delete{position:relative;font-size:10px;line-height:16px;min-height:16px;padding:0 3px;color:#8a7d94}
.chat-message-delete:before{content:"";position:absolute;inset:-8px -7px}
.chat-deleted-message .chat-message-bubble{background:#f3f0f5;border-color:#e7e1eb;color:#94869e;font-style:italic}
.chat-message-media{display:grid;gap:5px;margin:4px 0 0;max-width:100%;width:180px}
.chat-media-card{min-width:0;overflow:hidden;border-radius:6px;border:1px solid #e3dbea;background:white}
.chat-media-card img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain;margin:auto;background:#f2eef6}
.chat-media-card video{display:block;width:100%;max-height:160px;background:#1f1b25}
.chat-media-fallback{padding:9px;color:#7b6c89;font-size:11px}
.chat-media-caption{display:flex;align-items:center;gap:5px;padding:0 6px;font-size:10px;min-height:30px}
.chat-media-caption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.chat-media-caption a{flex:none;min-height:30px;display:flex;align-items:center;color:#7045ca}
.chat-preview-link{display:block;cursor:zoom-in}
.chat-jump-latest{position:absolute;right:12px;bottom:70px;z-index:2;padding:7px 11px;min-height:38px;border:1px solid #ded2ee;background:white;color:#70528e;box-shadow:0 4px 18px #39235115;font-size:11px;border-radius:20px}
.chat-composer{border-top:1px solid var(--line);padding:6px 8px;background:white;flex:none}
.chat-compose-row{display:flex;align-items:flex-end;gap:5px}
.chat-compose-row textarea{resize:none;margin:0;min-height:40px;height:40px;max-height:88px;line-height:20px;flex:1;background:#faf9fc;border-color:#e2dbe9;font-size:13px;padding:9px 8px;overflow-y:auto;border-radius:7px}
.chat-compose-row textarea::placeholder{font-size:12px;white-space:nowrap;color:#978b9f}
.chat-add-files{padding:0;min-width:44px;width:44px;height:44px;min-height:44px;font-size:24px;color:#8865a8;background:#f4effb;flex:none}
.chat-compose-row>button[type=submit]{height:44px;min-height:44px;min-width:44px;padding:5px 9px;font-size:12px;flex:none}
.chat-compose-foot{color:#95859f;font-size:10px;margin-top:4px;min-height:0}
.chat-composer .error{font-size:11px;margin-top:5px}
.chat-attachments{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}
.chat-draft-attachment{display:flex;align-items:center;gap:5px;padding:3px 5px;max-width:100%;border:1px solid #e4d8f0;background:#f8f3fd;border-radius:5px}
.chat-draft-preview{width:30px;height:30px;border-radius:4px;object-fit:cover;flex:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:#8663a7;background:#eee5f6}
.chat-draft-info{max-width:110px;min-width:0}
.chat-draft-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500}
.chat-draft-info span{display:block;color:#947ca8;font-size:10px}
.chat-draft-remove{padding:0;min-width:44px;width:44px;min-height:38px;font-size:17px;color:#9d839d}
@media(max-width:760px){
  .mobile-nav{padding:2px 3px calc(4px + env(safe-area-inset-bottom));min-height:54px}
  .mobile-nav button{min-width:44px;min-height:48px;font-size:10px;line-height:1.2;padding:4px 0;gap:3px}
  .mobile-nav button>span{font-size:19px;line-height:1.1}
  .messenger-active{position:fixed;top:var(--chat-viewport-top,0px);left:0;right:0;height:var(--chat-viewport-height,100dvh);min-height:0;overflow:hidden}
  .messenger-active .main-column{height:100%;padding:0 0 calc(54px + env(safe-area-inset-bottom));max-width:none;min-height:0}
  .messenger-active .topbar{height:40px;min-height:40px;padding:0 12px;gap:7px;margin:0}
  .messenger-active .topbar h1{font-size:14px}
  .messenger-active .avatar{font-size:11px;max-width:130px}
  .messenger-active .mobile-nav{position:absolute;bottom:0;left:0;right:0}
  .messenger-active .messenger-panel{border:0;border-top:1px solid var(--line);border-radius:0}
  .chat-messages{padding:8px 10px 9px}.chat-message-content{max-width:83%}
  .chat-message-media{width:180px}
  .chat-compose-row textarea{font-size:13px}
  .chat-draft-info{max-width:100px}
}
@media(max-height:420px) and (max-width:760px){.messenger-active .topbar{height:30px;min-height:30px}.chat-messages{padding-top:5px}.chat-compose-row textarea{max-height:68px}}