/* SFI VIDEO — liste, lecteur, assistant d’ajout. Palette SFI : marine #0B2545, or #D8B867, ivoire. */
.vd-bar{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;margin:0 0 14px}
.vd-bar input,.vd-bar select{width:100%;min-width:0;font:400 .95rem var(--f-ui);padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-m,8px);background:#fff;color:var(--ink)}
.vd-count{font:500 .85rem var(--f-ui);color:var(--muted);margin:0 0 14px}
.vd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vd-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-l,14px);overflow:hidden;color:inherit;text-decoration:none;box-shadow:var(--sh-1);transition:transform .18s,box-shadow .18s}
.vd-card:hover,.vd-card:focus-visible{transform:translateY(-3px);box-shadow:var(--sh-2)}
.vd-th{position:relative;aspect-ratio:16/9;background:#0B2545;overflow:hidden}
.vd-th .vd-art,.vd-th .vd-img,.vd-start .vd-art,.vd-start .vd-img,.vd-link .vd-art,.vd-link .vd-img{display:block;width:100%;height:100%;object-fit:cover}
.vd-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(11,37,69,.78);color:#D8B867;display:grid;place-items:center;font-size:1.1rem;padding-left:4px;border:2px solid #D8B867}
.vd-dur{position:absolute;right:8px;bottom:8px;background:rgba(11,37,69,.88);color:#fff;font:600 .72rem var(--f-ui);padding:3px 7px;border-radius:5px}
.vd-draft{position:absolute;left:8px;top:8px;background:#FBEFD6;color:#7A5200;font:700 .62rem var(--f-ui);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:5px}
.vd-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px}
.vd-body h3{font:600 1.12rem/1.3 var(--f-ed);color:var(--nuit);margin:0}
.vd-body p{font:400 .92rem/1.5 var(--f-ui);color:var(--ink);margin:0}
.vd-body .vd-meta{font-size:.78rem;color:var(--muted)}
.vd-none,.vd-empty{grid-column:1/-1;text-align:center}
.vd-empty{background:var(--ivoire);border:1px dashed #C9B77C;border-radius:var(--r-l,14px);padding:44px 24px}
.vd-empty h2{font:600 1.5rem var(--f-ed);color:var(--nuit);margin:0 0 10px}
.vd-empty p{max-width:46em;margin:8px auto;font:400 1rem/1.6 var(--f-ui)}
.vd-main{max-width:920px}
.vd-stage{position:relative;aspect-ratio:16/9;background:#0B2545;border-radius:var(--r-l,14px);overflow:hidden;box-shadow:var(--sh-2)}
.vd-frame,.vd-video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.vd-start{position:absolute;inset:0;width:100%;border:0;padding:0;background:#0B2545;cursor:pointer;display:block}
.vd-start:focus-visible{outline:3px solid #D8B867;outline-offset:-3px}
.vd-bigplay{position:absolute;left:50%;top:44%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#D8B867;color:#0B2545;display:grid;place-items:center;font-size:1.7rem;padding-left:6px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.vd-consent{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:linear-gradient(transparent,rgba(11,37,69,.95) 40%);color:#fff;text-align:left;display:grid;gap:3px}
.vd-consent small{font:400 .76rem/1.4 var(--f-ui);color:rgba(255,255,255,.8)}
.vd-link{position:absolute;inset:0}
.vd-linkbox{position:absolute;inset:0;display:grid;place-content:center;gap:12px;text-align:center;background:rgba(11,37,69,.72);color:#fff;padding:20px}
.vd-linkbox p{margin:0;font:500 1.05rem var(--f-ui)}
.vd-linkbox .hook{font:italic 400 1.1rem var(--f-ed);max-width:30em}
.vd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.vd-chips span{font:600 .74rem var(--f-ui);background:var(--ivoire-2);color:var(--nuit);border-radius:20px;padding:5px 11px}
.vd-desc{font:400 1.05rem/1.65 var(--f-ui);margin:10px 0}
.vd-h{font:600 1.25rem var(--f-ed);color:var(--nuit);margin:26px 0 8px}
.vd-chap{margin:0;padding-left:1.1em;font:400 .95rem/1.8 var(--f-ui)}
.vd-ts{font:600 .85rem var(--f-ui);background:var(--ivoire-2);border:0;border-radius:5px;padding:2px 8px;color:var(--nuit);cursor:pointer}
.vd-ts:hover{background:#D8B867}
.vd-tr{margin:20px 0}.vd-tr p{font:400 .95rem/1.6 var(--f-ui);margin:.6em 0}
.vd-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0}
.vd-share b{font:600 .8rem var(--f-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-right:4px}
.vd-msg{font:500 .85rem var(--f-ui);color:var(--ok)}
.vd-rel{margin-top:34px}.vd-back{margin-top:26px}
.tact{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px}
/* Assistant d’ajout */
.va-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.va-form{display:grid;gap:14px}
.va-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.va-f{display:grid;gap:5px}
.va-f label{font:600 .82rem var(--f-ui);color:var(--nuit)}
.va-f label i{font-style:normal;color:#9B2335}
.va-f input,.va-f select,.va-f textarea{width:100%;min-width:0;font:400 .95rem var(--f-ui);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.va-f textarea{min-height:90px;resize:vertical}
.va-f small{font:400 .76rem/1.4 var(--f-ui);color:var(--muted)}
.va-f input[aria-invalid=true],.va-f select[aria-invalid=true],.va-f textarea[aria-invalid=true]{border-color:#9B2335;background:#FDF3F5}
.va-out{position:sticky;top:90px;display:grid;gap:12px}
.va-out pre{margin:0;max-height:420px;overflow:auto;background:#0B2545;color:#EDE6D0;border-radius:10px;padding:16px;font:400 .8rem/1.5 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
.va-errs{margin:0;padding-left:1.2em;font:400 .9rem/1.6 var(--f-ui);color:#7A1F2B}
.va-warns{margin:0;padding-left:1.2em;font:400 .88rem/1.6 var(--f-ui);color:#7A5200}
.va-ok{font:600 .95rem var(--f-ui);color:var(--ok)}
.va-actions{display:flex;flex-wrap:wrap;gap:8px}
.va-sec{border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.va-sec>summary{font:600 .9rem var(--f-ui);color:var(--nuit);cursor:pointer}
.va-cap{display:grid;grid-template-columns:90px 1fr 1.4fr;gap:8px;margin-top:8px}
@media(max-width:900px){.vd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-bar{grid-template-columns:1fr 1fr}.vd-bar input{grid-column:1/-1}.va-grid{grid-template-columns:1fr}.va-out{position:static}}
@media(max-width:600px){.vd-grid{grid-template-columns:1fr}.va-row{grid-template-columns:1fr}.va-cap{grid-template-columns:1fr}.vd-bigplay{width:60px;height:60px;margin:-30px 0 0 -30px}.vd-consent small{display:none}}
.va-detect{font:500 .88rem/1.45 var(--f-ui);color:var(--ok);margin:-6px 0 0;min-height:1.2em}
.va-out p,.va-out a{font-family:var(--f-ui)}
.va-out p a{color:var(--nuit);text-decoration:underline}
.va-f select,.va-f input{min-height:44px}
.va-f label:has(input[type=checkbox]){display:flex;gap:8px;align-items:center;font-weight:500}
.va-f input[type=checkbox]{width:auto;min-height:0}
.va-sec small{display:block;margin:6px 0;font:400 .8rem var(--f-ui);color:var(--muted)}
/* Guide */
.gv-doc{max-width:980px}
.gv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:3px solid #D8B867;padding-bottom:12px;margin-bottom:16px}
.gv-brand{font:700 .68rem var(--f-ui);letter-spacing:.16em;color:#9A7B2A}
.gv-title{font:600 1.9rem/1.15 var(--f-ed);color:var(--nuit);margin:4px 0}
.gv-lead{font:400 1rem var(--f-ui);margin:0;color:var(--ink)}
.gv-date{font:600 .8rem var(--f-ui);color:var(--muted);white-space:nowrap}
.gv-schema{margin:0 0 18px}.gv-schema svg{width:100%;height:auto;display:block}
.gv-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}
.gv-steps{list-style:none;counter-reset:gv;margin:0;padding:0;display:grid;gap:12px}
.gv-steps li{counter-increment:gv;position:relative;padding:0 0 0 46px}
.gv-steps li::before{content:counter(gv);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#0B2545;color:#D8B867;font:700 .95rem/32px var(--f-ui);text-align:center}
.gv-steps h3{font:600 1.05rem var(--f-ed);color:var(--nuit);margin:0 0 2px}
.gv-steps p{font:400 .92rem/1.5 var(--f-ui);margin:0}
.gv-doc code{font:500 .85em ui-monospace,Menlo,Consolas,monospace;background:#F3EEDC;color:#0B2545;padding:1px 5px;border-radius:4px}
.gv-shot{margin:0}.gv-shot img{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-1)}
.gv-shot figcaption{font:400 .78rem/1.4 var(--f-ui);color:var(--muted);margin-top:6px}
.gv-h2{font:600 1.3rem var(--f-ed);color:var(--nuit);margin:22px 0 8px}
.gv-doc .v9table{font-size:.85rem}.gv-doc .v9table td,.gv-doc .v9table th{vertical-align:top}
.gv-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gv-foot{font:400 .85rem/1.5 var(--f-ui);color:var(--muted);margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.gv-head{display:none}
@media(max-width:800px){.gv-cols,.gv-notes{grid-template-columns:1fr}}
@media print{
 @page{size:A4;margin:12mm 13mm}
 html,body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 header.nav,footer,.mbar,.drawer,.skip,.gv-screen,.mnav-toggle{display:none!important}
 .block{padding:0!important}.wrap{max-width:none!important;padding:0!important}
 .gv-head{display:flex}
 .gv-title{font-size:1.55rem}
 .gv-schema{margin-bottom:10px}
 .gv-cols{display:block}
 .gv-steps{gap:14px}.gv-steps p{font-size:.92rem;line-height:1.5}.gv-steps h3{font-size:1.05rem}
 .gv-shot{break-before:page;width:66%;margin:0 auto 4px}
 .gv-h2{margin:14px 0 6px;font-size:1.1rem;break-after:avoid}
 .gv-doc .v9table{font-size:.74rem}
 .gv-doc .v9table th,.gv-doc .v9table td{padding:5px 7px}
 .v9call{margin:0;padding:8px 12px;font-size:.78rem;break-inside:avoid}
 .gv-notes{gap:10px;margin-top:10px}
 .gv-shot img{box-shadow:none}
 .gv-foot{font-size:.74rem}
}