feat: refactor licence fragment — Libre→CC2r+licence, Interne→opt-in want_license, Interdit→none, add details/summary to license UI

app/public/assets/css/common.css

@@ -743,3 +743,18 @@ details > summary::-webkit-details-marker {
 audio::-webkit-media-controls-enclosure {
   border-radius: var(--radius);
 }
+
+details {
+  padding: var(--space-s);
+}
+summary {
+  font-family: var(--font-display);
+  font-weight: 600;
+  text-decoration: 1px wavy;
+  color: var(--accent-secondary);
+  svg {
+    fill: var(--accent-secondary);
+    vertical-align: text-bottom;
+    height: 1.4em;
+  }
+}

app/public/assets/css/form.css

@@ -1362,3 +1362,135 @@ legend {
 #format-fichiers-block {
   container-type: inline-size;
 }
+
+/* ── Licence choice or-separator ─────────────────────────── */
+
+.licence-or-separator {
+  display: flex;
+  align-items: center;
+  gap: var(--space-xs);
+  margin: var(--space-xs) 0;
+  color: var(--text-tertiary);
+  font-size: var(--step--1);
+}
+
+.licence-or-separator::before,
+.licence-or-separator::after {
+  content: '';
+  flex: 1;
+  height: 1px;
+  background: var(--accent-muted);
+}
+
+/* ── Nested licence fieldset ─────────────────────────────── */
+
+.licence-options-fieldset {
+  border: 1px solid var(--accent-muted);
+  border-radius: var(--radius);
+  padding: var(--space-s);
+  margin-top: var(--space-xs);
+}
+
+.licence-options-fieldset legend {
+  font-weight: 600;
+  font-size: var(--step--1);
+  color: var(--text-secondary);
+  padding: 0 var(--space-2xs);
+}
+
+/* ── File figures (recap + edit existing files) ──────────── */
+
+.admin-file-list,
+.recap-files-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-s);
+}
+
+.admin-file-list-item,
+.recap-files-list-item {
+  list-style: none;
+}
+
+.admin-file-figure,
+.recap-file-figure {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-s);
+  background: var(--bg-secondary, rgba(149, 87, 181, 0.05));
+  border-radius: var(--radius);
+  padding: var(--space-s);
+  margin: 0;
+}
+
+.admin-file-icon,
+.recap-file-icon {
+  font-size: 1.5rem;
+  flex-shrink: 0;
+  width: 2.5rem;
+  height: 2.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--accent-muted);
+  border-radius: var(--radius);
+}
+
+.admin-file-thumb,
+.recap-file-thumb {
+  max-width: 160px;
+  max-height: 120px;
+  object-fit: cover;
+  border-radius: var(--radius);
+  flex-shrink: 0;
+}
+
+.admin-file-caption,
+.recap-file-caption {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3xs);
+}
+
+.admin-file-name,
+.recap-file-name {
+  font-weight: 600;
+  font-size: var(--step--1);
+  color: var(--text-primary);
+}
+
+.admin-file-peertube-id,
+.recap-file-peertube-id {
+  font-size: var(--step--2);
+  color: var(--text-tertiary);
+  font-family: monospace;
+}
+
+.admin-file-meta-row,
+.recap-file-meta-row {
+  display: flex;
+  gap: var(--space-xs);
+  align-items: center;
+  font-size: var(--step--2);
+  color: var(--text-tertiary);
+}
+
+.recap-file-label {
+  font-size: var(--step--1);
+  color: var(--text-secondary);
+  font-style: italic;
+}
+
+.admin-file-label-input {
+  font-size: var(--step--2);
+  padding: var(--space-3xs) var(--space-2xs);
+  border: 1px solid var(--accent-muted);
+  border-radius: var(--radius);
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  margin-top: var(--space-3xs);
+}