Fix nettoyage modal: SVG icon files, padding/margin consistency, BBBDMSans font, fix HTMX trigger, nested details cleanup

app/public/assets/css/admin.css

@@ -1075,7 +1075,6 @@ th.admin-ap-col {
     width: 100%;
     border-collapse: collapse;
     font-size: 0.85em;
-    margin: var(--space-xs) 0 var(--space-md) 0;
 }
 .n-table thead th {
     text-align: left;
@@ -1119,6 +1118,10 @@ th.admin-ap-col {
 .n-grid > section,
 .n-grid > details {
     margin: 2ch 0;
+    border: none;
+    border-radius: 0;
+    background: transparent;
+    overflow: visible;
 }
 .n-section:first-child,
 .n-grid > section:first-child,
@@ -1135,27 +1138,54 @@ th.admin-ap-col {
 }
 
 /* <details>/<summary> inside cleanup sections */
-.n-grid > details > summary {
+.n-grid > details > summary,
+.n-section > summary {
     cursor: pointer;
     font-weight: 600;
     font-size: var(--step--1);
     color: var(--text-primary);
-    padding: var(--space-xs) 0;
+    padding: var(--space-xs);
     list-style: none;
+    font-family: var(--font-body);
+    display: flex;
+    align-items: center;
+    gap: var(--space-2xs);
 }
-.n-grid > details > summary::-webkit-details-marker {
+.n-grid > details > summary::-webkit-details-marker,
+.n-section > summary::-webkit-details-marker {
     display: none;
 }
-.n-grid > details > summary::before {
-    content: '▸ ';
+.n-section[open],
+.n-grid > details[open] {
+    padding-bottom: 0;
+}
+
+.n-grid > details > summary:hover,
+.n-section > summary:hover {
+    background: transparent;
+}
+
+.n-grid > details > summary::before,
+.n-section > summary::before {
+    content: '';
     display: inline-block;
+    width: 16px;
+    height: 16px;
+    flex-shrink: 0;
+    background: currentColor;
+    mask-image: url("/assets/icons/caret-right.svg");
+    mask-size: contain;
+    mask-repeat: no-repeat;
+    mask-position: center;
     transition: transform 0.15s;
 }
-.n-grid > details[open] > summary::before {
+.n-grid > details[open] > summary::before,
+.n-section[open] > summary::before {
     transform: rotate(90deg);
 }
-.n-grid > details > :not(summary) {
-    padding-left: calc(1ch + var(--space-xs));
+.n-grid > details > :not(summary),
+.n-section > :not(summary) {
+    padding: 0 var(--space-s) var(--space-xs) var(--space-s);
 }
 
 /* ── Import results log ─────────────────────────────────────────────── */

app/public/assets/css/components/details.css

@@ -24,8 +24,8 @@ details[open] {
 }
 
 details > :not(summary) {
-  margin-left: var(--space-s);
-  margin-right: var(--space-s);
+  padding-left: var(--space-s);
+  padding-right: var(--space-s);
 }
 
 summary {

app/public/assets/icons/caret-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg>

app/public/assets/icons/caret-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg>

app/public/assets/icons/paint-brush-household.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M230.64,25.36a32,32,0,0,0-45.26,0q-.21.21-.42.45L131.55,88.22,121,77.64a24,24,0,0,0-33.95,0l-76.69,76.7a8,8,0,0,0,0,11.31l80,80a8,8,0,0,0,11.31,0L178.36,169a24,24,0,0,0,0-33.95l-10.58-10.57L230.19,71c.15-.14.31-.28.45-.43A32,32,0,0,0,230.64,25.36ZM96,228.69,79.32,212l22.34-22.35a8,8,0,0,0-11.31-11.31L68,200.68,55.32,188l22.34-22.35a8,8,0,0,0-11.31-11.31L44,176.68,27.31,160,72,115.31,140.69,184ZM219.52,59.1l-68.71,58.81a8,8,0,0,0-.46,11.74L167,146.34a8,8,0,0,1,0,11.31l-15,15L83.32,104l15-15a8,8,0,0,1,11.31,0l16.69,16.69a8,8,0,0,0,11.74-.46L196.9,36.48A16,16,0,0,1,219.52,59.1Z"></path></svg>

app/public/assets/icons/trash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"></path></svg>

app/public/assets/icons/video.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M164.44,105.34l-48-32A8,8,0,0,0,104,80v64a8,8,0,0,0,12.44,6.66l48-32a8,8,0,0,0,0-13.32ZM120,129.05V95l25.58,17ZM216,40H40A16,16,0,0,0,24,56V168a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,128H40V56H216V168Zm16,40a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16H224A8,8,0,0,1,232,208Z"></path></svg>

app/public/assets/icons/warning-diamond.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z"></path></svg>