@charset "UTF-8";

/* أيقونة مركز الدعم (زر الدعم الأحمر في منصة Brand Card الجديدة) بدل صورة البوت */
.cb-bubble.bx-support,.cb-bubble.bx-support:hover{box-sizing:border-box;text-decoration:none;padding:0;background:#ED2939;color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.22)} /* بلا توهج (طلب المالك) — ظل محايد خفيف فقط */
.cb-bubble.bx-support svg{width:26px;height:26px}
html[data-bc-theme="light"] .cb-bubble.bx-support,html[data-bc-theme="light"] .cb-bubble.bx-support:hover{box-shadow:0 2px 6px rgba(0,0,0,.14)}

/* ── محادثة البوت بشكل دردشة الدعم في موقع الشحن (SupportChat): فقاعات العميل يمين بلون الإجراء،
   وردود البوت يسار بسطح رمادي، مع وقت أسفل كل رسالة. يتبع وضع المتجر (نهاري/ليلي) عبر data-bc-theme.
   كل القواعد تحت #cbPanel (أولوية id) لتغلب الستايل القديم مهما كان ترتيب تحميل ملفات brandOutputFilter. ── */
#cbPanel{
  --cbc-surface:#16171B;--cbc-alt:#26272D;--cbc-border:rgba(255,255,255,.10);
  --cbc-text:#F2F2F3;--cbc-text2:#9A9AA2;--cbc-accent:#ED2939;--cbc-online:#2ED47A;
  background:var(--cbc-surface);border:1px solid var(--cbc-border);border-radius:18px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
}
html[data-bc-theme="light"] #cbPanel{
  --cbc-surface:#ffffff;--cbc-alt:#F2F2F4;--cbc-border:#E5E5E7;--cbc-text:#1A1A1A;--cbc-text2:#8A8A8E;--cbc-online:#1f9d57;
  box-shadow:0 20px 50px rgba(16,24,40,.18);
}
#cbPanel .cb-header{background:var(--cbc-surface);border-bottom:1px solid var(--cbc-border);padding:12px 14px;gap:10px}
#cbPanel .cb-header::after{display:none}
#cbPanel .cb-avatar{width:40px;height:40px;border:0;border-radius:50%;background:var(--cbc-accent);box-shadow:none}
#cbPanel .cb-header-name{color:var(--cbc-text);font-weight:700;font-size:15px;letter-spacing:0;text-shadow:none}
#cbPanel .cb-header-name .cb-verified{background:var(--cbc-accent);box-shadow:0 0 0 1.5px var(--cbc-surface)}
#cbPanel .cb-header-status{color:var(--cbc-online);font-size:12px;font-weight:600;margin-top:2px}
#cbPanel .cb-status-dot{background:var(--cbc-online);box-shadow:none;animation:none}
#cbPanel .cb-close{background:var(--cbc-alt);color:var(--cbc-text2)}
#cbPanel .cb-close:hover{background:color-mix(in oklab,var(--cbc-text) 10%,var(--cbc-alt));color:var(--cbc-text)}

#cbPanel .cb-messages{background:var(--cbc-surface);padding:14px;gap:10px}
#cbPanel .cb-messages::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--cbc-text) 16%,transparent)}
#cbPanel .cb-msg{max-width:min(82%,520px);display:flex;flex-direction:column}
/* الفقاعة صارت .cb-bubble-in داخل الصف؛ نصفّر خلفية/حدود الصف القديمة */
#cbPanel .cb-msg.bot{align-self:flex-start;align-items:flex-start;padding:0;border:0;background:none;border-radius:0}
#cbPanel .cb-msg.user{align-self:flex-end;align-items:flex-end;padding:0;border:0;background:none;border-radius:0}
#cbPanel .cb-bubble-in{padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
#cbPanel .cb-msg.bot .cb-bubble-in{background:var(--cbc-alt);color:var(--cbc-text);border-bottom-right-radius:14px;border-bottom-left-radius:4px}
#cbPanel .cb-msg.user .cb-bubble-in{background:var(--cbc-accent);color:#fff;font-weight:500;border-bottom-left-radius:14px;border-bottom-right-radius:4px}
#cbPanel .cb-time{margin-top:3px;font-size:11px;color:var(--cbc-text2);font-variant-numeric:tabular-nums}

#cbPanel .cb-typing{background:var(--cbc-alt);border:0;border-radius:14px;border-bottom-left-radius:4px}
#cbPanel .cb-typing span{background:var(--cbc-text2)}

#cbPanel .cb-suggestions{gap:6px}
#cbPanel .cb-suggestion-label{color:var(--cbc-text2)}
#cbPanel .cb-suggestion{background:var(--cbc-alt);border:1px solid var(--cbc-border);color:var(--cbc-text);border-radius:999px;font-size:12px;font-weight:600}
#cbPanel .cb-suggestion:hover{background:color-mix(in oklab,var(--cbc-accent) 12%,var(--cbc-alt));color:var(--cbc-text);border-color:color-mix(in oklab,var(--cbc-accent) 28%,var(--cbc-border));transform:none}

#cbPanel .cb-feedback{align-self:flex-start}
#cbPanel .cb-fb-btn{background:var(--cbc-alt);border:1px solid var(--cbc-border);color:var(--cbc-text2);border-radius:8px}
#cbPanel .cb-fb-btn:hover{background:color-mix(in oklab,var(--cbc-text) 8%,var(--cbc-alt));color:var(--cbc-text)}
#cbPanel .cb-fb-btn.selected{background:color-mix(in oklab,var(--cbc-online) 16%,transparent);color:var(--cbc-online);border-color:color-mix(in oklab,var(--cbc-online) 30%,transparent)}
#cbPanel .cb-fb-btn.selected-bad{background:color-mix(in oklab,var(--cbc-accent) 14%,transparent);color:var(--cbc-accent);border-color:color-mix(in oklab,var(--cbc-accent) 30%,transparent)}

#cbPanel .cb-input-area{background:var(--cbc-surface);border-top:1px solid var(--cbc-border);padding:10px 12px;gap:8px}
#cbPanel .cb-input{background:var(--cbc-alt);border:1px solid var(--cbc-border);color:var(--cbc-text);border-radius:18px;font-size:14px;padding:9px 14px}
#cbPanel .cb-input:focus{border-color:var(--cbc-accent)}
#cbPanel .cb-input::placeholder{color:var(--cbc-text2)}
#cbPanel .cb-send{width:38px;height:38px;background:var(--cbc-accent);box-shadow:none}
#cbPanel .cb-send:hover{filter:brightness(1.07);transform:none;box-shadow:none}
#cbPanel .cb-send:disabled{opacity:.45}
#cbPanel .cb-powered{background:var(--cbc-surface);border-top:1px solid var(--cbc-border);color:var(--cbc-text2);font-size:10px}