.layout-wrap.chat-layout .container{ display: flex; flex-direction: column; }
.layout-wrap.chat-layout .chat-shell{
  flex: 1 1 auto;
  min-height: calc(100vh - 110px);
  max-height: calc(100vh - 110px);
  margin-top: 0;
}
.chat-shell{
  display: flex;
  gap: 16px;
  align-items: stretch;
  min-height: 520px;
  margin-top: 6px;
}
.chat-online{
  flex: 0 0 230px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.chat-online-head{
  padding: 12px 14px;
  font-weight: 700;
  color: #b85c18;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 8px;
}
.chat-online-count{
  background: rgba(242,101,34,.12);
  color: #b85c18;
  border-radius: 20px;
  padding: 1px 8px;
  font-size: 12px;
  font-weight: 700;
}
.chat-online-list{ flex: 1; overflow-y: auto; padding: 8px; }
.chat-online-user{ display: flex; align-items: center; gap: 6px; padding: 7px 10px; font-size: 14px; color: #1a1a2e; border-radius: 8px; cursor: pointer; transition: background .15s; white-space: nowrap; overflow: hidden; }
.chat-online-user .chat-online-name{ overflow: hidden; text-overflow: ellipsis; }
.chat-online-user.me{ background: rgba(242,101,34,.06); }
.chat-online-user:hover{ background: rgba(242,101,34,.08); }
.chat-role-sym{ font-size: 12px; margin-left: 1px; }
.chat-you{ font-style: italic; color: var(--muted); font-size: 12px; }
.chat-dm-hint{ margin-left: auto; font-size: 12px; opacity: .5; }
.chat-online-user:hover .chat-dm-hint{ opacity: 1; }
.chat-emoji-btn{ background: none; border: none; font-size: 20px; cursor: pointer; padding: 0 6px; line-height: 1; }
.chat-panel{ position: relative; }
.chat-emoji-picker{
  position: absolute;
  bottom: 56px;
  right: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  width: 216px;
  max-height: 160px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 8px;
  box-shadow: 0 -2px 14px rgba(0,0,0,.14);
  z-index: 20;
}
.chat-emoji-picker[hidden]{ display: none; }
.chat-emoji-item{ cursor: pointer; font-size: 20px; padding: 3px; border-radius: 6px; }
.chat-emoji-item:hover{ background: #f0f0f2; }
.chat-online-user .dot{
  width: 9px; height: 9px;
  border-radius: 50%;
  background: #2ecc71;
  flex-shrink: 0;
  display: inline-block;
}
.chat-rooms{
  flex: 0 0 330px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.chat-rooms-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  font-weight: 700;
  color: #b85c18;
  border-bottom: 1px solid var(--border);
}
.chat-btn{
  border: 1px solid rgba(242,101,34,.4);
  background: #fff;
  color: #b85c18;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 12px;
}
.chat-btn:hover{ background: rgba(242,101,34,.08); }
.chat-btn-small{ padding: 4px 10px; }
.chat-rooms-list{ flex: 1; overflow-y: auto; padding: 8px; }
.chat-room-item{
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 4px;
  border: 1px solid transparent;
  transition: background .15s;
}
.chat-room-item:hover{ background: #f7f7f8; }
.chat-room-item.active{ background: rgba(242,101,34,.1); border-color: rgba(242,101,34,.25); }
.chat-room-name{ font-weight: 600; font-size: 14px; color: #1a1a2e; display: flex; align-items: center; gap: 6px; }
.chat-room-del{ margin-left: auto; cursor: pointer; font-size: 12px; opacity: .4; }
.chat-room-del:hover{ opacity: 1; }
.chat-room-meta{ font-size: 12px; color: var(--muted); margin-top: 2px; }
.chat-empty{ color: var(--muted); font-size: 13px; padding: 10px; }
.chat-panel{
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}
.chat-room-title{
  padding: 12px 16px;
  font-weight: 700;
  font-size: 16px;
  color: #b85c18;
  border-bottom: 1px solid var(--border);
}
.chat-announcement{
  margin: 10px 12px 4px;
  border: 1px solid rgba(242, 101, 34, 0.35);
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.6;
  color: #a34a12;
}
.chat-announcement[hidden]{ display: none; }
.chat-modbar{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 6px 14px;
  background: #fff7f0;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
}
.chat-mod-btn{
  background: #f26522; color: #fff; border: none; border-radius: 8px;
  padding: 4px 10px; font-size: 12px; font-weight: 600; cursor: pointer;
}
.chat-mod-btn:hover{ background: #d9561c; }
.chat-modlist{ display: inline-flex; gap: 6px; flex-wrap: wrap; }
.chat-mod-chip{
  background: #fff; border: 1px solid var(--border); border-radius: 999px;
  padding: 2px 8px; font-size: 11px; color: #b85c18; cursor: default;
}
.chat-mod-chip:hover{ border-color: #f26522; }
.chat-messages{
  flex: 1;
  overflow-y: auto;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 0.5px;
  background: #fbfaf8;
  min-height: 420px;
}
.chat-empty-hint{ color: var(--muted); text-align: center; font-size: 14px; margin: auto; }
.chat-msg{ display: flex; flex-direction: column; max-width: 72%; }
.chat-msg.own{ align-self: flex-end; align-items: flex-end; }
.chat-msg.other{ align-self: flex-start; align-items: flex-start; }
.chat-msg > *{ max-width: 100%; }
.chat-msg-head{ display: flex; align-items: baseline; gap: 6px; margin-bottom: 1px; }
.chat-msg-head.own{ justify-content: flex-end; }
.chat-msg-name{ font-size: 12px; font-weight: 600; color: #b85c18; }
.chat-msg-time{ color: var(--muted); font-size: 11px; white-space: nowrap; }
.chat-bubble{
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.35;
  word-wrap: break-word;
  white-space: pre-wrap;
  width: fit-content;
}
.chat-msg.other .chat-bubble{ background: #fff; border: 1px solid var(--border); color: #1a1a2e; border-top-left-radius: 4px; }
.chat-msg.own .chat-bubble{ background: #f26522; color: #fff; border-top-right-radius: 4px; }
.chat-actions{ display: flex; gap: 4px; margin-top: 4px; opacity: 0; transition: opacity .15s; }
.chat-msg:hover .chat-actions{ opacity: 1; }
.chat-act{ background: none; border: 1px solid transparent; border-radius: 6px; cursor: pointer; font-size: 13px; padding: 2px 5px; color: #8a8a9e; }
.chat-act:hover{ background: #f0f0f2; color: #1a1a2e; border-color: var(--border); }
.chat-reply-preview{ font-size: 12px; color: var(--muted); background: rgba(0,0,0,.04); border-left: 3px solid var(--border); border-radius: 4px; padding: 4px 8px; margin-bottom: 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-reply-prev-name{ font-weight: 700; color: #b85c18; margin-right: 6px; }
.chat-reply-prev-body{ color: var(--muted); }
.chat-reactions{ display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.chat-reaction{ background: #f2f2f4; border: 1px solid var(--border); border-radius: 12px; padding: 1px 7px; font-size: 12px; cursor: pointer; }
.chat-reaction.mine{ background: rgba(242,101,34,.15); border-color: rgba(242,101,34,.4); }
.chat-listing-card{ display: flex; gap: 10px; align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 8px; max-width: 260px; }
.chat-listing-img{ width: 56px; height: 56px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.chat-listing-info{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.chat-listing-title{ font-weight: 700; font-size: 13px; color: #1a1a2e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-listing-price{ font-size: 13px; color: #d24a0e; font-weight: 700; }
.chat-listing-link{ font-size: 12px; color: var(--primary); text-decoration: none; }
.chat-react-pop{ position: fixed; z-index: 9999; display: flex; gap: 4px; background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 5px; box-shadow: 0 4px 14px rgba(0,0,0,.15); }
.chat-react-opt{ cursor: pointer; font-size: 18px; padding: 3px; border-radius: 6px; }
.chat-react-opt:hover{ background: #f0f0f2; }
.chat-composer{ display: flex; flex-direction: column; gap: 8px; padding: 12px; border-top: 1px solid var(--border); }
.chat-composer-row{ display: flex; gap: 8px; align-items: center; }
.chat-attach{ display: flex; align-items: center; gap: 8px; background: rgba(242,101,34,0.10); border: 1px solid rgba(242,101,34,0.30); border-radius: 8px; padding: 7px 10px; font-size: 13px; }
.chat-attach[hidden]{ display: none; }
.chat-attach-label{ color: #a34a12; font-weight: 600; white-space: nowrap; }
.chat-attach-title{ color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.chat-attach-hint{ color: #a34a12; font-size: 12px; white-space: nowrap; opacity: .85; }
.chat-bubble-text{ margin-top: 6px; }
.chat-attach-x{ background: none; border: none; color: #a34a12; font-size: 14px; cursor: pointer; padding: 0 2px; }
.chat-composer input{
  flex: 1;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 10px 16px;
  font-size: 14px;
  outline: none;
}
.chat-composer input:focus{ border-color: rgba(242,101,34,.5); }
.chat-reply-bar, .chat-listing-bar{
  display: flex; align-items: center; gap: 8px;
  background: #f7f2ec; border: 1px solid var(--border); border-radius: 8px;
  padding: 6px 10px; font-size: 13px;
}
.chat-reply-label{ color: #b85c18; font-weight: 600; white-space: nowrap; }
.chat-reply-text{ color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-reply-cancel{ margin-left: auto; background: none; border: none; cursor: pointer; font-size: 14px; color: var(--muted); }
.chat-reply-cancel:hover{ color: #d33; }
.chat-share-btn{
  background: #f7f2ec;
  border: 1px solid rgba(242,101,34,.35);
  border-radius: 24px;
  font-size: 13px;
  font-weight: 600;
  color: #b85c18;
  cursor: pointer;
  padding: 9px 14px;
  line-height: 1;
  white-space: nowrap;
  transition: background .15s;
}
.chat-share-btn:hover{ background: rgba(242,101,34,.12); }
.chat-room-title-right{ display: inline-flex; align-items: center; gap: 10px; }
.chat-block-btn{
  background: #f7f2ec;
  border: 1px solid rgba(200,60,60,.35);
  border-radius: 24px;
  font-size: 12px;
  font-weight: 600;
  color: #b3261e;
  cursor: pointer;
  padding: 6px 12px;
  line-height: 1;
  white-space: nowrap;
  transition: background .15s;
}
.chat-block-btn:hover{ background: rgba(200,60,60,.12); }
.chat-photo-btn{
  background: #f7f2ec;
  border: 1px solid rgba(242,101,34,.35);
  border-radius: 24px;
  font-size: 15px;
  cursor: pointer;
  padding: 8px 12px;
  line-height: 1;
  transition: background .15s;
}
.chat-photo-btn:hover{ background: rgba(242,101,34,.12); }
.chat-photo-preview{ width: 44px; height: 44px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
.chat-photo{ max-width: 260px; max-height: 260px; border-radius: 8px; display: block; margin: 2px 0; object-fit: cover; }
.chat-send-btn{
  background: var(--green, #2e7d32);
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 10px 20px;
  font-weight: 600;
  cursor: pointer;
}
.chat-send-btn:hover{ filter: brightness(1.05); }
.chat-banned-box{
  background: #fff;
  border: 1px solid rgba(200,60,60,.3);
  border-radius: var(--radius);
  padding: 28px;
  text-align: center;
  max-width: 480px;
  margin: 30px auto;
}
.chat-banned-box h3{ color: #c0392b; margin-top: 0; }
.chat-banned-box p{ color: #555; }
@media (max-width: 720px){
.chat-shell{ flex-direction: column; min-height: 0; }.layout-wrap.chat-layout .chat-shell{ min-height: 0; max-height: none; }.chat-rooms{ flex: 0 0 auto; max-height: 200px; }.chat-online{ flex: 0 0 auto; max-height: 160px; order: 2; }.chat-msg{ max-width: 85%; }}
.chat-admin-search{ display: flex; gap: 8px; }
.chat-admin-search input{ flex: 1; border: 1px solid var(--border); border-radius: 8px; padding: 9px 12px; font-size: 14px; }
.chat-admin-search .btn{ flex-shrink: 0; }
.chat-room-edit{ display: flex; align-items: center; gap: 8px; }
.chat-room-edit .room-name-input{
  flex: 1; min-width: 160px; max-width: 320px;
  border: 1px solid var(--border); border-radius: 8px; padding: 7px 10px; font-size: 14px;
}
.chat-room-edit .btn-small{ flex-shrink: 0; }
.chat-room-order{ display: flex; flex-direction: column; gap: 2px; }
.chat-room-leave{ cursor: pointer; opacity: .75; font-size: 13px; }
.chat-room-leave:hover{ opacity: 1; }
.chat-system{
  text-align: center; font-size: 12px; font-style: italic;
  color: #7a8a9d; margin: 10px 0; padding: 0 8px;
}
.chat-shell{ gap: 14px; }
.chat-rooms, .chat-panel, .chat-online{ border-radius: 8px; }
.chat-day{ display: flex; justify-content: center; margin: 16px 0 10px; }
.chat-day span{
  font-size: 11px; font-weight: 600; color: #5f6368;
  background: #f2f4f6; padding: 3px 10px; border-radius: 999px;
}
.chat-messages{ background: #fff; padding: 6px 20px 18px; gap: 0; }
.chat-msg{
  flex-direction: row; gap: 12px; max-width: 100%;
  align-self: stretch; align-items: flex-start; padding: 2px 0;
}
.chat-msg.own, .chat-msg.other{ align-self: stretch; align-items: flex-start; }
.chat-msg.first{ margin-top: 14px; }
.chat-msg.grouped{ padding-left: 44px; }
.chat-msg-body{
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; align-items: flex-start;
}
.chat-msg > *{ max-width: 100%; }
.chat-av{
  width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; letter-spacing: .02em;
  user-select: none;
}
.chat-av-spacer{ visibility: hidden; }
.chat-av-sm{ width: 24px; height: 24px; flex: 0 0 24px; font-size: 9px; }
.chat-msg-head{ display: flex; align-items: baseline; gap: 8px; margin-bottom: 2px; }
.chat-msg-head.own{ justify-content: flex-start; }
.chat-msg-name{ font-size: 13px; font-weight: 700; color: #14161a; }
.chat-msg-time{ color: #8a9098; font-size: 11px; }
.chat-bubble{
  padding: 0; border: 0; background: none; border-radius: 0;
  font-size: 14px; line-height: 1.55; color: #26292e;
  white-space: pre-wrap; overflow-wrap: anywhere;
  width: auto; max-width: 100%;
}
.chat-msg.other .chat-bubble,
.chat-msg.own .chat-bubble{ background: transparent; border: 0; color: #26292e; border-radius: 0; }
.chat-bubble-text{ margin-top: 0; }
.chat-actions{ display: flex; gap: 6px; margin-top: 4px; opacity: 0; transition: opacity .12s; }
.chat-msg:hover .chat-actions{ opacity: 1; }
.chat-act{
  background: none; border: 0; border-radius: 4px;
  cursor: pointer; font-size: 12px; padding: 0 2px; color: #8a9098;
}
.chat-act:hover{ background: #f2f4f6; color: #14161a; }
.chat-reactions{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.chat-reaction{
  background: #f2f4f6; border: 1px solid #e6e8eb; border-radius: 999px;
  padding: 1px 8px; font-size: 12px; color: #41474f; cursor: pointer;
}
.chat-reaction.mine{ background: #fdf3ec; border-color: rgba(242,101,34,.35); }
.chat-system{
  text-align: center; font-style: normal; font-size: 12px;
  color: #8a9098; margin: 8px 0; padding: 0 8px;
}
.chat-reply-preview{
  font-size: 12px; color: #5f6368; background: #f5f6f8;
  border-left: 3px solid #d8dce1; border-radius: 4px;
  padding: 4px 8px; margin-bottom: 4px; max-width: 100%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.chat-reply-prev-name{ font-weight: 700; color: #14161a; margin-right: 6px; }
.chat-listing-card{ border-radius: 8px; }
.chat-listing-title{ color: #14161a; }
.chat-room-title{ color: #14161a; font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.chat-announcement{ border-radius: 8px; }
.chat-rooms-head{ color: #14161a; font-weight: 700; font-size: 13px; }
.chat-room-item{ border-radius: 8px; padding: 8px 10px; margin-bottom: 2px; }
.chat-room-item:hover{ background: #f2f4f6; }
.chat-room-item.active{ background: #e9edf2; border-color: transparent; }
.chat-room-name{ color: #14161a; font-size: 14px; font-weight: 600; }
.chat-room-meta{ color: #5f6368; font-size: 12px; margin-top: 2px; }
.chat-unread-badge{
  display: inline-block; background: #f26522; color: #fff;
  font-size: 11px; font-weight: 700; line-height: 17px; height: 17px;
  border-radius: 999px; padding: 0 6px; margin-left: 4px;
}
.chat-online-head{ color: #14161a; font-size: 13px; font-weight: 700; }
.chat-online-user{ gap: 9px; padding: 6px 8px; border-radius: 6px; font-size: 13px; color: #14161a; }
.chat-online-user .dot{ margin-left: auto; order: 9; }
.chat-online-user .chat-dm-hint{ order: 10; }
.chat-online-name{ font-weight: 400; }
.chat-online-user.me .chat-online-name{ font-weight: 700; }
.chat-composer{ padding: 10px 14px 14px; border-top: 1px solid #e6e8eb; }
.chat-composer input{
  border: 1px solid #d7dbe0; border-radius: 8px;
  padding: 10px 12px; font-size: 14px;
}
.chat-composer input:focus{ border-color: #f26522; box-shadow: 0 0 0 3px rgba(242,101,34,.12); }
.chat-emoji-btn, .chat-photo-btn{
  background: #fff; border: 1px solid #e6e8eb; border-radius: 8px;
  width: 36px; height: 36px; padding: 0; font-size: 15px; line-height: 1;
}
.chat-emoji-btn:hover, .chat-photo-btn:hover{ background: #f2f4f6; }
.chat-share-btn{
  background: #fff; border: 1px solid #e6e8eb; border-radius: 8px;
  color: #5f6368; font-weight: 600;
}
.chat-share-btn:hover{ background: #f2f4f6; }
.chat-send-btn{
  background: #f26522; border-radius: 8px;
  padding: 10px 18px; font-weight: 700;
}
.chat-send-btn:hover{ background: #d9561c; filter: none; }
@media (max-width: 760px){
.chat-messages{ padding: 6px 14px 14px; }.chat-msg.grouped{ padding-left: 36px; }.chat-av{ width: 28px; height: 28px; flex: 0 0 28px; font-size: 10px; }.chat-msg.grouped{ padding-left: 40px; }.chat-composer{ padding: 8px 10px 10px; }.chat-share-btn{ padding: 9px 10px; font-size: 12px; }}
.chat-room-item{
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "name time" "prev badge";
  gap: 1px 8px;
  padding: 8px 10px;
}
.chat-room-item .chat-room-name{ grid-area: name; min-width: 0; }
.chat-room-time{ grid-area: time; font-size: 11px; color: #8a9098; white-space: nowrap; }
.chat-room-prev{
  grid-area: prev; min-width: 0; font-size: 12px; color: #5f6368;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.chat-room-item .chat-unread-badge{
  grid-area: badge; justify-self: end; align-self: center; margin-left: 0;
}
.chat-conv-item{
  display: flex; align-items: center; gap: 8px;
  padding: 7px 10px; border-radius: 8px;
  font-size: 13px; color: #14161a; cursor: pointer;
}
.chat-conv-item:hover{ background: #f2f4f6; }
.chat-conv-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-conv-item .chat-unread-badge{ margin-left: auto; }
.chat-typing{
  height: 18px; padding: 2px 20px 0;
  font-size: 12px; color: #8a9098; line-height: 1.4;
  background: #fff; overflow: hidden;
}
.chat-typing.on{ color: #5f6368; }
@media (max-width: 760px){
.chat-typing{ padding: 2px 14px 0; }}
.chat-msg{ position: relative; }
.chat-actions{
  position: absolute; top: -4px; right: 8px;
  margin: 0; padding: 2px 4px;
  background: #fff; border: 1px solid #e6e8eb; border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  opacity: 0; pointer-events: none;
  transition: opacity .12s;
  z-index: 4;
}
.chat-msg:hover .chat-actions{ opacity: 1; pointer-events: auto; }
.chat-msg.grouped{ padding-top: 1px; padding-bottom: 1px; }
.chat-msg.grouped .chat-av-spacer{ display: none; }
.chat-pop{
  position: fixed; right: 18px; bottom: 0;
  width: 330px; max-width: calc(100vw - 24px); height: 430px;
  background: #fff; border: 1px solid #e6e8eb; border-bottom: 0;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -2px 24px rgba(0,0,0,.16);
  display: flex; flex-direction: column; overflow: hidden;
  z-index: 900;
}
.chat-pop[hidden]{ display: none; }
.chat-pop.min{ height: 43px; }
.chat-pop.min .chat-pop-msgs,
.chat-pop.min .chat-pop-typing,
.chat-pop.min .chat-pop-form{ display: none; }
.chat-pop-head{
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px; background: #fafbfc;
  border-bottom: 1px solid #e6e8eb; cursor: pointer; flex: none;
}
.chat-pop-name{
  flex: 1; min-width: 0; font-size: 13px; font-weight: 700; color: #14161a;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.chat-pop-btn{
  width: 22px; height: 22px; flex: none;
  border: 0; background: none; border-radius: 4px;
  color: #5f6368; font-size: 14px; line-height: 1; cursor: pointer;
}
.chat-pop-btn:hover{ background: #eef0f3; color: #14161a; }
.chat-pop-msgs{
  flex: 1; overflow-y: auto; padding: 10px;
  display: flex; flex-direction: column; gap: 6px; background: #fff;
}
.chat-pop-empty{ margin: auto; font-size: 12px; color: #8a9098; }
.chat-pop-msg{ display: flex; flex-direction: column; max-width: 82%; }
.chat-pop-msg.own{ align-self: flex-end; align-items: flex-end; }
.chat-pop-msg.other{ align-self: flex-start; align-items: flex-start; }
.chat-pop-bubble{
  font-size: 13px; line-height: 1.45; padding: 6px 10px;
  border-radius: 10px; white-space: pre-wrap; overflow-wrap: anywhere;
}
.chat-pop-msg.other .chat-pop-bubble{ background: #f2f4f6; color: #26292e; border-top-left-radius: 3px; }
.chat-pop-msg.own .chat-pop-bubble{
  background: #fdf0e6; color: #26292e;
  border: 1px solid #f7ddc8; border-top-right-radius: 3px;
}
.chat-pop-time{ font-size: 10px; color: #8a9098; margin-top: 2px; }
.chat-pop-typing{ height: 16px; padding: 0 12px; font-size: 11px; color: #8a9098; background: #fff; flex: none; }
.chat-pop-form{ display: flex; gap: 6px; padding: 8px; border-top: 1px solid #e6e8eb; flex: none; }
.chat-pop-form input{
  flex: 1; min-width: 0; border: 1px solid #d7dbe0; border-radius: 6px;
  padding: 7px 9px; font-size: 13px; font-family: var(--font); outline: none;
}
.chat-pop-form input:focus{ border-color: #f26522; box-shadow: 0 0 0 3px rgba(242,101,34,.12); }
.chat-pop-send{
  background: #f26522; color: #fff; border: 0; border-radius: 6px;
  padding: 0 12px; font-size: 12px; font-weight: 700; cursor: pointer; font-family: var(--font);
}
.chat-pop-send:hover{ background: #d9561c; }
@media (max-width: 760px){
.chat-pop{ right: 0; left: 0; bottom: 0; width: auto; max-width: none; height: 100%; border-radius: 0; border: 0; }.chat-pop.min{ height: 43px; }}
.chat-toast{
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%);
  z-index: 950; max-width: calc(100vw - 32px);
  background: #1d2024; color: #fff;
  font-size: 13px; font-weight: 600; line-height: 1.3;
  padding: 11px 18px; border-radius: 999px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.chat-toast[hidden]{ display: none; }
.chat-toast:hover{ background: #2b2f34; }
@media (max-width: 760px){
.chat-toast{ bottom: 12px; font-size: 12px; padding: 10px 14px; }}