fix holidfays

modules/holidays/holidays.css

@@ -3,7 +3,6 @@
 /* ==========================================================================
    1. VARIABLES & BASE
    ========================================================================== */
-
 body.no-scroll {
   overflow: hidden !important;
 }
@@ -224,7 +223,6 @@ body.no-scroll {
 .hol-hero-overlay {
   position: absolute;
   inset: 0;
-
   z-index: 1;
 }
 
@@ -279,7 +277,6 @@ body.no-scroll {
   gap: 6px;
 }
 
-/* --- PILLS (Metrics Route & Logistique) --- */
 .hol-hero-pills {
   display: flex;
   gap: 10px;
@@ -320,7 +317,6 @@ body.no-scroll {
   opacity: 1;
 }
 
-/* --- FINANCES GLOBALES --- */
 .hol-hero-finances {
   display: flex;
   justify-content: space-between;
@@ -366,7 +362,6 @@ body.no-scroll {
 .hol-label-paid-text {
   color: #a7f3d0;
 }
-
 .hol-label-saved-text {
   color: #bfdbfe;
 }
@@ -436,22 +431,18 @@ body.no-scroll {
   align-items: center;
   gap: 4px;
 }
-
 .hol-legend-color {
   display: inline-block;
   width: 12px;
   height: 4px;
   border-radius: 2px;
 }
-
 .hol-legend-color.aller {
   background: #3b82f6;
 }
-
 .hol-legend-color.interm {
   background: #8b5cf6;
 }
-
 .hol-legend-color.retour {
   background: transparent;
   height: 0;
@@ -544,12 +535,10 @@ body.no-scroll {
   background: #ecfdf5;
   color: #059669;
 }
-
 .hol-step-icon-destination {
   background: #fef2f2;
   color: #e11d48;
 }
-
 .hol-step-icon-stop {
   background: transparent;
   color: #64748b;
@@ -698,7 +687,6 @@ body.no-scroll {
   color: #10b981;
   margin-left: 5px;
 }
-
 .status-pending {
   color: #f59e0b;
   margin-left: 5px;
@@ -820,7 +808,7 @@ body.no-scroll {
 }
 
 /* ==========================================================================
-   9. MODALES & DIALOGUES
+   9. MODALES & DIALOGUES (Sécurisation complète)
    ========================================================================== */
 .pf-modal {
   display: none;
@@ -852,7 +840,6 @@ body.no-scroll {
   margin: auto;
 }
 
-/* --- Modale Étape (Checkpoint) --- */
 .hol-modal-cp {
   max-width: 600px;
   padding: 0;
@@ -1014,6 +1001,15 @@ body.no-scroll {
   display: none;
 }
 
+.modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 24px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border-light);
+}
+
 /* --- Modale Planning Global --- */
 .hol-modal-planning {
   max-width: 95vw;
@@ -1107,15 +1103,6 @@ body.no-scroll {
   gap: 8px;
 }
 
-.modal-footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 24px;
-  padding-top: 16px;
-  border-top: 1px solid var(--border-light);
-}
-
 /* ==========================================================================
    10. PLANNING DRAG & DROP
    ========================================================================== */
@@ -1511,3 +1498,58 @@ input[type="date"]::-webkit-calendar-picker-indicator:hover {
     display: none !important;
   }
 }
+
+/* Modale JS d'ajout de dépense */
+.hol-form-row {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px;
+  background: var(--bg-page);
+  border-radius: 8px;
+  border: 1px solid var(--border-light);
+  margin-bottom: 10px;
+}
+.hol-form-inner {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  width: 100%;
+}
+.hol-form-select {
+  flex: 0 0 50px;
+  padding: 8px 4px;
+  font-size: 1.1rem;
+  cursor: pointer;
+  margin: 0 !important;
+}
+.hol-form-text {
+  flex: 1;
+  min-width: 140px;
+  padding: 8px;
+  font-size: 0.9rem;
+  margin: 0 !important;
+}
+.hol-form-number {
+  flex: 0 0 90px;
+  text-align: right;
+  padding: 8px;
+  font-size: 0.9rem;
+  font-weight: bold;
+  color: var(--primary);
+  margin: 0 !important;
+}
+.hol-form-paid-label {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  flex: 0 0 60px;
+  margin: 0 !important;
+}
+.hol-form-paid-text {
+  font-size: 0.8rem;
+  margin-left: 6px;
+  font-weight: 600;
+  color: var(--text-muted);
+}