feat(etapes): fiches cliquables sur les barres et vue mobile

src/assets/css/style.css

@@ -636,6 +636,13 @@ input[type="number"] {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
   white-space: nowrap;
   overflow: hidden;
+  cursor: pointer;
+  transition: filter 0.15s, box-shadow 0.15s;
+}
+
+.etapes-bar:hover {
+  filter: brightness(1.12);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
 }
 
 .etapes-empty {
@@ -666,15 +673,36 @@ input[type="number"] {
   overflow: hidden;
 }
 
+.etapes-m-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: #f9fafb;
+  border-bottom: 1px solid #eaecf0;
+}
+
 .etapes-m-stage {
   margin: 0;
   padding: 10px 12px;
-  background: #f9fafb;
-  border-bottom: 1px solid #eaecf0;
   font-size: 15px;
   color: #101828;
 }
 
+.etapes-m-link {
+  background: none;
+  border: none;
+  color: #1570ef;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  padding: 0 12px;
+  white-space: nowrap;
+}
+
+.etapes-m-link:hover {
+  text-decoration: underline;
+}
+
 .etapes-m-item {
   display: flex;
   align-items: baseline;
@@ -711,6 +739,18 @@ input[type="number"] {
   font-style: italic;
 }
 
+.etapes-detail {
+  margin: 1rem 0;
+  padding: 1rem 1.25rem;
+  border: 1px solid #d0d5dd;
+  border-radius: 8px;
+  background: #f9fafb;
+}
+
+.etapes-detail:empty {
+  display: none;
+}
+
 /* --- Bascule desktop / mobile au point de rupture 768 px --- */
 
 @media (max-width: 768px) {