/* «اعرض شاشتك في قسم الوجه» (public/sup-screen-face.js, Omxio msg 5e0e65fe item 2): the supervisor's live computer screen in the
   big face section. Layout only: the panel reads the --fsc-* tokens (built on --sec-*), the close button is the standard .icon-btn. */
.tiles.fsc-on{position:relative}
.tiles.fsc-on > .tile[data-id="social"],.tiles.fsc-on > .svt-row{display:none}
.fsc{grid-column:1/-1;grid-row:1;justify-self:center;box-sizing:border-box;width:100%;max-width:var(--fsc-max-w);display:flex;flex-direction:column;gap:var(--fsc-gap);
  padding:var(--fsc-pad);border:.5px solid var(--fsc-border);border-radius:var(--fsc-radius);background:var(--fsc-bg);color:var(--fsc-ink);animation:fscin .22s ease}
.fsc-h{display:flex;align-items:center;gap:var(--space-2);padding-inline-start:var(--space-1)}
.fsc-h > svg{width:18px;height:18px;flex:none;color:var(--fsc-ink2)}
.fsc-live{width:var(--fsc-dot);height:var(--fsc-dot);border-radius:50%;flex:none;background:var(--fsc-live);animation:fscp 1.2s ease-in-out infinite}
.fsc-tt{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.fsc-tt b{font-size:var(--fsc-fs)}.fsc-tt small{color:var(--fsc-ink2);font-size:var(--fs-xs)}
.fsc-x svg{width:18px;height:18px}
.fsc-view{position:relative;aspect-ratio:var(--fsc-ratio);border-radius:var(--fsc-view-radius);overflow:hidden;background:var(--fsc-view-bg);display:grid;place-items:center}
.fsc-img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none}
.fsc-img:not([src]){visibility:hidden}
.fsc-st{position:absolute;inset-inline:var(--space-3);text-align:center;color:var(--fsc-view-ink);font-size:var(--fsc-fs)}
.fsc-st[hidden]{display:none}
.fsc-fix{position:absolute;inset-block-end:var(--space-3);inset-inline:0;margin-inline:auto;width:max-content}
.fsc-fix[hidden]{display:none}
.fsc-why{margin:0;padding-inline:var(--space-1);color:var(--fsc-ink2);font-size:var(--fs-xs)}
@keyframes fscin{from{opacity:0;transform:scale(.98)}}
@keyframes fscp{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.fsc,.fsc-live{animation:none}}