/* FormaSkills — chaîne vidéo protégée par fournisseur de streaming (chantier « video », F-38 à F-40, §10.2).
   Lecteur du fournisseur dans la leçon (plein écran du cadre, filigrane superposé), état « en préparation »,
   pastille d'état dans le studio, console d'administration.
   Jetons du design system et propriétés logiques uniquement (RTL) ; l'état n'est jamais porté par la seule couleur. */

/* ---- Lecteur du fournisseur (leçon) ---- */
.vp-stream iframe{inline-size:100%;block-size:100%;display:block;border:0;background:var(--fs-video-mat)}
.vp-stream .watermark-layer{pointer-events:none}
.vstream-fs{position:absolute;inset-block-start:var(--fs-space-xs);inset-inline-end:var(--fs-space-xs);z-index:9;display:grid;place-items:center;min-inline-size:var(--fs-target-min);min-block-size:var(--fs-target-min);inline-size:36px;block-size:36px;border:0;border-radius:var(--fs-radius-full);background:var(--fs-overlay);color:var(--fs-on-solid);cursor:pointer;opacity:.75;transition:opacity var(--fs-fast)}
.vstream-fs .ic{inline-size:var(--fs-icon-sm);block-size:var(--fs-icon-sm)}
.vstream-fs:hover,.vstream-fs:focus-visible{opacity:1}
.vstream-fs:focus-visible{outline:2px solid var(--fs-on-solid);outline-offset:2px}
.vp-stream:fullscreen{border-radius:0;aspect-ratio:auto}

/* ---- Vidéo en préparation (mode strict) ---- */
.vstream-pending{border:1px dashed var(--fs-border-strong)}
.vstream-pending p{margin-block:4px 0}

/* ---- Aperçu gratuit (site public) ---- */
.vstream-frame{aspect-ratio:16/9;background:var(--fs-video-mat)}
.vstream-frame iframe{inline-size:100%;block-size:100%;border:0;display:block}

/* ---- Page d'erreur chargée dans le cadre du lecteur ---- */
.vstream-denied{margin:0;min-block-size:100vh;display:grid;place-items:center;padding:var(--fs-space-lg);background:var(--fs-video-mat);color:var(--fs-on-solid);font:600 15px/1.5 system-ui,-apple-system,sans-serif;text-align:center}

/* ---- Studio : état de la copie chez le fournisseur ---- */
.vstream-state{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fs-space-xs);margin-block-start:var(--fs-space-sm);padding-block-start:var(--fs-space-sm);border-block-start:1px solid var(--fs-border-subtle)}
.vstream-state .badge .ic{inline-size:var(--fs-icon-xs);block-size:var(--fs-icon-xs)}
.vstream-err{flex-basis:100%;color:var(--fs-danger-text);overflow-wrap:anywhere}

/* ---- Page « Fournisseurs vidéo » ---- */
.vstream-tabs{flex-wrap:wrap}
.vstream-dot{display:inline-block;inline-size:8px;block-size:8px;margin-inline-start:6px;border-radius:var(--fs-radius-full);background:var(--fs-success);vertical-align:middle}
.vstream-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--fs-space-md);flex-wrap:wrap}
.vstream-head h3{display:flex;align-items:center;flex-wrap:wrap;gap:var(--fs-space-xs);margin:0}
.vstream-pc{margin-block:var(--fs-space-2xs) 0;max-inline-size:72ch}
.vstream-security{margin-block-start:var(--fs-space-md);padding-block-start:var(--fs-space-md);border-block-start:1px solid var(--fs-border-subtle)}
.vstream-defaults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fs-space-xs)}

/* ---- Console d'administration ---- */
.vstream-fieldset{border:0;padding:0;margin:0 0 var(--fs-space-md)}
.vstream-fieldset legend{font-weight:600;margin-block-end:var(--fs-space-sm)}
.vstream-res{display:flex;flex-wrap:wrap;gap:var(--fs-space-xs) var(--fs-space-md);margin-block-end:var(--fs-space-xs)}
.vstream-table .vstream-name{max-inline-size:320px}
.vstream-table .vstream-error{max-inline-size:360px;white-space:normal;overflow-wrap:anywhere}
.vstream-sec{padding-inline-start:20px;line-height:1.8;margin-block:0 var(--fs-space-xs)}

@media (max-width: 720px) {
  .vstream-defaults{grid-template-columns:1fr}
  .vstream-table .vstream-name{max-inline-size:none}
  .vstream-fs{inline-size:32px;block-size:32px}
}