.internal-chat-handle {
  position: fixed;
  z-index: 10020;
  right: 22px;
  bottom: 22px;
  width: 58px;
  height: 58px;
  border: 1px solid #9fd0ff;
  border-radius: 18px;
  background: linear-gradient(145deg, #2296ff, #0b72e7);
  color: #fff;
  box-shadow: 0 12px 30px rgba(11, 114, 231, .34);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform .18s ease, box-shadow .18s ease;
}

/* Yalnız geniş sohbet zemini şeffaftır; içerik katmanları net kalır. */
.internal-chat-header {
  background: #168aff !important;
  opacity: 1;
}

.internal-chat-conversation-head {
  background: #fff0f5 !important;
  opacity: 1;
}

.internal-chat-bubble {
  background: #fff !important;
  opacity: 1;
}

.internal-chat-message.own .internal-chat-bubble {
  background: #ffeaf1 !important;
}

.internal-chat-compose,
.internal-chat-compose-row,
.internal-chat-compose input,
.internal-chat-compose textarea {
  background: #fff !important;
  opacity: 1;
}
.internal-chat-handle[hidden],
.internal-chat-drawer[hidden] { display: none !important; }
.internal-chat-handle:hover { transform: translateY(-2px); box-shadow: 0 15px 34px rgba(11, 114, 231, .42); }
.internal-chat-handle .chat-handle-icon { font-size: 25px; line-height: 1; }
.internal-chat-handle .chat-handle-label {
  display: none;
}
.internal-chat-handle .chat-unread-badge {
  position: absolute;
  right: -6px;
  top: -6px;
  min-width: 24px;
  height: 24px;
  padding: 0 5px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #ff3b5c;
  color: #fff;
  font: 800 10px/20px inherit;
  text-align: center;
}
.internal-chat-handle.chat-pulse { animation: internal-chat-pulse .46s ease 3; }
@keyframes internal-chat-pulse {
  50% { transform: scale(1.12); background: #075cb8; }
}
.internal-chat-drawer {
  position: fixed;
  z-index: 10021;
  inset: 0 0 0 auto;
  width: min(430px, calc(100vw - 28px));
  display: grid;
  grid-template-rows: auto 1fr;
  background: rgba(247, 250, 252, .68);
  border-left: 1px solid #8cc8ff;
  border-radius: 22px 0 0 22px;
  box-shadow: -18px 0 50px rgba(20, 34, 52, .24);
  overflow: hidden;
  -webkit-backdrop-filter: blur(7px) saturate(112%);
  backdrop-filter: blur(7px) saturate(112%);
  transform: translateX(103%);
  transition: transform .23s cubic-bezier(.2,.8,.2,1);
}
.internal-chat-drawer.open { transform: translateX(0); }
.internal-chat-header {
  min-height: 78px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #075cb8, #168aff);
  color: #fff;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}
.internal-chat-header-account { min-width: 0; }
.internal-chat-header-account > small { display: block; margin-bottom: 5px; color: #dceeff; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.internal-chat-header-identity { min-width: 0; display: flex; align-items: center; gap: 9px; }
.internal-chat-header-identity > span { min-width: 0; }
.internal-chat-header-identity strong,
.internal-chat-header-identity em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.internal-chat-header-identity strong { margin: 0; font-size: 15px; }
.internal-chat-header-identity em { margin-top: 1px; color: #dceeff; font-size: 10px; font-style: normal; }
.internal-chat-header [data-chat-header-profile] { flex: 0 0 38px; width: 38px; height: 38px; padding: 1px; overflow: hidden; border-radius: 50%; }
.internal-chat-header [data-chat-header-avatar],
.internal-chat-header [data-chat-header-avatar] img { width: 100%; height: 100%; display: grid; place-items: center; border-radius: 50%; object-fit: cover; font-size: 12px; font-weight: 800; }
.internal-chat-header-actions { display: flex; align-items: center; gap: 0; }
.internal-chat-header-actions [data-chat-settings] { border-radius: 10px 0 0 10px; }
.internal-chat-header-actions [data-chat-expand] { margin-left: -1px; border-radius: 0; }
.internal-chat-header-actions [data-chat-close] { margin-left: -1px; border-radius: 0 10px 10px 0; }
.internal-chat-header button,
.internal-chat-conversation-head button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 8px;
  background: rgba(255,255,255,.12);
  color: inherit;
  font-size: 19px;
  cursor: pointer;
}
.internal-chat-users,
.internal-chat-conversation { min-height: 0; display: grid; }
.internal-chat-users { grid-template-rows: auto auto 1fr auto; }
.internal-chat-search {
  margin: 14px 14px 8px;
  height: 42px;
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  padding: 0 9px;
  border: 1px solid #d6e1e7;
  border-radius: 17px;
  background: #fff;
  color: #9b3157;
}
.internal-chat-search input { min-width: 0; border: 0; outline: 0; font: inherit; background: transparent; }
.internal-chat-users-tools { margin: 0 14px 9px; display: flex; align-items: center; justify-content: space-between; color: #718096; font-size: 10.5px; }
.internal-chat-users-tools button { padding: 6px 9px; border: 1px solid #8cc8ff; border-radius: 7px; background: #e7f3ff; color: #075cb8; font-weight: 800; cursor: pointer; }
.internal-chat-users-actions { display: flex; gap: 5px; }
.internal-chat-users-actions [data-chat-profile] { width: 38px; height: 38px; padding: 1px; overflow: hidden; border-color: #e5b0c1; border-radius: 50%; background: #fcecf2; color: #8d2248; }
.internal-chat-own-profile span, .internal-chat-own-profile img { width: 100%; height: 100%; display: grid; place-items: center; border-radius: 50%; object-fit: cover; }
.internal-chat-users-actions [data-chat-profile].profile-drop { outline: 3px dashed #168aff; outline-offset: 2px; background: #dceeff; color: #075cb8; }
.internal-chat-user-list { min-height: 0; overflow: auto; padding: 0 14px 8px; }
.internal-chat-user {
  width: 100%;
  min-height: 65px;
  margin: 0 0 6px;
  padding: 8px 9px;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 8px;
  align-items: center;
  text-align: left;
  border: 1px solid #d6e1e7;
  border-radius: 17px;
  background: #fff;
  color: #102a43;
  cursor: pointer;
}
.internal-chat-user.group { border-color: #75b8f5; background: #eaf5ff; }
.internal-chat-user.blocked { border-color: #efb0bd; background: #fff1f4; filter: saturate(.82); }
.internal-chat-user.blocked .internal-chat-user-main small { color: #b21e48; font-weight: 800; }
.internal-chat-avatar {
  position: relative;
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f7dce5;
  color: #8d2248;
  font-weight: 800;
}
.internal-chat-avatar.group { background: #cde8ff; color: #075cb8; font-family: "Segoe UI Emoji", sans-serif; }
.internal-chat-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; transition: transform .18s ease, box-shadow .18s ease; }
.internal-chat-avatar:has(img):hover { z-index: 4; }
.internal-chat-avatar img:hover { transform: scale(1.38); box-shadow: 0 7px 18px rgba(7,92,184,.3); }
.internal-chat-avatar.online::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #22c55e;
}
.internal-chat-user-main { min-width: 0; }
.internal-chat-user-main strong,
.internal-chat-user-main span,
.internal-chat-user-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.internal-chat-user-main strong { font-size: 12.5px; }
.internal-chat-user-main span { margin-top: 2px; color: #718096; font-size: 10.5px; }
.internal-chat-user-main small { margin-top: 2px; color: #a82d56; font-size: 9.5px; }
.internal-chat-user-unread {
  min-width: 23px;
  height: 23px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #b8325c;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}
.internal-chat-users-foot { padding: 9px 14px 12px; border-top: 1px solid #e0e8ed; color: #718096; font-size: 10px; }
.internal-chat-conversation { position: relative; grid-template-rows: auto 1fr auto; }
.internal-chat-conversation[hidden], .internal-chat-users[hidden] { display: none; }
.internal-chat-conversation-head {
  min-height: 96px;
  padding: 9px 12px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto 38px;
  grid-template-areas:
    "back person manage avatar"
    "voice voice voice voice";
  align-items: center;
  gap: 7px 8px;
  background: #fcecf2;
  border-bottom: 1px solid #e8b4c4;
  color: #561229;
}
.internal-chat-conversation-head [data-chat-back] { grid-area: back; }
.internal-chat-conversation-head > div { grid-area: person; min-width: 0; }
.internal-chat-conversation-head [data-chat-manage-group] { grid-area: manage; }
.internal-chat-conversation-head .internal-chat-conversation-avatar { grid-area: avatar; }
.internal-chat-conversation-head button { background: #fff; border-color: #dfa2b5; color: #7d1d40; }
.internal-chat-conversation-head [data-chat-manage-group] { width: auto; padding: 0 9px; border-color: #8cc8ff; color: #075cb8; font-size: 11px; font-weight: 800; }
.internal-chat-voice-tools { grid-area: voice; justify-self: center; width: min(228px, 100%); min-height: 42px; padding: 4px 7px; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; border: 1px solid #efbfd0; border-radius: 15px; background: rgba(255,255,255,.78); box-sizing: border-box; }
.internal-chat-voice-tool { min-width: 42px; display: grid; justify-items: center; align-items: center; gap: 1px; }
.internal-chat-voice-time { min-width: 31px; color: #7c2445; font-size: 9px; font-weight: 800; text-align: center; }
.internal-chat-voice-tools button { flex: 0 0 36px; width: 36px; height: 36px; padding: 0; border-radius: 12px; font: 16px "Segoe UI Emoji", sans-serif; }
.internal-chat-voice-tools button.recording { border-color: #e44256; background: #fff0f2; color: #c81e36; animation: voice-record-pulse .9s ease-in-out infinite alternate; }
.internal-chat-voice-tools button.calling { border-color: #12a06f; background: #eafbf5; color: #087653; }
.internal-chat-voice-tools,
.internal-chat-voice-tool,
.internal-chat-voice-tools button {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}
.internal-chat-voice-tools button {
  appearance: none;
  -webkit-appearance: none;
  touch-action: manipulation;
  cursor: pointer !important;
  caret-color: transparent;
  -webkit-tap-highlight-color: rgba(13, 131, 154, .18);
}
.internal-chat-voice-tools button::selection { background: transparent; }
@keyframes voice-record-pulse { from { box-shadow: 0 0 0 0 rgba(228,66,86,.18); } to { box-shadow: 0 0 0 6px rgba(228,66,86,.04); } }
.internal-chat-conversation-head .internal-chat-conversation-avatar { width: 38px; height: 38px; padding: 1px; overflow: visible; border-radius: 50%; border-color: #e5a9bc; background: #f8dce5; color: #8d2248; font-size: 12px; font-weight: 800; }
.internal-chat-conversation-avatar span, .internal-chat-conversation-avatar img { width: 100%; height: 100%; display: grid; place-items: center; border-radius: 50%; object-fit: cover; }
.internal-chat-conversation-avatar img { transition: transform .18s ease, box-shadow .18s ease; }
.internal-chat-conversation-avatar img:hover { transform: scale(1.3); box-shadow: 0 7px 18px rgba(7,92,184,.3); }
.internal-chat-conversation-head strong, .internal-chat-conversation-head small { display: block; }
.internal-chat-conversation-head small { margin-top: 2px; color: #a82d56; }
.internal-chat-messages {
  min-height: 0;
  overflow: auto;
  padding: 12px 10px 54px;
  background:
    radial-gradient(circle at 18px 18px, rgba(168,45,86,.04) 2px, transparent 2.5px) 0 0/34px 34px,
    rgba(242, 247, 249, .58);
}
.internal-chat-clear-floating { position: absolute; z-index: 7; right: 12px; bottom: 61px; width: 38px; height: 38px; padding: 0; display: grid; place-items: center; border: 1px solid #e7a6b9; border-radius: 13px; background: rgba(255,255,255,.94); color: #a32049; box-shadow: 0 5px 16px rgba(86,18,41,.16); cursor: pointer; }
.internal-chat-clear-floating:hover { background: #fff0f4; color: #d11f4f; }
.internal-chat-drawer.contact-blocked .internal-chat-compose-row textarea { background: #f3f5f7; color: #7a8490; }
.internal-chat-drawer.contact-blocked .internal-chat-compose-row textarea::placeholder { color: #9a6678; }
.internal-chat-message { display: flex; margin: 0 0 7px; }
.internal-chat-message.mine { justify-content: flex-end; }
.internal-chat-bubble {
  position: relative;
  max-width: 83%;
  padding: 8px 10px 6px;
  border: 1px solid #d5e2e8;
  border-radius: 12px 12px 12px 4px;
  background: #fff;
  color: #102a43;
  box-shadow: 0 2px 6px rgba(15,42,67,.06);
}
.mine .internal-chat-bubble { border-color: #e5a9bc; border-radius: 12px 12px 4px 12px; background: #fbe4ec; }
.internal-chat-bubble.deleted { opacity: .62; font-style: italic; }
.internal-chat-text { white-space: pre-wrap; overflow-wrap: anywhere; font-family: "Segoe UI Emoji", "Trebuchet MS", sans-serif; font-size: 12.5px; }
.internal-chat-meeting-card { width: min(300px,100%); display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 10px; padding: 12px; border: 1px solid #73c8d3; border-radius: 15px; color: #102a43; background: linear-gradient(145deg,#f7feff,#e4f5f7); box-shadow: 0 8px 20px rgba(8,90,108,.12); text-align: left; cursor: pointer; }
.internal-chat-meeting-card:hover { border-color: #0b91a4; transform: translateY(-1px); box-shadow: 0 11px 24px rgba(8,90,108,.18); }
.internal-chat-meeting-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(145deg,#0da6b8,#08758d); font-size: 21px; }
.internal-chat-meeting-content { min-width: 0; display: grid; gap: 4px; }
.internal-chat-meeting-content small { color: #08758d; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.internal-chat-meeting-content strong { overflow: hidden; color: #102a43; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.internal-chat-meeting-content span { color: #587184; font-size: 10.5px; line-height: 1.3; }
.internal-chat-meeting-content b { margin-top: 3px; color: #08758d; font-size: 11px; }
.internal-chat-sender-name { display: block; margin: 0 0 4px; color: #075cb8; font-size: 10.5px; letter-spacing: .01em; }
.internal-chat-link { display: inline-block; margin-top: 6px; color: #3348a4; font-size: 11px; font-weight: 700; text-decoration: none; }
.internal-chat-image-gallery { width: min(260px, 100%); margin-top: 7px; }
.internal-chat-image-gallery.multiple { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; }
.internal-chat-image { display: block; width: 100%; max-height: 220px; object-fit: cover; border-radius: 9px; cursor: pointer; }
.internal-chat-image-gallery.multiple .internal-chat-image { aspect-ratio: 1; max-height: none; border-radius: 7px; }
.internal-chat-file { display: block; margin-top: 7px; padding: 7px 8px; border: 1px solid #bed8e1; border-radius: 7px; background: #eaf4f7; color: #0f6076; font-size: 10.5px; font-weight: 700; text-decoration: none; }
.internal-chat-audio { display: block; width: min(260px, 100%); height: 38px; margin-top: 7px; }
.internal-chat-meta { margin-top: 4px; display: flex; justify-content: flex-end; gap: 5px; align-items: center; color: #718096; font-size: 9px; }
.internal-chat-delete { border: 0; background: transparent; color: #718096; cursor: pointer; padding: 0 2px; }
.internal-chat-delete-menu { position: absolute; right: 7px; bottom: 25px; z-index: 2; padding: 4px; border: 1px solid #d5e1e7; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(15,42,67,.18); }
.internal-chat-delete-menu button { display: block; width: 130px; padding: 7px 8px; border: 0; background: transparent; text-align: left; color: #5b2136; cursor: pointer; }
.internal-chat-compose {
  position: sticky;
  z-index: 12;
  right: 0;
  bottom: 0;
  left: 0;
  flex: 0 0 auto;
  padding: 8px;
  border-top: 1px solid #d8e3e9;
  background: #fff;
  box-shadow: 0 -6px 18px rgba(15,42,67,.08);
}
.internal-chat-pending { margin: 0 3px 6px; color: #0f7188; font-size: 10px; }
.internal-chat-compose-row {
  display: grid;
  grid-template-columns: 32px 32px 32px minmax(0, 1fr) 56px;
  gap: 5px;
  width: 100%;
  min-width: 0;
  align-items: end;
}
.internal-chat-compose button { min-height: 34px; border: 1px solid #d9b0bd; border-radius: 8px; background: #fcecf2; cursor: pointer; }
.internal-chat-compose textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 36px; max-height: 92px; resize: none; padding: 8px; border: 1px solid #d4e1e7; border-radius: 9px; outline: 0; font: 12.5px "Segoe UI Emoji", "Trebuchet MS", sans-serif; }
.internal-chat-compose .internal-chat-send {
  position: relative;
  z-index: 13;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  flex: 0 0 auto;
  overflow: hidden;
  padding: 8px 4px;
  border-color: #0f7188;
  background: #0f7188;
  color: #fff;
  font-weight: 800;
  font-size: 11px;
  touch-action: manipulation;
  white-space: nowrap;
  user-select: none;
}
.internal-chat-compose .internal-chat-send:disabled { opacity: .68; cursor: wait; }
.internal-chat-compose [data-chat-paste][hidden] { display: none; }
.internal-chat-compose [data-chat-paste].active { border-color: #0f7188; background: #dff5f7; color: #075f72; box-shadow: inset 0 0 0 1px #78bcc9; }
.internal-chat-shared-record {
  position: relative; width: 100%; min-width: 220px; margin-top: 7px; padding: 8px 34px 8px 10px;
  display: grid; gap: 2px; border: 1px solid #9fcbd5; border-left: 4px solid #0d839a;
  border-radius: 9px; background: #f5fbfc; text-align: left; color: #163b54; cursor: pointer;
}
.internal-chat-shared-record.kind-account { border-left-color: #14a087; background: #f0fbf7; }
.internal-chat-shared-record.kind-stock { border-left-color: #357dc0; background: #f1f7fd; }
.internal-chat-shared-record small { color: #08768b; font-size: 8px; font-weight: 900; }
.internal-chat-shared-record strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.internal-chat-shared-record span { overflow: hidden; color: #667f91; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.internal-chat-shared-record b { position: absolute; right: 11px; top: 50%; color: #08768b; font-size: 24px; transform: translateY(-50%); }
.internal-chat-shared-record:hover { border-color: #4cabbf; box-shadow: 0 5px 14px rgba(13,91,111,.12); }
.internal-chat-emoji-panel { position: absolute; left: 8px; bottom: 54px; z-index: 5; width: 250px; padding: 7px; display: grid; grid-template-columns: repeat(8, 1fr); border: 1px solid #d9e3e8; border-radius: 9px; background: #fff; box-shadow: 0 8px 30px rgba(15,42,67,.18); }
.internal-chat-emoji-panel[hidden] { display: none; }
.internal-chat-emoji-panel button { min-height: 30px; padding: 0; border: 0; background: transparent; font: 18px "Segoe UI Emoji"; }
.internal-chat-drop { outline: 3px dashed #d45a80; outline-offset: -7px; }
.internal-chat-empty { margin: 35px 16px; color: #718096; text-align: center; font-size: 11px; }
.internal-chat-toast {
  position: fixed;
  z-index: 10030;
  right: 20px;
  bottom: 24px;
  max-width: 330px;
  padding: 12px 15px;
  border-radius: 10px;
  background: #6f1535;
  color: #fff;
  box-shadow: 0 12px 35px rgba(60,14,31,.3);
  transform: translateY(30px);
  opacity: 0;
  transition: .2s ease;
  text-align: center;
  font-weight: 700;
}
.internal-chat-toast.show { transform: translateY(0); opacity: 1; }
.internal-chat-login-notice { position: fixed; z-index: 10031; right: 92px; bottom: 28px; padding: 11px 15px; border: 1px solid #9fd0ff; border-radius: 999px; background: linear-gradient(135deg,#075cb8,#168aff); color: #fff; font: 800 12px "Trebuchet MS",sans-serif; box-shadow: 0 12px 30px rgba(11,114,231,.32); cursor: pointer; opacity: 0; transform: translateY(18px); pointer-events: none; transition: .2s ease; }
.internal-chat-login-notice.show { opacity: 1; transform: translateY(0); pointer-events: auto; }
.internal-chat-group-modal { position: absolute; z-index: 20; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(8,36,66,.48); }
.internal-chat-group-modal[hidden] { display: none; }
.internal-chat-group-modal > section { width: 100%; max-height: 82vh; display: grid; grid-template-rows: auto auto 1fr auto; padding: 15px; border: 1px solid #8cc8ff; border-radius: 13px; background: #f3f9ff; box-shadow: 0 16px 45px rgba(8,36,66,.28); }
.internal-chat-group-modal header { display: flex; align-items: center; justify-content: space-between; color: #075cb8; font-size: 16px; }
.internal-chat-group-modal header button { width: 30px; height: 30px; border: 1px solid #badcff; border-radius: 7px; background: #fff; color: #075cb8; cursor: pointer; }
.internal-chat-group-modal > section > label { margin: 12px 0 8px; color: #34526e; font-size: 10px; font-weight: 800; }
.internal-chat-group-modal input[type=text] { display: block; width: 100%; margin-top: 5px; padding: 9px; border: 1px solid #b9d8f2; border-radius: 8px; background: #fff; font: 13px inherit; }
.internal-chat-group-members { min-height: 130px; overflow: auto; padding: 7px; border: 1px solid #d2e4f2; border-radius: 9px; background: #fff; }
.internal-chat-group-member { display: flex; gap: 8px; align-items: center; padding: 8px 6px; border-bottom: 1px solid #edf3f7; color: #173b5d; font-size: 12px; }
.internal-chat-group-modal footer { display: grid; grid-template-columns: auto 1fr auto auto; gap: 7px; margin-top: 11px; }
.internal-chat-group-modal footer button { padding: 8px 10px; border: 1px solid #c8d9e7; border-radius: 7px; background: #fff; cursor: pointer; }
.internal-chat-group-modal footer .primary { border-color: #075cb8; background: #0b72e7; color: #fff; font-weight: 800; }
.internal-chat-group-modal footer .danger { border-color: #f2a5aa; color: #b4232c; }

.internal-chat-settings-modal {
  position: absolute;
  z-index: 30;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 14px;
  background: rgba(4, 25, 47, .36);
  backdrop-filter: blur(3px);
}
.internal-chat-settings-modal[hidden] { display: none; }
.internal-chat-settings-modal > section {
  width: min(360px, 100%);
  max-height: calc(100% - 18px);
  overflow: auto;
  border: 1px solid #bfd8ee;
  border-radius: 18px;
  background: #f8fbfd;
  box-shadow: 0 18px 48px rgba(7, 35, 61, .24);
}
.internal-chat-settings-modal header {
  min-height: 58px;
  padding: 10px 12px 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #fff;
  background: #0b5f9f;
}
.internal-chat-settings-modal header span { min-width: 0; }
.internal-chat-settings-modal header strong,
.internal-chat-settings-modal header small { display: block; }
.internal-chat-settings-modal header small { margin-top: 2px; color: #d8edff; font-size: 10px; }
.internal-chat-settings-modal header button { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; background: rgba(255,255,255,.12); color: #fff; font-size: 20px; }
.internal-chat-settings-field,
.internal-chat-settings-check { margin: 10px 12px 0; }
.internal-chat-settings-field { display: grid; gap: 5px; color: #17324b; font-size: 11px; font-weight: 800; }
.internal-chat-settings-field select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #c6d9e8; border-radius: 11px; background: #fff; color: #0a2944; }
.internal-chat-settings-check { padding: 10px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid #d5e2eb; border-radius: 12px; background: #fff; }
.internal-chat-settings-check input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: #0b7fb5; }
.internal-chat-settings-check span { min-width: 0; }
.internal-chat-settings-check strong,
.internal-chat-settings-check small { display: block; }
.internal-chat-settings-check strong { color: #12314c; font-size: 12px; }
.internal-chat-settings-check small { margin-top: 3px; color: #637b8f; font-size: 10px; line-height: 1.35; }
.internal-chat-settings-modal footer { padding: 12px; display: flex; justify-content: flex-end; gap: 8px; }
.internal-chat-settings-modal footer button { min-height: 38px; padding: 0 13px; border: 1px solid #c5d8e6; border-radius: 11px; background: #eef4f8; color: #12314c; font-weight: 800; }
.internal-chat-settings-modal footer button.primary { border-color: #08789e; background: #087f9f; color: #fff; }

.internal-chat-drawer[data-chat-theme="teal"] .internal-chat-header { background: #087f8f !important; }
.internal-chat-drawer[data-chat-theme="teal"] .internal-chat-settings-modal header { background: #087f8f; }
.internal-chat-drawer[data-chat-theme="navy"] .internal-chat-header { background: #12355b !important; }
.internal-chat-drawer[data-chat-theme="navy"] .internal-chat-settings-modal header { background: #12355b; }
.internal-chat-drawer[data-chat-theme="rose"] .internal-chat-header { background: #9b3158 !important; }
.internal-chat-drawer[data-chat-theme="rose"] .internal-chat-settings-modal header { background: #9b3158; }

/* Composer columns must never shift when the optional record-paste button is hidden. */
.internal-chat-compose {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.internal-chat-compose-row {
  display: grid !important;
  grid-template-columns: 34px 34px 34px minmax(0, 1fr) 64px !important;
  grid-template-areas: "emoji attach paste message send" !important;
  align-items: center !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.internal-chat-compose-row [data-chat-emoji] { grid-area: emoji; }
.internal-chat-compose-row [data-chat-attach] { grid-area: attach; }
.internal-chat-compose-row [data-chat-paste] { grid-area: paste; }
.internal-chat-compose-row textarea {
  grid-area: message;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  resize: none !important;
}
.internal-chat-compose-row .internal-chat-send {
  grid-area: send;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  padding-inline: 5px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
.internal-chat-voice-tools,
.internal-chat-voice-tool {
  display: inline-flex;
  align-items: center;
}
.internal-chat-voice-tools { gap: 5px; white-space: nowrap; }
.internal-chat-voice-tool { gap: 3px; }
.internal-chat-voice-time {
  min-width: 31px;
  color: #7c2445;
  font-size: 9px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.internal-chat-voice-mute {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #d99aaf;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.internal-chat-voice-mute.muted {
  border-color: #e54856;
  background: #ffe7ea;
}
@supports selector(:has(*)) {
  .internal-chat-compose-row:not(:has([data-chat-paste]:not([hidden]))) {
    grid-template-columns: 34px 34px minmax(0, 1fr) 64px !important;
    grid-template-areas: "emoji attach message send" !important;
  }
}
.internal-chat-profile-viewer { position: absolute; z-index: 30; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(5,22,38,.88); }
.internal-chat-profile-viewer[hidden] { display: none; }
.internal-chat-profile-viewer img { max-width: 100%; max-height: 82vh; border: 3px solid #fff; border-radius: 14px; object-fit: contain; box-shadow: 0 18px 55px rgba(0,0,0,.45); }
.internal-chat-profile-viewer button { position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 24px; cursor: pointer; }
.internal-chat-image-viewer { position: absolute; z-index: 31; inset: 0; display: grid; grid-template-rows: auto 1fr; background: rgba(5,22,38,.94); }
.internal-chat-image-viewer[hidden] { display: none; }
.internal-chat-image-viewer header { min-height: 58px; display: grid; grid-template-columns: 42px 1fr 42px; gap: 8px; align-items: center; padding: 8px 12px; border-bottom: 1px solid rgba(255,255,255,.18); color: #fff; }
.internal-chat-image-viewer header strong { text-align: center; font-size: 14px; }
.internal-chat-image-viewer button { width: 38px; height: 38px; padding: 0; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 24px; cursor: pointer; }
.internal-chat-image-viewer [data-image-stage] { min-height: 0; display: grid; place-items: center; padding: 18px; cursor: zoom-out; }
.internal-chat-image-viewer img { max-width: 100%; max-height: calc(100vh - 110px); border-radius: 12px; object-fit: contain; box-shadow: 0 18px 55px rgba(0,0,0,.48); cursor: default; }
@media (max-width: 620px) {
  .internal-chat-drawer { width: calc(100vw - 16px); }
  .internal-chat-handle { right: 16px; bottom: 16px; }
}

/* Mesaj paneli alta sabit başlar; uzat düğmesi paneli yukarı doğru büyütür. */
.internal-chat-drawer {
  top: auto;
  bottom: 0;
  height: min(52vh, 560px);
  min-height: min(420px, calc(100vh - 16px));
  border-top-left-radius: 18px;
  overflow: hidden;
  transition: transform .22s ease, height .24s cubic-bezier(.22,.8,.24,1);
}
.internal-chat-drawer.expanded { height: calc(100vh - 8px); }
.internal-chat-header [data-chat-expand] { font-size: 19px; }
@media (max-height: 700px) {
  .internal-chat-drawer { height: 58vh; min-height: 340px; }
  .internal-chat-drawer.expanded { height: 100vh; }
}
.internal-chat-header-account > small {
  display: none !important;
}

.internal-chat-header-identity {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr);
  min-width: 0;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.internal-chat-header-identity [data-chat-back] {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  font-size: 21px;
}

.internal-chat-header-identity [data-chat-back][hidden] {
  display: none !important;
}

.internal-chat-header-identity .internal-chat-conversation-avatar {
  grid-area: auto !important;
  width: 42px;
  height: 42px;
  padding: 2px;
  border-radius: 50%;
  overflow: hidden;
}

.internal-chat-header-identity .internal-chat-conversation-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.internal-chat-header-identity > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
  align-content: center;
}

.internal-chat-header-identity strong {
  font-size: 16px;
  line-height: 1.15;
}

.internal-chat-header-identity em {
  font-size: 11px;
  line-height: 1.15;
}

.internal-chat-header-identity strong,
.internal-chat-header-identity em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.internal-chat-conversation-head {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  min-height: 62px;
  padding: 8px 14px !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
}

.internal-chat-conversation-head [data-chat-manage-group] {
  position: absolute;
  left: 54px;
  top: 50%;
  transform: translateY(-50%);
}

.internal-chat-conversation-head [data-chat-back] {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 36px;
  height: 36px;
  transform: translateY(-50%);
  border-radius: 12px;
}

.internal-chat-conversation-head .internal-chat-voice-tools {
  grid-area: auto !important;
  margin: 0 !important;
  width: calc(100% - 52px);
  max-width: none;
  min-height: 46px;
  padding: 5px 10px;
  display: flex !important;
  align-items: center;
  justify-content: space-around;
  gap: 6px;
  border-radius: 16px;
}

.internal-chat-conversation-head .internal-chat-voice-tool {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.internal-chat-conversation-head .internal-chat-voice-time {
  flex: 0 0 auto;
  min-width: 31px;
  text-align: left;
}

.internal-chat-conversation-head .internal-chat-voice-tool > button {
  width: 36px;
  height: 36px;
  margin: 0;
  border-radius: 12px;
}
.internal-chat-drawer textarea.record-drop-ready {
  border-color: #0c8da5 !important;
  background: #e8fbfd !important;
  box-shadow: 0 0 0 3px rgba(12, 141, 165, .16) !important;
}
.internal-chat-video-stage {
  position: absolute;
  z-index: 18;
  inset: 124px 0 58px;
  overflow: hidden;
  background: #07141f;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.internal-chat-video-stage[hidden] { display: none !important; }
.internal-chat-video-stage > video[data-chat-remote-video] {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: radial-gradient(circle at 50% 35%,#18384b,#07141f 68%);
}
.internal-chat-video-stage > video[data-chat-local-video] {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 112px;
  height: 154px;
  object-fit: cover;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 16px;
  background: #173244;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1) translateZ(0);
}
.internal-chat-video-status {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 66px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #fff;
  background: linear-gradient(0deg,rgba(2,12,20,.92),rgba(2,12,20,.12));
}
.internal-chat-video-status > span:first-child { font-size: 11px; font-weight: 800; }
.internal-chat-video-status [data-chat-video-controls] { display: flex; gap: 8px; }
.internal-chat-video-status button {
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  color: #fff;
  cursor: pointer;
}
.internal-chat-video-status button.hangup { border-color: #ff8992; background: #d83243; }
.internal-chat-voice-tool [data-chat-video-call].calling { border-color: #d83243; background: #ffe3e6; }
@media (max-width: 620px) {
  .internal-chat-video-stage > video[data-chat-local-video] { width: 92px; height: 126px; }
}
.internal-chat-settings-modal .internal-chat-settings-check[data-chat-contact-only][hidden] {
  display: none !important;
}