.bisor-group-title {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: center;
  gap: 11px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.bisor-group-title:disabled { cursor: default; }
.bisor-group-title .message-chat-user-avatar { flex: 0 0 38px; }
.bisor-group-preview {
  display: block;
  max-width: 100%;
  color: #8f93a6;
  font-size: 11px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bisor-group-new { margin: 0 14px 10px; color: #c69cff; font-weight: 700; }
.bisor-group-sender {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 5px;
  font-size: 12px;
}
.bisor-group-sender .message-user-avatar {
  width: 22px;
  min-width: 22px;
  height: 22px;
}
.bisor-group-sender .message-user-avatar span { font-size: 10px; }
.bisor-group-content { overflow-wrap: anywhere; white-space: pre-wrap; }
.bisor-group-date, .bisor-group-older {
  align-self: center;
  padding: 4px 9px;
  color: #a9adc1;
  font-size: 11px;
}
.bisor-group-sent { min-width: 15px; text-align: right; font-weight: 800; color: #b6b8c5; letter-spacing: -2px; }
.bisor-group-sent[data-status="read"] { color: #53bdeb; font-weight: 950; }
.bisor-group-hold { -webkit-touch-callout: none; }
.bisor-group-hold:focus-visible { outline: 2px solid #c69cff; outline-offset: 2px; }
@media (pointer: coarse) {
  .bisor-group-hold { -webkit-user-select: none; user-select: none; }
}
.bisor-group-has-reactions { margin-bottom: 13px; }
.bisor-group-reaction-badges {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 4px 0 -12px;
}
.bisor-group-reaction-badge {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 1px 6px;
  border: 1px solid #524360;
  border-radius: 999px;
  background: #231b30;
  color: #f1e9f9;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.bisor-group-reaction-badge.is-mine { border-color: #a878e9; background: #3a2555; }
.bisor-message-bubble.mine > .bisor-group-reaction-badges { justify-content: flex-end; }
.bisor-group-empty { margin: auto; color: #8f93a6; text-align: center; }
.bisor-group-error { color: #ff8a9c; margin: 0; font-size: 12px; }
.bisor-group-error:empty { display: none; }
.bisor-group-dialog {
  width: min(500px, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  padding: 20px;
  border: 1px solid #39314d;
  border-radius: 18px;
  background: #11131d;
  color: #f5f3fa;
  font: 15px system-ui, sans-serif;
}
.bisor-group-dialog::backdrop { background: #000b; }
.bisor-group-message-dialog { width: min(378px, calc(100vw - 24px)); }
.bisor-group-reaction-picker {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  padding: 6px;
  margin: 2px 0 11px;
  border: 1px solid #443453;
  border-radius: 16px;
  background: #21192e;
}
.bisor-group-reaction-choice {
  min-width: 0;
  height: 39px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
}
.bisor-group-reaction-choice:hover,
.bisor-group-reaction-choice[aria-pressed="true"] { border-color: #9163c9; background: #3b2851; }
.bisor-group-reaction-choice:focus-visible { outline: 2px solid #c69cff; outline-offset: 1px; }
.bisor-group-reaction-choice:disabled { opacity: .55; cursor: wait; }
.bisor-group-dialog .bisor-group-dialog-head {
  display: flex;
  position: static;
  height: auto;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 9px;
  border: 0;
  background: transparent;
}
.bisor-group-dialog-head h2 { margin: 0; font-size: 17px; overflow-wrap: anywhere; }
.bisor-group-icon { padding: 2px 9px; background: none; border: 0; color: #aaa; font-size: 23px; }
.bisor-group-muted { color: #9ca3b6; margin: 4px 0 8px; font-size: 12px; }
.bisor-group-members { margin: 0; padding: 0; list-style: none; }
.bisor-group-members li, .bisor-group-candidate {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid #292d3d;
  border-radius: 0;
  text-align: left;
  overflow-wrap: anywhere;
}
.bisor-group-members .message-user-details { min-width: 68px; }
.bisor-group-details-dialog {
  width: min(452px, calc(100vw - 24px));
  max-height: min(660px, calc(100dvh - 28px));
  padding: 0;
  border-color: #4a3b60;
  border-radius: 22px;
  background: #15131f;
  box-shadow: 0 20px 70px #06040be6;
  overscroll-behavior: contain;
}
.bisor-group-details-dialog .bisor-group-dialog-head {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 0;
  padding: 0;
  justify-content: flex-end;
}
.bisor-group-details-dialog .bisor-group-dialog-head h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.bisor-group-details-dialog .bisor-group-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #4a3d61;
  border-radius: 50%;
  background: #211a31;
  color: #e7dbf5;
  font: 23px/1 system-ui, sans-serif;
}
.bisor-group-details-hero {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 23px 46px 18px;
  border-bottom: 1px solid #332b43;
  background: radial-gradient(ellipse at top, #392754 0%, #241b36 52%, #1b1727 100%);
  text-align: center;
}
.bisor-group-photo {
  position: relative;
  display: grid;
  place-items: center;
  width: 90px;
  height: 90px;
  margin: 0 auto 5px;
}
.bisor-group-photo-editable { margin-bottom: 18px; }
.bisor-group-photo .message-chat-user-avatar {
  display: grid;
  place-items: center;
  width: 90px;
  height: 90px;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid #a878e9;
  border-radius: 50%;
  background: #33234a;
  box-shadow: 0 0 0 5px #ba83ff1a, 0 6px 20px #0c071b7a;
}
.bisor-group-photo .message-chat-user-avatar > span { font-size: 32px; }
.bisor-group-photo .message-chat-user-avatar img { width: 100%; height: 100%; object-fit: cover; }
.bisor-group-photo-camera {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 2px solid #21182f;
  border-radius: 50%;
  background: linear-gradient(135deg, #7e3cff, #b44cff);
  box-shadow: 0 4px 14px #7e3cff66;
  cursor: pointer;
}
.bisor-group-photo-camera::before {
  content: '';
  width: 18px;
  height: 18px;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");
}
.bisor-group-photo-camera:hover { filter: brightness(1.15); }
.bisor-group-photo-camera:disabled { opacity: .58; cursor: wait; }
.bisor-group-details-name {
  margin: 0;
  color: #f8f3ff;
  font-size: 19px;
  font-weight: 760;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.bisor-group-member-count {
  padding: 3px 9px;
  border: 1px solid #644983;
  border-radius: 999px;
  background: #ad7de91c;
  color: #dbc4fa;
  font-size: 11px;
  font-weight: 650;
}
.bisor-group-photo-actions:empty { display: none; }
.bisor-group-photo-clear { padding: 4px; border: 0; background: none; color: #cbb9df; font-size: 11px; }
.bisor-group-photo-clear:hover { color: #fff; text-decoration: underline; }
.bisor-group-details-body { padding: 14px 16px 16px; }
.bisor-group-details-label {
  margin: 0 0 8px;
  color: #c3b5d6;
  font-size: 12px;
  font-weight: 700;
}
.bisor-group-details-dialog .bisor-group-members { display: grid; gap: 6px; }
.bisor-group-details-dialog .bisor-group-members li {
  padding: 7px 9px;
  border: 1px solid #31283f;
  border-radius: 10px;
  background: #1d192b;
}
.bisor-group-details-dialog .bisor-group-muted { margin: 2px 0 0; }
.bisor-group-details-dialog > .bisor-group-error:not(:empty) { margin: 10px 16px 0; }
.bisor-group-details-actions {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  padding: 10px 16px 13px;
  border-top: 1px solid #332b43;
  background: #171422;
}
.bisor-group-details-actions[hidden] { display: none; }
.bisor-group-delete-button {
  padding: 7px 12px;
  border: 1px solid #70414f;
  border-radius: 8px;
  background: #5d283c33;
  color: #ffb2bf;
  font-weight: 700;
}
.bisor-group-delete-button:hover { background: #74334b66; }
.bisor-group-delete-button:disabled { opacity: .58; cursor: wait; }
.bisor-group-delete-note { margin: 2px 0 12px; color: #d4cedf; line-height: 1.5; overflow-wrap: anywhere; }
.bisor-group-member-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 5px; }
.bisor-group-member-actions button { padding: 5px 7px; font-size: 11px; }
.bisor-group-remove { color: #ff9caa; }
.bisor-group-members + .bisor-group-error:not(:empty) { margin-top: 10px; }
.bisor-group-create { display: grid; gap: 10px; }
.bisor-group-create label { display: grid; gap: 5px; font-weight: 650; }
.bisor-group-create input {
  min-width: 0;
  padding: 11px;
  border: 1px solid #292d3d;
  border-radius: 9px;
  background: #151722;
  color: white;
  font: inherit;
}
.bisor-group-candidates { min-height: 24px; max-height: 195px; overflow: auto; color: #a9adc1; font-size: 12px; }
.bisor-group-candidate { background: transparent; color: white; }
.bisor-group-candidate:hover { background: #1b1727; }
.bisor-group-candidate small { margin-left: auto; color: #9ca3b6; }
.bisor-group-primary { font-weight: 700; }
.bisor-group-primary:disabled, .bisor-group-member-actions button:disabled { opacity: .58; cursor: default; }
.bisor-group-selected { display: flex; flex-wrap: wrap; gap: 5px; }
.bisor-group-selected:empty { display: none; }
.bisor-group-chip { padding: 4px 8px; color: #c69cff; }
.bisor-group-dialog-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 6px; }

/* Emoji tepkileri: balonun alt kenarına oturan kompakt görünüm */
.bisor-group-has-reactions { position:relative; margin-bottom:18px !important; }
.bisor-group-reaction-badges { position:absolute !important; bottom:-14px; left:9px; margin:0 !important; display:flex; flex-wrap:wrap; gap:3px; z-index:2; }
.bisor-message-bubble.mine > .bisor-group-reaction-badges { left:auto; right:9px; }
.bisor-group-reaction-badge { min-height:25px; padding:2px 7px; border-radius:15px; border:2px solid #11131d; background:#292b31; font-size:15px; box-shadow:0 1px 3px #0005; }
.bisor-group-reaction-badge.is-mine { background:#38294a; border-color:#11131d; }
.bisor-group-emoji-panel { margin:0 0 12px; border-radius:14px; background:#21192e; padding:8px; }
.bisor-group-emoji-search { box-sizing:border-box; width:100%; border:1px solid #554467; background:#14111c; color:#fff; border-radius:10px; padding:10px; font:inherit; }
.bisor-group-emoji-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:3px; max-height:220px; overflow:auto; padding-top:8px; }
.bisor-group-emoji-grid .bisor-group-reaction-choice { font-size:25px; }
.bisor-group-reaction-more { background:#383044; border-radius:50%; font-size:26px; }

/* Tepki etiketi, ait oldugu mesaj balonunun rengini miras alir. */
.bisor-message-bubble > .bisor-group-reaction-badges .bisor-group-reaction-badge,
.bisor-message-bubble > .bisor-group-reaction-badges .bisor-group-reaction-badge.is-mine {
  background: #41414f !important;
  border-color: #101019 !important;
  color: #fff !important;
}
.bisor-message-bubble.mine > .bisor-group-reaction-badges .bisor-group-reaction-badge,
.bisor-message-bubble.mine > .bisor-group-reaction-badges .bisor-group-reaction-badge.is-mine {
  background: #9939f5 !important;
  border-color: #101019 !important;
  color: #fff !important;
}

/* Gonderilen ve gelen mesajlarda ayni gri emoji tepki etiketi. */
.bisor-message-bubble.mine > .bisor-group-reaction-badges .bisor-group-reaction-badge,
.bisor-message-bubble.mine > .bisor-group-reaction-badges .bisor-group-reaction-badge.is-mine {
  background: #41414f !important;
  border-color: #101019 !important;
}

/* Grup mesajlarinda isim yaninda hesap rozetleri */
.bisor-group-sender { display:flex; align-items:center; gap:5px; }
.bisor-group-sender-verified { display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;border-radius:50%;background:#a855f7;color:white;font-size:12px;font-weight:900;line-height:1; }
.bisor-group-sender-role { display:inline-block;flex:none;width:19px;height:19px;object-fit:contain; }
.bisor-group-sender-moderator { display:inline-flex;align-items:center;justify-content:center;flex:none;width:17px;height:17px;border-radius:50%;background:#854bd9;color:white;font-size:11px;font-weight:900; }

/* Grup balonu rozetleri: profil ile ayni 18/26 olcu, 2px aralik. */
.bisor-group-sender { gap:2px !important; }
.bisor-group-sender > .message-user-avatar { margin-right:4px !important; }
.bisor-group-sender > b { margin:0 !important; padding:0 !important; }
.bisor-group-sender > .message-chat-verified-badge {
 width:18px !important;height:18px !important;min-width:18px !important;max-width:18px !important;
 min-height:18px !important;max-height:18px !important;flex:0 0 18px !important;margin:0 0 0 1px !important;
}
.bisor-group-sender > .message-chat-admin-badge {
 width:26px !important;height:26px !important;min-width:26px !important;max-width:26px !important;
 min-height:26px !important;max-height:26px !important;flex:0 0 26px !important;margin:0 0 0 1px !important;
 object-fit:contain !important;
}