Modification page "A valider" pour regrouper les créneaux des agents

assets/style.css

@@ -1420,7 +1420,7 @@ body.modal-open {
 
 .pending-validation-table {
     width: 100%;
-    min-width: 1040px;
+    min-width: 900px;
     border-collapse: collapse;
 }
 
@@ -1482,6 +1482,73 @@ body.modal-open {
     white-space: nowrap;
 }
 
+/* Ligne d'agent dépliée : le détail des semaines lui est visuellement rattaché. */
+.pending-validation-row.is-expanded {
+    background: #fffaf0;
+    box-shadow: inset 4px 0 0 #b06a00;
+}
+
+.pending-toggle-hint {
+    color: #6b7280;
+    font-size: 0.85rem;
+    margin-right: 0.5rem;
+    white-space: nowrap;
+}
+
+.pending-toggle-chevron {
+    color: #b06a00;
+    font-size: 0.7rem;
+}
+
+.pending-validation-detail-row > td {
+    padding: 0 0.8rem 0.9rem 0.8rem;
+    background: #fcfdff;
+}
+
+.pending-week-list {
+    display: grid;
+    gap: 0.5rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.pending-week-item {
+    display: grid;
+    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1.1fr) auto;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 0.7rem 0.85rem;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    background: #fff;
+    cursor: pointer;
+    transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.pending-week-item:hover {
+    border-color: #b06a00;
+    box-shadow: 0 1px 6px rgba(176, 106, 0, 0.15);
+}
+
+.pending-week-item strong,
+.pending-week-item small {
+    display: block;
+}
+
+.pending-week-item small {
+    margin-top: 0.15rem;
+    color: #6b7280;
+}
+
+.pending-week-action {
+    text-align: right;
+}
+
+.pending-week-action .button {
+    white-space: nowrap;
+}
+
 @media (max-width: 760px) {
     .pending-validation-summary {
         grid-template-columns: 1fr;