/* Support Chat Widget Styles */
#support-chat-toggle { position:fixed; bottom:80px; right:24px; z-index:1050; width:auto; min-width:80px; height:auto; padding:12px 16px; border-radius:16px; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border:none; box-shadow:0 6px 20px rgba(0,0,0,.35); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .18s, box-shadow .18s; }
#support-chat-toggle.unread::after { content:attr(data-unread); position:absolute; top:-8px; right:-8px; background:#ef4444; color:#fff; font-size:12px; min-width:24px; height:24px; display:flex; align-items:center; justify-content:center; border-radius:50%; padding:0 6px; box-shadow:0 0 0 3px #1e293b; font-weight:700; }
#support-chat-toggle:hover { transform:translateY(-2px); }

.support-chat-window { position:fixed; bottom:130px; right:18px; width:340px; max-height:520px; background:var(--surface,#1e293b); color:var(--fg,#f1f5f9); border:1px solid var(--border,#334155); border-radius:18px; 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-header { padding:10px 14px; display:flex; gap:10px; align-items:center; background:linear-gradient(135deg,#1e3a8a,#1e40af); color:#fff; }
.support-chat-header select { flex:1; padding:4px 6px; border-radius:6px; background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.3); color:#fff; font-size:13px; }
.support-chat-messages { flex:1; overflow-y:auto; padding:12px 14px 10px; font-size:13px; display:flex; flex-direction:column; gap:10px; background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(0,0,0,0.35)); }
.support-chat-message { display:flex; flex-direction:column; gap:4px; padding:8px 10px; border-radius:10px; max-width:86%; position:relative; background:rgba(255,255,255,0.06); }
.support-chat-message.me { align-self:flex-end; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; }
.support-chat-message.pending { border:1px dashed rgba(255,255,255,0.35); background:rgba(56,189,248,0.08); }
.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 .meta { font-size:10px; opacity:.75; display:flex; gap:6px; }
.support-chat-input { border-top:1px solid var(--border,#334155); padding:8px 10px 10px; display:flex; flex-direction:column; gap:6px; }
.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(--card,#0f172a); color:var(--fg,#f1f5f9); border:1px solid var(--border,#334155); line-height:1.35; }
.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:linear-gradient(135deg,#2563eb,#1d4ed8); border:none; color:#fff; padding:8px 14px; font-size:13px; border-radius:8px; cursor:pointer; display:flex; gap:6px; align-items:center; }
.support-chat-actions button.secondary { background:rgba(255,255,255,0.12); color:#fff; }
.support-chat-actions button.secondary:hover { background:rgba(255,255,255,0.2); }
.support-chat-actions button:disabled { opacity:.5; cursor:default; }
.support-chat-dropzone { border:1px dashed var(--border,#334155); padding:6px 8px; border-radius:8px; font-size:11px; display:flex; justify-content:space-between; align-items:center; gap:8px; background:rgba(255,255,255,0.04); }
.support-chat-attachments { display:flex; flex-wrap:wrap; gap:6px; }
.support-chat-attachment { font-size:11px; background:rgba(255,255,255,0.1); 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; }
.support-chat-close { background:rgba(255,255,255,0.15); border:none; color:#fff; width:30px; height:30px; border-radius:8px; cursor:pointer; }
.support-chat-expand { background:rgba(255,255,255,0.15); border:none; color:#fff; width:30px; height:30px; border-radius:8px; cursor:pointer; }
.support-chat-message .attachments { margin-top:4px; display:flex; flex-direction:column; gap:3px; }
.support-chat-message .attachments a { font-size:11px; color:#fff; text-decoration:none; background:rgba(255,255,255,0.2); padding:3px 6px; border-radius:4px; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.support-chat-message.user { background:#334155; }
.support-chat-message.admin { background:#7c2d12; }
.support-chat-message.admin .meta { color:#fde68a; }
.support-chat-message.deleted { opacity:0.7; background: rgba(255,255,255,0.03); border:1px dashed rgba(255,255,255,0.25); }
.support-chat-deleted { font-size:12px; font-style:italic; opacity:0.65; }
.support-chat-delete-btn { background: rgba(244,63,94,0.2); border: 1px solid rgba(244,63,94,0.5); color: #f87171; margin-top:4px; border-radius:4px; padding:2px 5px; font-size:11px; cursor:pointer; }
.support-chat-delete-btn:hover { background: rgba(244,63,94,0.3); }
/* Item request specialized block */
.support-chat-item-request { position:relative; border:1px solid rgba(255,255,255,0.15); background:rgba(255,255,255,0.04); padding:10px 12px 12px; border-radius:12px; display:flex; flex-direction:column; gap:6px; }
.support-chat-item-request .scr-header { font-weight:600; font-size:13px; letter-spacing:.2px; }
.support-chat-item-request ul { margin:0 0 4px 18px; padding:0; list-style:disc; }
.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:14px; font-weight:500; color:#fff; }
.scr-badge.pending { background:#6366f1; }
.scr-badge.approved { background:#16a34a; }
.scr-badge.rejected { background:#dc2626; }
.scr-badge.claimed { background:#0ea5e9; }
.support-chat-item-request .scr-actions { display:flex; gap:6px; }
.support-chat-item-request .scr-actions .scr-btn { background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.25); color:#fff; font-size:11px; padding:4px 10px; border-radius:6px; cursor:default; opacity:.55; }
.support-chat-item-request .scr-actions .scr-btn-action { font-size:11px; padding:4px 10px; border-radius:6px; border:1px solid transparent; cursor:pointer; font-weight:500; background:linear-gradient(135deg,#475569,#334155); color:#fff; display:inline-flex; gap:4px; align-items:center; }
.support-chat-item-request .scr-actions .scr-btn-action:hover { filter:brightness(1.15); }
.support-chat-item-request .scr-actions .scr-btn-action.approve { background:linear-gradient(135deg,#16a34a,#15803d); }
.support-chat-item-request .scr-actions .scr-btn-action.reject { background:linear-gradient(135deg,#dc2626,#b91c1c); }
.support-chat-item-request .scr-actions .scr-btn-action.claim { background:linear-gradient(135deg,#0ea5e9,#0284c7); }
.support-chat-item-request .scr-meta { font-size:10px; opacity:.65; margin-top:2px; display:flex; flex-direction:column; gap:2px; }
.support-chat-item-request .scr-claim-note { font-size:10px; opacity:.6; }
@media (max-width:680px){ .support-chat-window.fullscreen{ width:100vw; height:100vh; right:0; bottom:0; transform:none; border-radius:0; } }