.message-nav-badge{float:right;min-width:20px;padding:1px 6px;border-radius:999px;background:#e44747;color:#fff;text-align:center;font-size:11px;font-weight:800}.message-shell{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 145px);min-height:560px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.message-peers{border-right:1px solid var(--line);overflow:auto}.message-peer-head{position:sticky;top:0;z-index:1;padding:16px;background:#fff;border-bottom:1px solid var(--line)}.message-peer-head strong{display:block;margin-bottom:10px}.message-peer-head input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px}.message-peer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;align-items:center;gap:10px;padding:13px 15px;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;cursor:pointer}.message-peer:hover,.message-peer.active{background:#eef5ff}.message-peer span strong,.message-peer span small{display:block}.message-peer span small{color:var(--muted)}.message-peer>b{min-width:22px;padding:2px 6px;border-radius:999px;background:var(--blue);color:#fff;text-align:center;font-size:11px}.message-avatar{width:38px;height:38px;display:grid!important;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:12px;font-weight:800}.message-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#f5f8fc}.message-chat header{padding:15px 18px;background:#fff;border-bottom:1px solid var(--line)}.message-chat header strong,.message-chat header span{display:block}.message-chat header span{font-size:12px;color:var(--muted)}.message-list{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:10px}.message-bubble{align-self:flex-start;max-width:min(72%,620px);padding:10px 13px;border:1px solid var(--line);border-radius:5px 14px 14px;background:#fff;box-shadow:0 3px 12px #1020300a}.message-bubble.mine{align-self:flex-end;border-color:#c6d9ff;background:#eaf2ff;border-radius:14px 5px 14px 14px}.message-bubble small{color:var(--blue);font-weight:700}.message-bubble p{margin:3px 0;overflow-wrap:anywhere}.message-bubble time{display:block;color:var(--muted);font-size:10px;text-align:right}.message-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;background:#fff;border-top:1px solid var(--line)}.message-compose textarea{resize:none;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.message-empty{margin:auto;padding:24px;text-align:center;color:var(--muted)}.message-empty.error{color:var(--red)}@media(max-width:720px){.message-shell{grid-template-columns:1fr;height:auto}.message-peers{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.message-chat{min-height:520px}.message-bubble{max-width:88%}}
.message-attachment-tools{display:flex;align-items:center;gap:8px;grid-column:1/-1;flex-wrap:wrap}.message-attachment-tools span{font-size:12px;color:#64748b;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-image{display:block;max-width:min(320px,100%);max-height:260px;margin-top:8px;border-radius:10px;object-fit:cover}.message-file,.message-location{display:inline-block;margin-top:8px;padding:9px 11px;border-radius:9px;background:#eef5ff;color:#1457b8;text-decoration:none;font-weight:700}
.message-attach-button{display:inline-flex!important;align-items:center;cursor:pointer}.message-send-status{grid-column:1/-1;min-height:20px;padding:0 14px 8px;background:#fff;font-size:13px;color:#64748b}.message-send-status.success{color:#08783e;font-weight:700}.message-send-status.error{color:#b42318;font-weight:700}
.message-peer-identity{display:flex;min-width:0;flex-direction:column;line-height:1.25}.message-peer-identity strong,.message-peer-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-peer-identity small{margin-top:2px}.message-peer-seen.online,.message-head-presence.online{color:#159447!important}.message-peer-seen.offline,.message-head-presence.offline{color:#718096!important}
.completion-thumb{display:block!important;width:100%;margin-top:7px;padding:0!important;overflow:hidden;border:1px solid #cbdcf3!important;border-radius:10px!important;background:#fff!important;color:#1769ff!important;cursor:pointer}.completion-thumb img{display:block;width:100%;height:105px;object-fit:cover;background:#edf2f7}.completion-thumb span{display:block;padding:6px 4px;font-size:11px;font-weight:700}.completion-photo-empty{display:block;padding-top:7px;color:var(--muted)}
.message-chat{min-height:0!important;overflow:hidden}.message-list{min-height:0!important;overflow-y:auto!important}.message-compose{position:relative;z-index:6;flex-shrink:0;min-height:74px;background:#fff!important}.message-compose textarea{display:block!important;min-height:46px}.message-compose button[type=submit]{display:block!important;align-self:stretch}.message-send-status{position:relative;z-index:7;background:#fff}
.message-chat{grid-template-rows:auto minmax(0,1fr) auto auto!important}