feat(admin): cleanup page — remove 'Fichiers temporaires' level, promote sections to h2 TOC entries

app/public/assets/css/components/buttons.css

@@ -167,3 +167,59 @@
 .btn--red:hover {
 	filter: brightness(0.9);
 }
+
+/* Tooltips — display when a .btn carries a data-tip attribute.
+   Shown below the button on hover/focus, positioned above the
+   toolbar so it never clips inside the scrollable table. */
+.btn[data-tip] {
+	position: relative;
+}
+
+.btn[data-tip]::after {
+	content: attr(data-tip);
+	position: absolute;
+	left: 50%;
+	bottom: calc(100% + 8px);
+	transform: translateX(-50%);
+	width: max-content;
+	max-width: 260px;
+	padding: var(--space-3xs) var(--space-xs);
+	border-radius: var(--radius);
+	background: var(--text-primary);
+	color: var(--bg-primary);
+	font-size: var(--step--2);
+	font-weight: 500;
+	letter-spacing: 0.02em;
+	line-height: 1.3;
+	text-align: center;
+	opacity: 0;
+	pointer-events: none;
+	z-index: 1000;
+	transition: opacity 0.12s ease;
+}
+
+.btn[data-tip]:hover::after,
+.btn[data-tip]:focus::after {
+	opacity: 1;
+}
+
+/* Small arrow below the bubble pointing at the button */
+.btn[data-tip]::before {
+	content: '';
+	position: absolute;
+	left: 50%;
+	bottom: calc(100% + 4px);
+	transform: translateX(-50%);
+	border-left: 5px solid transparent;
+	border-right: 5px solid transparent;
+	border-top: 4px solid var(--text-primary);
+	opacity: 0;
+	pointer-events: none;
+	z-index: 1000;
+	transition: opacity 0.12s ease;
+}
+
+.btn[data-tip]:hover::before,
+.btn[data-tip]:focus::before {
+	opacity: 1;
+}