/* Support Chat Widget Styles — Discord/Steam-style unified palette */
#support-chat-toggle { position:fixed; bottom:80px; right:24px; z-index:1050; width:auto; min-width:80px; height:auto; padding:10px 16px; border-radius:10px; background:var(--primary); color:#fff; border:1px solid color-mix(in srgb, var(--primary) 70%, #000 30%); box-shadow:0 6px 20px rgba(0,0,0,.35); cursor:pointer; display:flex; align-items:center; justify-content:center; font-weight:600; letter-spacing:.2px; transition:background .18s, transform .18s, box-shadow .18s; }
#support-chat-toggle:hover { background:color-mix(in srgb, var(--primary) 85%, #fff 15%); transform:translateY(-1px); }
#support-chat-toggle.unread::after { content:attr(data-unread); position:absolute; top:-8px; right:-8px; background:var(--error,#ef4444); color:#fff; font-size:12px; min-width:22px; height:22px; display:flex; align-items:center; justify-content:center; border-radius:11px; padding:0 6px; box-shadow:0 0 0 3px var(--surface,#1e293b); font-weight:700; }

.support-chat-window { position:fixed; bottom:130px; right:18px; width:340px; max-height:520px; background:var(--surface,#1e293b); color:var(--text-primary,#f1f5f9); border:1px solid var(--border,#334155); border-radius:12px; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 12px 40px -6px rgba(0,0,0,.55),0 4px 16px rgba(0,0,0,.4); z-index:1055; transition:all .25s ease; }
.support-chat-window.fullscreen { width: min(900px,90vw); height: min(720px,90vh); right:50%; bottom:50%; transform:translate(50%,50%); max-height:none; }

.support-chat-settings-panel { position:fixed; width:280px; background:var(--surface,#1e293b); color:var(--text-primary,#f1f5f9); border:1px solid var(--border,#334155); border-right:none; border-radius:12px 0 0 12px; display:flex; flex-direction:column; gap:14px; padding:14px 12px; overflow:auto; box-shadow:0 20px 48px rgba(0,0,0,.42); z-index:1054; }
.support-chat-settings-panel h4, .support-chat-settings-panel .scs-section-title { font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--muted,#94a3b8); margin:0 4px 6px; }
.support-chat-settings-panel .scs-server-card,
.support-chat-settings-panel [data-server-card] { background:var(--background,#0f172a); border:1px solid var(--border,#334155); border-radius:8px; padding:8px 10px; cursor:pointer; transition:background .15s, border-color .15s; position:relative; }
.support-chat-settings-panel .scs-server-card:hover,
.support-chat-settings-panel [data-server-card]:hover { background:color-mix(in srgb, var(--surface) 70%, var(--background) 30%); }
.support-chat-settings-panel .scs-server-card.active,
.support-chat-settings-panel [data-server-card].active { border-color:var(--primary,#60a5fa); background:color-mix(in srgb, var(--primary) 12%, var(--surface) 88%); }
.support-chat-settings-panel .scs-server-card.active::before,
.support-chat-settings-panel [data-server-card].active::before { content:""; position:absolute; left:-1px; top:8px; bottom:8px; width:3px; background:var(--primary,#60a5fa); border-radius:0 2px 2px 0; }

.support-chat-header { padding:10px 12px; display:flex; gap:8px; align-items:center; background:var(--surface,#1e293b); color:var(--text-primary,#f1f5f9); border-bottom:1px solid var(--border,#334155); }
.support-chat-header select { flex:1; padding:6px 8px; border-radius:6px; background:var(--background,#0f172a); border:1px solid var(--border,#334155); color:var(--text-primary,#f1f5f9); font-size:13px; outline:none; }
.support-chat-header select:focus { border-color:var(--primary,#60a5fa); box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 35%, transparent); }

.support-chat-close, .support-chat-expand { background:transparent; border:1px solid var(--border,#334155); color:var(--text-primary,#f1f5f9); width:32px; height:32px; border-radius:8px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, border-color .15s, color .15s; }
.support-chat-close:hover, .support-chat-expand:hover { background:color-mix(in srgb, var(--surface) 60%, var(--background) 40%); border-color:color-mix(in srgb, var(--border) 70%, var(--primary) 30%); }

.support-chat-messages { flex:1; overflow-y:auto; padding:12px 14px 10px; font-size:13px; display:flex; flex-direction:column; gap:10px; background:var(--background,#0f172a); }
.support-chat-message { display:flex; flex-direction:column; gap:4px; padding:8px 10px; border-radius:10px; max-width:86%; position:relative; background:color-mix(in srgb, var(--surface) 78%, var(--background) 22%); border:1px solid color-mix(in srgb, var(--border) 60%, transparent); color:var(--text-primary,#f1f5f9); }
.support-chat-message.me { align-self:flex-end; background:var(--primary,#60a5fa); color:#fff; border-color:color-mix(in srgb, var(--primary) 70%, #000 30%); border-radius:14px 14px 4px 14px; }
.support-chat-message.user { background:color-mix(in srgb, var(--surface) 80%, var(--background) 20%); border-color:color-mix(in srgb, var(--border) 60%, transparent); }
.support-chat-message.admin { background:var(--surface,#1e293b); border-left:3px solid var(--primary,#60a5fa); border-top-color:color-mix(in srgb, var(--border) 60%, transparent); border-right-color:color-mix(in srgb, var(--border) 60%, transparent); border-bottom-color:color-mix(in srgb, var(--border) 60%, transparent); }
.support-chat-message.admin .meta { color:var(--muted,#94a3b8); }
.support-chat-message.pending { border:1px dashed color-mix(in srgb, var(--primary) 60%, var(--border) 40%); background:color-mix(in srgb, var(--primary) 8%, var(--surface) 92%); }
.support-chat-message.pending .pending-message-note { font-size:11px; opacity:.8; margin-top:4px; font-style:italic; }
.support-chat-message.pending .pending-attachments-note { font-size:11px; opacity:.75; margin-top:2px; }
.support-chat-message.deleted { opacity:.7; background:color-mix(in srgb, var(--surface) 50%, var(--background) 50%); border:1px dashed color-mix(in srgb, var(--border) 70%, transparent); }
.support-chat-message .meta { font-size:10px; opacity:.75; display:flex; gap:6px; color:var(--muted,#94a3b8); }
.support-chat-message.me .meta { color:rgba(255,255,255,.85); opacity:1; }
.support-chat-message .attachments { margin-top:4px; display:flex; flex-direction:column; gap:3px; }
.support-chat-message .attachments a { font-size:11px; color:var(--text-primary,#f1f5f9); text-decoration:none; background:color-mix(in srgb, var(--surface) 50%, var(--background) 50%); border:1px solid var(--border,#334155); padding:3px 6px; border-radius:4px; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.support-chat-message.me .attachments a { background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.25); color:#fff; }
.support-chat-deleted { font-size:12px; font-style:italic; opacity:.65; }
.support-chat-delete-btn { background:color-mix(in srgb, var(--error,#ef4444) 18%, transparent); border:1px solid color-mix(in srgb, var(--error,#ef4444) 50%, transparent); color:var(--error,#f87171); margin-top:4px; border-radius:4px; padding:2px 5px; font-size:11px; cursor:pointer; transition:background .15s; }
.support-chat-delete-btn:hover { background:color-mix(in srgb, var(--error,#ef4444) 30%, transparent); }

.support-chat-input { border-top:1px solid var(--border,#334155); padding:8px 10px 10px; display:flex; flex-direction:column; gap:6px; background:var(--surface,#1e293b); }
.support-chat-input textarea { width:100%; resize:none; min-height:60px; max-height:200px; font-size:13px; padding:8px 10px; border-radius:8px; background:var(--background,#0f172a); color:var(--text-primary,#f1f5f9); border:1px solid var(--border,#334155); line-height:1.35; outline:none; transition:border-color .15s, box-shadow .15s; }
.support-chat-input textarea::placeholder { color:var(--muted,#94a3b8); }
.support-chat-input textarea:focus { border-color:var(--primary,#60a5fa); box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 35%, transparent); }

.support-chat-actions { display:flex; gap:6px; justify-content:space-between; align-items:center; }
.support-chat-actions .left { display:flex; gap:6px; align-items:center; }
.support-chat-actions button { background:var(--primary,#60a5fa); border:1px solid color-mix(in srgb, var(--primary) 70%, #000 30%); color:#fff; padding:0 14px; height:34px; font-size:13px; font-weight:600; border-radius:8px; cursor:pointer; display:inline-flex; gap:6px; align-items:center; transition:background .15s, border-color .15s, opacity .15s; }
.support-chat-actions button:hover { background:color-mix(in srgb, var(--primary) 85%, #fff 15%); }
.support-chat-actions button.secondary { background:var(--surface,#1e293b); border:1px solid var(--border,#334155); color:var(--text-primary,#f1f5f9); }
.support-chat-actions button.secondary:hover { background:color-mix(in srgb, var(--surface) 70%, var(--background) 30%); border-color:color-mix(in srgb, var(--border) 70%, var(--primary) 30%); }
.support-chat-actions button:disabled { opacity:.5; cursor:default; }

.support-chat-dropzone { border:1px dashed var(--border,#334155); padding:0 10px; height:28px; border-radius:14px; font-size:11px; display:flex; justify-content:space-between; align-items:center; gap:8px; background:color-mix(in srgb, var(--background) 70%, var(--surface) 30%); color:var(--muted,#94a3b8); transition:border-color .15s, background .15s; }
.support-chat-dropzone:hover { border-color:color-mix(in srgb, var(--border) 50%, var(--primary) 50%); background:color-mix(in srgb, var(--primary) 6%, var(--background) 94%); }
.support-chat-dropzone .dropzone-counter, .support-chat-dropzone > span:last-child { color:var(--muted,#94a3b8); font-variant-numeric:tabular-nums; }

.support-chat-attachments { display:flex; flex-wrap:wrap; gap:6px; }
.support-chat-attachment { font-size:11px; background:color-mix(in srgb, var(--surface) 60%, var(--background) 40%); border:1px solid var(--border,#334155); color:var(--text-primary,#f1f5f9); padding:4px 6px; border-radius:6px; display:flex; gap:4px; align-items:center; }
.support-chat-attachment span { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Item request specialized block */
.support-chat-item-request { position:relative; border:1px solid var(--border,#334155); background:color-mix(in srgb, var(--surface) 70%, var(--background) 30%); padding:10px 12px 12px; border-radius:10px; display:flex; flex-direction:column; gap:6px; }
.support-chat-item-request .scr-header { font-weight:600; font-size:13px; letter-spacing:.2px; color:var(--text-primary,#f1f5f9); }
.support-chat-item-request ul { margin:0 0 4px 18px; padding:0; list-style:disc; color:var(--text-primary,#f1f5f9); }
.support-chat-item-request .scr-status-line { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.support-chat-item-request .scr-badge { display:inline-block; padding:2px 8px; font-size:11px; border-radius:12px; font-weight:600; color:#fff; letter-spacing:.2px; }
.scr-badge.pending { background:var(--primary,#60a5fa); color:#fff; }
.scr-badge.approved { background:var(--success,#10b981); color:#fff; }
.scr-badge.rejected { background:var(--error,#ef4444); color:#fff; }
.scr-badge.claimed { background:color-mix(in srgb, var(--primary) 70%, #000 30%); color:#fff; }
.support-chat-item-request .scr-actions { display:flex; gap:6px; }
.support-chat-item-request .scr-actions .scr-btn { background:color-mix(in srgb, var(--surface) 60%, var(--background) 40%); border:1px solid var(--border,#334155); color:var(--text-primary,#f1f5f9); font-size:11px; padding:0 10px; height:28px; line-height:26px; border-radius:6px; cursor:default; opacity:.55; }
.support-chat-item-request .scr-actions .scr-btn-action { font-size:11px; padding:0 12px; height:28px; line-height:26px; border-radius:6px; border:1px solid var(--border,#334155); cursor:pointer; font-weight:600; background:var(--surface,#1e293b); color:var(--text-primary,#f1f5f9); display:inline-flex; gap:4px; align-items:center; transition:background .15s, border-color .15s; }
.support-chat-item-request .scr-actions .scr-btn-action:hover { background:color-mix(in srgb, var(--surface) 70%, var(--primary) 30%); border-color:var(--primary,#60a5fa); }
.support-chat-item-request .scr-actions .scr-btn-action.approve { background:var(--success,#10b981); border-color:color-mix(in srgb, var(--success,#10b981) 70%, #000 30%); color:#fff; }
.support-chat-item-request .scr-actions .scr-btn-action.approve:hover { background:color-mix(in srgb, var(--success,#10b981) 85%, #fff 15%); }
.support-chat-item-request .scr-actions .scr-btn-action.reject { background:var(--error,#ef4444); border-color:color-mix(in srgb, var(--error,#ef4444) 70%, #000 30%); color:#fff; }
.support-chat-item-request .scr-actions .scr-btn-action.reject:hover { background:color-mix(in srgb, var(--error,#ef4444) 85%, #fff 15%); }
.support-chat-item-request .scr-actions .scr-btn-action.claim { background:var(--primary,#60a5fa); border-color:color-mix(in srgb, var(--primary) 70%, #000 30%); color:#fff; }
.support-chat-item-request .scr-actions .scr-btn-action.claim:hover { background:color-mix(in srgb, var(--primary) 85%, #fff 15%); }
.support-chat-item-request .scr-meta { font-size:10px; color:var(--muted,#94a3b8); margin-top:2px; display:flex; flex-direction:column; gap:2px; }
.support-chat-item-request .scr-claim-note { font-size:10px; color:var(--muted,#94a3b8); }

#support-chat-req-modal #req-search-input { display:none !important; }
#support-chat-req-modal #req-suggest-panel { display:none !important; }
#support-chat-req-modal .req-item-count,
#support-chat-req-modal .req-item-quality { pointer-events:none !important; }

.ai-status-indicator { display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:8px; background:color-mix(in srgb, var(--primary) 12%, var(--surface) 88%); border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border) 70%); font-size:12px; color:color-mix(in srgb, var(--primary) 70%, var(--text-primary) 30%); align-self:flex-start; max-width:86%; }
.ai-status-indicator .ai-status-text { white-space:nowrap; }
.ai-status-indicator .ai-status-dots { display:inline-flex; gap:3px; }
.ai-status-indicator .ai-status-dots span { width:5px; height:5px; border-radius:50%; background:var(--primary,#60a5fa); animation:ai-dot-pulse 1.2s ease-in-out infinite; }
.ai-status-indicator .ai-status-dots span:nth-child(2) { animation-delay:.2s; }
.ai-status-indicator .ai-status-dots span:nth-child(3) { animation-delay:.4s; }
@keyframes ai-dot-pulse { 0%,80%,100%{ opacity:.25; transform:scale(.8); } 40%{ opacity:1; transform:scale(1); } }

@media (max-width:1180px){ .support-chat-settings-panel{ border-radius:12px; border-right:1px solid var(--border,#334155); } }
@media (max-width:680px){ .support-chat-window.fullscreen{ width:100vw; height:100vh; right:0; bottom:0; transform:none; border-radius:0; } }

/* v1.39.562: дополнительные правила позиционирования и адаптив */
.support-chat-window { z-index:1055; }
.support-chat-window:not(.fullscreen) {
  /* inline-стили в JS перекрывают остальное; эти !important — страховка от регрессий */
  max-height: calc(100vh - 200px) !important;
}
.support-chat-header { position:sticky; top:0; z-index:2; }
.support-chat-input { flex-shrink:0; }
.support-chat-messages { scroll-behavior:smooth; }
.support-chat-window button:focus-visible,
.support-chat-window textarea:focus-visible,
.support-chat-window input:focus-visible { outline:2px solid #60a5fa; outline-offset:1px; }

/* Узкие десктопы / планшеты: окно не должно перекрывать левую часть */
@media (max-width:1180px){
  .support-chat-window:not(.fullscreen) {
    width: min(620px, calc(100vw - 28px)) !important;
    height: min(680px, calc(100vh - 200px)) !important;
  }
}

/* Мобилки: окно во всю ширину минус 16px, чуть выше тогглу */
@media (max-width:600px){
  .support-chat-window:not(.fullscreen) {
    bottom: 90px !important;
    right: 8px !important;
    left: 8px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100vh - 180px) !important;
    max-height: calc(100vh - 180px) !important;
    border-radius: 12px;
  }
  .support-chat-header { padding:10px 10px !important; gap:6px !important; }
  .support-chat-header .support-chat-title { font-size:12px !important; }
  .support-chat-header #support-chat-current-server { font-size:11.5px !important; padding:6px 8px !important; }
  .support-chat-header button { width:30px !important; height:30px !important; }
  .support-chat-actions button { padding:0 10px !important; height:34px !important; font-size:12.5px !important; }
  .support-chat-actions #support-chat-emoji { width:34px !important; }
  /* Левая панель — узкая, поверх (sync уже выставит left/top) */
  .support-chat-settings-panel { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; }
}

/* Очень низкие экраны (например, открыта клавиатура): фиксируем шапку видимой */
@media (max-height:700px){
  .support-chat-window:not(.fullscreen) {
    height: calc(100vh - 160px) !important;
    max-height: calc(100vh - 160px) !important;
    bottom: 90px !important;
  }
}

/* ===========================================================
   v1.39.564 — унификация палитры с сайтом + фиксы UX
   =========================================================== */

/* 1. Единая палитра: окно чата + панель «Настройки» используют один градиент
      surface→background, как карточки сайта. Перебиваем inline-стили из JS. */
.support-chat-window:not(.fullscreen) {
  background: linear-gradient(180deg, var(--surface, #1e293b) 0%, var(--background, #0f172a) 70%) !important;
  border: 1px solid var(--border, #334155) !important;
  border-radius: 14px !important;
}
.support-chat-window.fullscreen {
  background: linear-gradient(180deg, var(--surface, #1e293b) 0%, var(--background, #0f172a) 70%) !important;
  border: 1px solid var(--border, #334155) !important;
}
.support-chat-window .support-chat-header {
  background: var(--surface, #1e293b) !important;
  border-bottom: 1px solid var(--border, #334155) !important;
  color: var(--text-primary, #f1f5f9) !important;
}
.support-chat-window #support-chat-current-server {
  background: var(--background, #0f172a) !important;
  border: 1px solid var(--border, #334155) !important;
  color: var(--text-primary, #f1f5f9) !important;
}
.support-chat-window .support-chat-input {
  background: var(--surface, #1e293b) !important;
  border-top: 1px solid var(--border, #334155) !important;
}
.support-chat-window .support-chat-input-card {
  background: var(--background, #0f172a) !important;
  border: 1px solid var(--border, #334155) !important;
}
.support-chat-window #support-chat-messages {
  background: transparent !important;
}

/* 2. Border-radius — выровнены: окно и панель «Настройки» оба 14px по периметру. */
.support-chat-settings-panel {
  background: linear-gradient(180deg, var(--surface, #1e293b) 0%, var(--background, #0f172a) 100%) !important;
  border: 1px solid var(--border, #334155) !important;
  border-radius: 14px !important;
}
.support-chat-settings-panel .support-chat-input-card,
.support-chat-settings-panel .scs-section { border-radius: 10px; }

/* 3. Колокольчик — явные состояния .bell-on / .bell-off, единые радиусы/размеры
      с другими иконочными кнопками шапки (close, expand). */
.support-chat-window .support-chat-header > button,
.support-chat-window #support-chat-toggle-sound,
.support-chat-window .support-chat-expand,
.support-chat-window .support-chat-close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
  background: var(--background, #0f172a);
  border: 1px solid var(--border, #334155);
  color: var(--text-primary, #f1f5f9);
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease;
}
.support-chat-window .support-chat-header > button:hover,
.support-chat-window .support-chat-expand:hover,
.support-chat-window .support-chat-close:hover {
  border-color: var(--primary, #60a5fa);
  background: color-mix(in srgb, var(--primary, #60a5fa) 14%, var(--background, #0f172a) 86%);
}
.support-chat-window #support-chat-toggle-sound.bell-on {
  background: color-mix(in srgb, var(--primary, #60a5fa) 22%, var(--background, #0f172a) 78%);
  border-color: var(--primary, #60a5fa);
  color: var(--primary, #60a5fa);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary, #60a5fa) 22%, transparent);
}
.support-chat-window #support-chat-toggle-sound.bell-on:hover {
  background: color-mix(in srgb, var(--primary, #60a5fa) 32%, var(--background, #0f172a) 68%);
  color: #fff;
}
.support-chat-window #support-chat-toggle-sound.bell-off {
  background: color-mix(in srgb, var(--error, #ef4444) 14%, var(--surface, #1e293b) 86%);
  border-color: color-mix(in srgb, var(--error, #ef4444) 50%, var(--border, #334155) 50%);
  color: color-mix(in srgb, var(--error, #ef4444) 80%, var(--text-primary, #f1f5f9) 20%);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--error, #ef4444) 18%, transparent);
}
.support-chat-window #support-chat-toggle-sound.bell-off:hover {
  background: color-mix(in srgb, var(--error, #ef4444) 22%, var(--surface, #1e293b) 78%);
}
.support-chat-window #support-chat-toggle-sound:active,
.support-chat-window .support-chat-expand:active,
.support-chat-window .support-chat-close:active { transform: translateY(1px); }

/* 4. textarea ввода — корректный wrap длинных «слов» без пробелов, повышенный
      контраст текста, фиксированная ширина и вертикальный скролл при переполнении
      (фикс v1.39.565: длинный текст не должен наезжать на рамку контейнера). */
.support-chat-window .support-chat-input-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  background: var(--background, #0f172a) !important;
  border: 1px solid var(--border, #334155) !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.support-chat-window #support-chat-text {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  resize: none !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  white-space: pre-wrap !important;
  overflow-y: auto !important;
  color: var(--text-primary, #f1f5f9) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  padding: 8px 10px !important;
  min-height: 60px !important;
  max-height: 160px !important;
  caret-color: var(--primary, #60a5fa);
}
.support-chat-window #support-chat-text::placeholder {
  color: var(--text-secondary, #94a3b8) !important;
  opacity: .7;
}
/* v1.39.646 (dev-chat): кликабельные ссылки в сообщениях чата поддержки */
.support-chat-message a {
  color: var(--primary, #60a5fa);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--primary, #60a5fa) 50%, transparent);
  text-underline-offset: 2px;
  word-break: break-all;
  overflow-wrap: anywhere;
  transition: text-decoration-color .15s ease, color .15s ease;
}
.support-chat-message a:hover {
  color: var(--primary, #60a5fa);
  text-decoration-color: var(--primary, #60a5fa);
}

.support-chat-window .support-chat-dropzone {
  width: 100%;
  box-sizing: border-box;
  border: 1px dashed var(--border, #334155);
  background: color-mix(in srgb, var(--background, #0f172a) 70%, transparent);
  color: var(--text-secondary, #94a3b8);
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 11px;
  display: flex;
  /* v1.39.639 (dev-chat req 8328aa46): без space-between — иначе при
     пустом списке attachments кнопка 📎 «висит» в третьей трети ширины
     вместо правой границы. Через margin-left:auto на самой кнопке
     добиваемся стабильного позиционирования у правого края. */
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.support-chat-window .support-chat-dropzone > span:first-child {
  flex: 0 0 auto;
}
.support-chat-window .support-chat-dropzone .support-chat-attachments {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  overflow: hidden;
}
.support-chat-window #support-chat-add-file {
  background: color-mix(in srgb, var(--surface, #1e293b) 70%, var(--background, #0f172a) 30%);
  color: var(--text-primary, #cbd5e1);
  border: 1px solid var(--border, #334155);
  padding: 4px 8px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  flex: 0 0 auto;
  margin-left: auto;
  transition: background .15s ease, border-color .15s ease;
}
.support-chat-window #support-chat-add-file:hover {
  background: color-mix(in srgb, var(--primary, #60a5fa) 18%, var(--surface, #1e293b) 82%);
  border-color: var(--primary, #60a5fa);
}

/* 5/6. Футерные кнопки — единые размеры, радиусы, палитра CTA сайта. */
.support-chat-window #support-chat-send,
.support-chat-window #support-chat-request-items {
  height: 36px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease !important;
}
.support-chat-window #support-chat-send {
  background: var(--primary, #60a5fa) !important;
  border: 1px solid color-mix(in srgb, var(--primary, #60a5fa) 70%, #000 30%) !important;
  color: #fff !important;
}
.support-chat-window #support-chat-send:hover {
  background: color-mix(in srgb, var(--primary, #60a5fa) 88%, #fff 12%) !important;
  box-shadow: 0 4px 14px -4px color-mix(in srgb, var(--primary, #60a5fa) 60%, transparent) !important;
}
.support-chat-window #support-chat-request-items {
  background: transparent !important;
  border: 1px solid var(--border, #334155) !important;
  color: var(--text-primary, #f1f5f9) !important;
  padding: 0 14px !important;
}
.support-chat-window #support-chat-request-items:hover {
  background: color-mix(in srgb, var(--surface, #1e293b) 60%, var(--background, #0f172a) 40%) !important;
  border-color: var(--primary, #60a5fa) !important;
  color: var(--primary, #60a5fa) !important;
}
.support-chat-window #support-chat-emoji {
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  font-size: 16px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--background, #0f172a) !important;
  border: 1px solid var(--border, #334155) !important;
  color: var(--text-primary, #f1f5f9) !important;
  transition: background .15s ease, border-color .15s ease !important;
}
.support-chat-window #support-chat-emoji:hover {
  background: color-mix(in srgb, var(--primary, #60a5fa) 14%, var(--background, #0f172a) 86%) !important;
  border-color: var(--primary, #60a5fa) !important;
}