/* SHAKO panels — subscriber list «يشاهد الآن» + country flag (2026-10-31). Display only (subscriber-watching.js). */
:root{--sw-ink:#06707c;--sw-bg:#e2f6f8;--sw-line:#b5e6ec;--sw-dot:#0aa5b5}
.subscriber-table .subscriber-row-context .sw-now{display:grid;gap:3px;min-width:0;color:var(--text,#1c1a3a)}
.sw-badge{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:2px 8px 2px 7px;border:1px solid var(--sw-line);border-radius:999px;background:var(--sw-bg);color:var(--sw-ink);font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap}
.sw-dot{width:7px;height:7px;border-radius:50%;background:var(--sw-dot);box-shadow:0 0 0 0 rgba(10,165,181,.55);animation:sw-pulse 1.8s ease-out infinite}
@keyframes sw-pulse{0%{box-shadow:0 0 0 0 rgba(10,165,181,.55)}70%{box-shadow:0 0 0 6px rgba(10,165,181,0)}100%{box-shadow:0 0 0 0 rgba(10,165,181,0)}}
@media (prefers-reduced-motion: reduce){.sw-dot{animation:none}}
.sw-lines{display:grid;gap:2px;min-width:0}
.sw-item{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45}
.sw-kind{display:inline-block;margin-inline-end:2px;padding:0 5px;border-radius:5px;background:#eef0f6;color:#4a4868;font-size:10px;font-weight:700;vertical-align:1px}
.sw-kind-live{background:#fde8ec;color:#b42343}
.sw-kind-movie{background:#efeafd;color:#5b3fc4}
.sw-kind-episode{background:#fff1df;color:#9a5a00}
.sw-title{font-weight:600;color:var(--text,#1c1a3a)}
.sw-se{color:var(--sw-ink);font-weight:700;white-space:nowrap}
.sw-sub,.sw-more{color:var(--muted,#6c6a86)}
.sw-more{font-size:11px}
.sw-flag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:20px;height:18px;margin-inline-start:2px;line-height:1;cursor:default}
.sw-emoji{font-size:15px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.sw-code{padding:1px 4px;border:1px solid var(--line-strong,#dddaf0);border-radius:4px;background:#fff;color:#4a4868;font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}
.sw-flag-now .sw-code{border-color:var(--sw-line);background:var(--sw-bg);color:var(--sw-ink)}
@media (max-width:780px){
  .sw-item{font-size:11px}
  .sw-badge{font-size:10.5px}
}
.sw-svg{display:block;width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(28,26,58,.14);overflow:hidden}
.sw-flag-now .sw-svg{box-shadow:0 0 0 1px rgba(28,26,58,.14),0 0 0 3px var(--sw-bg)}
/* Flag sits in the row context (beside «يشاهد الآن», or alone for the latest session), never in the username line. */
.sw-head{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.sw-head .sw-flag,.sw-last .sw-flag{margin-inline-start:0}
.subscriber-table .subscriber-row-context > span.sw-last{display:flex;overflow:visible}