/* «شات المشرف المفلتر + قائمة الإرسال» (owner msg 869997d2): mini supervisor card, filtered chat pane, split send in «اسأل أومنيس».
   Layout only + tokens from theme-tokens.css (rules/theme-tokens-rule.md). Buttons are .btn / .icon-btn, fields .input,
   menus the standard .sup-menu / .sup-mi; nothing here gives a button or a field its own look. */
/* bubbles: the face and name open the card */
.mwrap [data-scard]{cursor:pointer}
.mwrap .sup-nm[data-scard]:focus-visible{outline:0;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}
/* faces */
.sc-av{width:var(--sc-av);height:var(--sc-av);flex:none;display:grid;place-items:center;line-height:0;font-style:normal}
.sc-av.sm{width:var(--sc-av-sm);height:var(--sc-av-sm)}
.sc-av.lg{width:var(--sc-av-lg);height:var(--sc-av-lg)}
.sc-av.xs{width:var(--sc-av-xs);height:var(--sc-av-xs)}
.sc-av svg{width:100%;height:100%}
.sc-ini{width:100%;height:100%;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--fc,var(--brand));color:var(--on-fc,var(--on-brand));font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:1}
/* mini card: sheet on the phone, popover beside the face on the desktop */
.sc-card{display:flex;flex-direction:column;gap:var(--sec-gap);padding:var(--sec-pad)}
.sc-hd{display:flex;align-items:center;gap:var(--space-3)}
.sc-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sc-id b{font-size:var(--fs-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-id small{color:var(--text3);font-size:var(--fs-xs)}
.sc-now{display:flex;align-items:center;gap:var(--space-2);color:var(--text2);font-size:var(--fs-sm);line-height:var(--lh)}
.sc-live{width:8px;height:8px;flex:none;border-radius:var(--radius-pill);background:var(--fstack-live)}
.sc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.sc-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:var(--space-2);background:var(--sec-bg);border:1px solid var(--sec-border);border-radius:var(--sec-radius);text-align:center}
.sc-stat b{font-size:var(--fs-lg);line-height:1.2}
.sc-stat small{color:var(--text3);font-size:var(--fs-xxs)}
.sc-stat[data-sc]{cursor:pointer}
.sc-stat[data-sc]:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.sc-stats.is-loading b{color:var(--text4)}
.sc-acts{margin:0}
.sheet-bg.sc-popbg{background:transparent;align-items:flex-start;justify-content:flex-start}
.sc-card.sc-pop{position:fixed;left:var(--sc-x);top:var(--sc-y);width:var(--sc-pop-w);margin:0;box-shadow:var(--shadow-pop)}
/* filtered chat pane (replaces the full list in the same page; the header and the composer stay) */
.chat.sc-on > #msgs,.chat.sc-on > #newpill{display:none}
.sc-pane{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:var(--sc-top);position:relative;z-index:1}
.sc-head{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-3) var(--space-2);border-bottom:.5px solid var(--stroke3)}
.sc-top{display:flex;align-items:center;gap:var(--space-2)}
.sc-tt{flex:1;min-width:0;display:flex;flex-direction:column}
.sc-tt b{font-size:var(--fs-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-tt small{color:var(--text3);font-size:var(--fs-xs)}
.sc-tools{display:flex;flex-direction:column;gap:var(--space-2)}
.sc-search{display:flex;align-items:center;gap:var(--space-2)}
.sc-search > svg{width:16px;height:16px;flex:none;color:var(--text3)}
.sc-q{flex:1;min-width:0}
.sc-chips{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.sc-chips::-webkit-scrollbar{display:none}
.sc-chips > *{flex:none}
.sc-n{opacity:.7;font-size:var(--fs-xxs)}
.sc-pane > .msgs.sc-list{padding-top:var(--space-2)}
.sc-gap{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0;color:var(--text3);font-size:var(--fs-xs)}
.sc-gap::before,.sc-gap::after{content:"";flex:1;border-top:1px dashed var(--sc-gap-line)}
.sc-gap > :last-child{flex:none}
.sc-inf{align-self:flex-end;color:var(--text4);font-size:var(--fs-xxs);margin-bottom:-2px}
.sc-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text2);font-size:var(--fs-sm)}
.sc-state b{color:var(--text);font-size:var(--fs-lg)}
.sc-state.err b{color:var(--danger-ink)}
.sc-state .spin{width:22px;height:22px;border:2px solid var(--stroke);border-top-color:var(--brand);border-radius:var(--radius-pill);animation:sc-rot .8s linear infinite}
@keyframes sc-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sc-state .spin{animation:none}}
/* «ترسل إلى <name> بس»: a clear line in HIS face colour over the composer */
.replying.sc-to{color:var(--fc-t,var(--brand-ink));box-shadow:inset 3px 0 0 var(--fc,var(--brand))}
[dir=rtl] .replying.sc-to,.replying.sc-to[dir=rtl]{box-shadow:inset -3px 0 0 var(--fc,var(--brand))}
:root[data-theme=dark] .replying.sc-to{color:var(--fc-t,var(--brand-bright))}
.replying .sc-av.xs{margin-inline-end:2px}
/* Ctrl+K supervisor picker */
.sc-picker .sc-search{margin:var(--space-3)}
.sc-pl{max-height:50vh;overflow:auto}
/* «قائمة الإرسال» in «اسأل أومنيس»: the small arrow beside send, the routed send ring, the menu extras, the receipt line */
.c-more{align-self:center;margin-inline-start:calc(var(--space-1) * -1)}
.c-more svg{transform:rotate(90deg)}
.c-send.routed{box-shadow:0 0 0 2px var(--brand)}
.sr-menu .sr-sub{margin-inline-start:auto;font-style:normal;color:var(--text3)}
.sr-menu .sr-hint{color:var(--text3);font-size:var(--fs-xxs);font-weight:var(--fw-medium)}
.sr-menu [disabled]{opacity:.6;cursor:default}
.sr-menu .sup-mi-av svg{width:18px;height:18px}
.side-note{align-self:center;max-width:92%;padding:2px var(--space-2);color:var(--text3);font-size:var(--fs-xs);text-align:center}
.replying.sr-to{color:var(--brand-ink)}
:root[data-theme=dark] .replying.sr-to{color:var(--brand-bright)}