.page-container {

          background-color: rgb(248, 250, 252);
    
          font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
        }

        .layout-grid {
          max-width: 72rem;
          margin-left: auto;
          margin-right: auto;
          display: grid;
          grid-template-columns: 1fr;
          gap: 1.25rem;
        }

        @media (min-width: 1024px) {
          .layout-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
        }

        .left-panel-card, .right-panel-card {
          background-color: white;
          border: 1px solid rgb(229, 231, 235);
          border-radius: 1rem;
          box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
          padding: 1rem;
        }

        .section-header, .right-panel-header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 0.75rem;
        }

        .section-header-secondary {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          margin-bottom: 0.75rem;
          margin-top: 0.75rem;
        }

        .header-content {
          display: flex;
          align-items: center;
          gap: 0.5rem;
        }

        .step-indicator {
          width: 1.5rem;
          height: 1.5rem;
          border-radius: 50%;
          background-color: rgb(239, 246, 255);
          border: 1px solid rgb(191, 219, 254);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.75rem;
          font-weight: 800;
          color: rgb(29, 78, 216);
        }

        .section-title {
          margin-bottom: 0;
          font-size: 1rem;
          font-weight: 600;
        }

        .close-button {
          width: 2rem;
          height: 2rem;
          border-radius: 0.5rem;
          border: 1px solid rgb(229, 231, 235);
          background-color: rgb(248, 250, 252);
          color: rgb(107, 114, 128);
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: all 0.2s ease;
          box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        }

        .close-button:hover {
          background-color: rgb(239, 68, 68);
          color: white;
          border-color: rgb(239, 68, 68);
          box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
          transform: translateY(-1px);
        }

        .form-group {
          margin-bottom: 0.75rem;
        }

        .field-label {
          display: block;
          font-size: 0.75rem;
          color: rgb(107, 114, 128);
          font-weight: 700;
          margin-bottom: 0.25rem;
        }

        .input-with-actions {
          display: flex;
          align-items: center;
          gap: 0.5rem;
        }

        .main-input {
          flex: 1;
          border: 1px solid rgb(229, 231, 235);
          border-radius: 0.75rem;
          height: 2.5rem;
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }

        .main-input:focus {
          outline: none;
          box-shadow: 0 0 0 2px rgb(59, 130, 246);
          border-color: transparent;
        }

.standard-input {
  width: 100%;
  border: 1px solid rgb(229, 231, 235);
  border-radius: 0.75rem;
  height: 2.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: #f5f5f5; /* gris clair */
  color: #6b7280; /* gris texte */
  cursor: not-allowed; /* indique qu'on ne peut pas cliquer */
}

/* Facultatif : effet visuel au survol */
.standard-input:hover {
  background-color: #f3f4f6;
}

/* Pour être plus précis sur les champs readonly/disabled */
.standard-input[readonly],
.standard-input:disabled {
  background-color: #f3f4f6;
  border-color: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
}


        .date-input {
          flex: 1;
          border: 1px solid rgb(229, 231, 235);
          border-radius: 0.75rem;
          height: 2.5rem;
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }

        .date-input:focus {
          outline: none;
          box-shadow: 0 0 0 2px rgb(59, 130, 246);
          border-color: transparent;
        }

        .action-button-success, .action-button-danger {
          width: 2rem;
          height: 2rem;
          border-radius: 50%;
          border: 1px solid rgb(229, 231, 235);
          background-color: white;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }

        .action-button-success {
          color: rgb(34, 197, 94);
        }

        .action-button-danger {
          color: rgb(239, 68, 68);
        }

        .action-button-success:hover, .action-button-danger:hover {
          background-color: rgb(249, 250, 251);
        }

        .decision-button-accept, .decision-button-reject {
          width: 2rem;
          height: 2rem;
          border-radius: 50%;
          border: 1px solid rgb(229, 231, 235);
          background-color: white;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }

        .decision-button-accept {
          color: rgb(34, 197, 94);
        }

        .decision-button-reject {
          color: rgb(239, 68, 68);
        }

        .decision-active {
          border-color: rgb(37, 99, 235);
          box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
          box-shadow: 0 0 0 4px rgb(219, 234, 254);
        }

        .decision-inactive:hover {
          background-color: rgb(249, 250, 251);
        }

        .checkbox-section, .textarea-section {
          margin-bottom: 0.75rem;
        }

        .checkbox-wrapper {
          display: flex;
          align-items: center;
          margin-bottom: 0.5rem;
        }

        .form-checkbox {
          width: 1.25rem;
          height: 1.25rem;
          color: rgb(37, 99, 235);
          border-color: rgb(209, 213, 219);
          border-radius: 0.25rem;
        }

        .form-checkbox:focus {
          box-shadow: 0 0 0 2px rgb(59, 130, 246);
        }

        .checkbox-label {
          margin-left: 0.5rem;
          font-weight: 700;
          font-size: 0.875rem;
        }

        .select-container {
          margin-top: 0.5rem;
        }

        .select-wrapper {
          position: relative;
        }

        .form-select {
          width: 100%;
          border: 1px solid rgb(229, 231, 235);
          border-radius: 0.75rem;
          height: 2.5rem;
          padding-left: 0.75rem;
          padding-right: 2.5rem;
          background-color: white;
          appearance: none;
          cursor: pointer;
        }

        .form-select:focus {
          outline: none;
          box-shadow: 0 0 0 2px rgb(59, 130, 246);
          border-color: transparent;
        }

        .select-chevron {
          position: absolute;
          right: 0.75rem;
          top: 50%;
          transform: translateY(-50%);
          pointer-events: none;
          color: rgb(100, 116, 139);
        }

        .form-textarea {
          width: 100%;
          border: 1px solid rgb(229, 231, 235);
          border-radius: 0.75rem;
          padding: 0.75rem;
          min-height: 12rem;
          resize: vertical;
        }

        .form-textarea:focus {
          outline: none;
          box-shadow: 0 0 0 2px rgb(59, 130, 246);
          border-color: transparent;
        }

        .textarea-disabled {
          background-color: rgb(243, 244, 246);
          color: rgb(156, 163, 175);
          cursor: not-allowed;
        }

        .textarea-enabled {
          background-color: white;
          color: rgb(17, 24, 39);
        }

        .reject-comment-section {
          margin-bottom: 1rem;
        }

        .reject-textarea {
          width: 100%;
          border: 1px solid rgb(229, 231, 235);
          border-radius: 0.75rem;
          padding: 0.75rem;
          resize: vertical;
        }

        .reject-textarea:focus {
          outline: none;
          box-shadow: 0 0 0 2px rgb(59, 130, 246);
          border-color: transparent;
        }

        

        .submit-section {
          margin-top: 1rem;
          display: flex;
          justify-content: center;
        }

        .submit-button-left, .submit-button-right {
          background-color: rgb(59, 130, 246);
          color: white;
          border: none;
          border-radius: 0.75rem;
          padding: 0.75rem 1.5rem;
          font-weight: 600;
          cursor: pointer;
          transition: background-color 0.2s;
        }

        .submit-button-left:hover, .submit-button-right:hover {
          background-color: rgb(37, 99, 235);
        }

        .submit-button-right {
          background-color: rgb(34, 197, 94);
        }

        .submit-button-right:hover {
          background-color: rgb(22, 163, 74);
        }