/* الدردشة العامة: شريط ثابت يمين سطح المكتب، ولوحة سفلية ثابتة فوق شريط التنقل في الجوال — بلا فقاعة عائمة ولا إغلاق */
.sr{font-family:var(--font,Tajawal,sans-serif);-webkit-font-smoothing:antialiased}
.sr-launch{display:none!important} /* أُزيلت الفقاعة العائمة */

.sr-panel{
  position:fixed;top:0;right:0;bottom:0;z-index:55;width:360px;
  background:#fff;display:flex;flex-direction:column;
  box-shadow:-8px 0 32px rgba(27,27,51,.14);
  overflow:hidden;border-left:1px solid var(--line,#E8E8E8);
}
.sr-panel[hidden],.sr-write[hidden],.sr-guest[hidden],.sr-muted[hidden],.sr-warn[hidden],.sr-reply[hidden],.sr-emoji[hidden],#souq-room [hidden]{display:none!important}
.sr-toggle{display:none;}
.sr-launch__badge{
  position:absolute;top:-2px;left:-2px;min-width:20px;height:20px;padding:0 5px;
  border-radius:99px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;
  display:grid;place-items:center;border:2px solid #fff;line-height:1;
}
@media (max-width:979px){
  .sr-panel{
    top:auto;left:0;right:0;width:100%;
    bottom:76px;height:56px;
    box-shadow:0 -6px 20px rgba(27,27,51,.10);
    border-left:0;border-top:1px solid var(--line,#E8E8E8);
    border-radius:16px 16px 0 0;
    z-index:55;
  }
  body.souq-has-room{padding-bottom:132px}
  .sr:not(.is-expanded) .sr-msgs,
  .sr:not(.is-expanded) .sr-composer,
  .sr:not(.is-expanded) .sr-pin,
  .sr:not(.is-expanded) .sr-typing,
  .sr:not(.is-expanded) .sr-warn,
  .sr:not(.is-expanded) .sr-reply,
  .sr:not(.is-expanded) .sr-emoji{display:none!important}
  .sr.is-expanded .sr-panel{height:min(70vh,560px)}
  .sr-toggle{display:grid;position:relative}
  .sr.is-expanded .sr-toggle{transform:rotate(180deg)}
}
@media (min-width:980px){
  body.souq-has-room{padding-right:360px;padding-bottom:0}
  .sr-toggle{display:none!important}
  .sr-panel{display:flex!important}
}

.sr-head{
  flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:12px 12px 12px 16px;background:var(--brand);color:#fff;
}
.sr-head__who{display:flex;flex-direction:column;min-width:0}
.sr-head__who b{font-size:1rem;font-weight:800;line-height:1.3}
.sr-head__who small{opacity:.85;font-size:.78rem}
.sr-head__acts{display:flex;gap:2px}
.sr-iconbtn{
  width:36px;height:36px;border:0;background:transparent;color:inherit;border-radius:10px;
  display:grid;place-items:center;cursor:pointer;
}
.sr-iconbtn:hover{background:rgba(255,255,255,.15)}
.sr-pin{
  flex:none;margin:8px 10px 0;padding:8px 10px;border-radius:12px;background:var(--brand-l);
  border:1px solid var(--line);font-size:.85rem;color:var(--ink);
}
.sr-pin b{display:block;font-size:.72rem;color:var(--brand);margin-bottom:2px}
.sr-msgs{flex:1;overflow-y:auto;padding:12px 10px 8px;background:#fff;scroll-behavior:smooth}
.sr-day{text-align:center;font-size:.72rem;color:var(--muted);margin:8px 0;font-weight:700}
.sr-m{display:flex;gap:8px;margin:2px 0 10px;align-items:flex-end;max-width:100%}
.sr-m.is-mine{flex-direction:row-reverse}
.sr-av{
  flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:.85rem;
}
.sr-av.c0{background:#FB7600}.sr-av.c1{background:#0f766e}.sr-av.c2{background:#b45309}
.sr-av.c3{background:#be185d}.sr-av.c4{background:#0369a1}.sr-av.c5{background:#F2036B}
.sr-m.is-mine .sr-av{visibility:hidden;width:0;margin:0;overflow:hidden}
.sr-bubble{max-width:78%;min-width:0}
.sr-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted);margin:0 4px 3px}
.sr-m.is-mine .sr-meta{justify-content:flex-end}
.sr-meta b{color:var(--ink);font-weight:800;font-size:.78rem}
.sr-badge{
  display:inline-flex;align-items:center;padding:1px 6px;border-radius:99px;font-size:.65rem;font-weight:800;
  background:#fef3c7;color:#92400e;
}
.sr-badge.is-mod{background:var(--brand-l);color:var(--accent-d)}
.sr-q{
  display:block;margin-bottom:4px;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.06);
  border-inline-start:3px solid var(--brand);font-size:.75rem;color:var(--muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.sr-m.is-mine .sr-q{background:rgba(255,255,255,.2);border-inline-start-color:#fff;color:rgba(255,255,255,.9)}
.sr-body{
  position:relative;padding:8px 12px;border-radius:16px 16px 4px 16px;background:#fff;
  box-shadow:0 1px 1px rgba(27,27,51,.05);font-size:.95rem;line-height:1.55;word-wrap:break-word;white-space:pre-wrap;
}
.sr-m.is-mine .sr-body{background:var(--brand);color:#fff;border-radius:16px 16px 16px 4px}
.sr-body.is-deleted{background:transparent;box-shadow:none;color:var(--muted);font-style:italic;padding-inline:4px}
.sr-m.is-mine .sr-body.is-deleted{background:transparent;color:var(--muted)}
.sr-more{
  position:absolute;top:2px;inset-inline-start:-28px;width:26px;height:26px;border:0;border-radius:8px;
  background:transparent;color:var(--muted);cursor:pointer;opacity:0;
}
.sr-m:hover .sr-more,.sr-more:focus{opacity:1}
.sr-m.is-mine .sr-more{inset-inline-start:auto;inset-inline-end:-28px;color:var(--muted)}
.sr-typing{flex:none;padding:0 16px 4px;font-size:.78rem;color:var(--muted);background:#fff;min-height:0}
.sr-warn{
  flex:none;margin:0 10px 8px;padding:8px 12px;border-radius:12px;background:#fef2f2;color:var(--bad);
  border:1px solid #fecaca;font-size:.85rem;font-weight:700;
}
.sr-reply{
  flex:none;display:flex;align-items:center;gap:8px;margin:0 10px;padding:6px 10px;
  border-radius:10px 10px 0 0;background:var(--brand-l);font-size:.8rem;color:var(--ink);
  border-inline-start:3px solid var(--brand);
}
.sr-reply .sr-iconbtn{color:var(--ink);width:28px;height:28px}
.sr-composer{flex:none;background:#fff;border-top:1px solid var(--line);padding:8px 10px 10px;position:relative}
.sr-guest,.sr-muted{text-align:center;padding:6px 8px 8px;font-size:.9rem}
.sr-guest p,.sr-muted p{margin:0 0 8px;color:var(--muted)}
.sr-write{display:flex;align-items:flex-end;gap:6px}
.sr-write textarea{
  flex:1;resize:none;max-height:120px;min-height:40px;border:1.5px solid var(--line);border-radius:18px;
  padding:8px 12px;background:#fff;line-height:1.4;
}
.sr-write textarea:focus{outline:none;border-color:var(--brand);background:#fff}
.sr-send{
  flex:none;width:40px;height:40px;border:0;border-radius:50%;background:var(--brand);color:#fff;
  display:grid;place-items:center;cursor:pointer;
}
.sr-send:hover{background:var(--brand-d)}
.sr-send:disabled{opacity:.45;cursor:default}
.sr-emoji{
  position:absolute;bottom:100%;right:8px;left:8px;background:#fff;border:1px solid var(--line);
  border-radius:14px;box-shadow:0 8px 24px rgba(27,27,51,.12);padding:8px;display:grid;
  grid-template-columns:repeat(8,1fr);gap:2px;max-height:180px;overflow-y:auto;z-index:2;
}
.sr-emoji button{border:0;background:transparent;font-size:1.25rem;padding:4px;border-radius:8px;cursor:pointer;line-height:1.2}
.sr-emoji button:hover{background:var(--brand-l)}
.sr-menu{
  position:fixed;z-index:90;min-width:200px;background:#fff;border:1px solid var(--line);
  border-radius:12px;box-shadow:0 8px 28px rgba(27,27,51,.16);padding:4px;display:flex;flex-direction:column;
}
.sr-menu[hidden]{display:none!important}
.sr-menu button{
  border:0;background:transparent;text-align:right;padding:8px 12px;border-radius:8px;cursor:pointer;
  font-weight:700;font-size:.88rem;color:var(--ink);
}
.sr-menu button:hover{background:var(--brand-l);color:var(--brand)}
.sr-menu button.is-danger{color:var(--bad)}
.sr-menu button.is-danger:hover{background:#fef2f2}
.sr-empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:.9rem}
@media (max-width:979px){
  .sr-more{opacity:.75}
  .sr-launch{bottom:calc(82px + env(safe-area-inset-bottom));right:14px}
  .sr-panel{width:100%;top:0;right:0;left:0;bottom:calc(76px + env(safe-area-inset-bottom));border-radius:0;box-shadow:none}
  .sr.is-min .sr-panel{top:auto;left:auto;right:0;width:min(380px,100vw);height:52px;bottom:calc(76px + env(safe-area-inset-bottom));border-radius:16px 0 0 0}
}

.sr-meta b.is-vip{background:var(--grad,#FB7600);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-badge.is-vip{background:linear-gradient(to right,#FB7600,#F2036B);color:#fff}
.sr-img{max-width:220px;border-radius:10px;display:block;margin:6px 0}
.sr-aud{display:block;margin:6px 0;max-width:220px}