/* Infos auteur */ 
footer span a { 
  color: #1e73be; 
  font-weight: 500; 
  text-decoration: none; 
}

footer span a:hover { 
  text-decoration: underline; 
}

/* Champs (Demandeur, Ordre, Statut...) */ 
article > div > div { 
  display: flex; 
  justify-content: space-between; 
  padding: 10px 12px; 
  border-bottom: 1px solid #e6f2ee; 
}

/* Label */ 
article > div > div > div:first-child { 
  font-weight: 600; 
  color: #2e8b57; /* vert */ 
}

/* Valeur */ 
article > div > div > div:last-child { 
  color: #333; 
}

/* Avancement */ 
div[content] { 
  font-weight: bold; 
  color: #f4a300; /* accent jaune/orange */ 
}



/* ===== CONTENEUR GANTT ===== */

.gantt-wrapper {
  font-family: "Segoe UI", Arial, sans-serif;
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #e6f2ee;
}

/* ===== HEADER DU TABLEAU ===== */

.gantt_grid_scale {
  background: #2e8b57;
  color: white;
  font-weight: 600;
}

.gantt_grid_head_cell {
  border-right: 1px solid rgba(255,255,255,0.2);
}

/* ===== LIGNES DU TABLEAU ===== */

.gantt_row {
  transition: background 0.2s;
}

.gantt_row:nth-child(even) {
  background: #f8fcfa;
}

.gantt_row:hover {
  background: #e6f2ee;
}

/* cellules */

.gantt_cell {
  border-right: 1px solid #e6f2ee;
  color: #333;
}

/* texte de la tâche */

.gantt_tree_content {
  font-weight: 500;
}

/* ===== BARRE GANTT ===== */

.gantt_task_line {
  background: #1e73be;
  border: none;
  border-radius: 4px;
}

/* texte dans la barre */

.gantt_task_content {
  color: white;
  font-weight: 600;
}

/* progression */

.gantt_task_progress {
  background: #f4a300;
}

/* poignée progression */

.gantt_task_progress_drag svg path {
  fill: #f4a300;
}

/* ===== GRILLE TIMELINE ===== */

.gantt_task_cell {
  border-right: 1px solid #e6f2ee;
}

/* ===== AUJOURD'HUI ===== */

.gantt_marker.today {
  background: #f4a300;
  width: 2px;
}

/* ===== BARRE OUTILS ===== */

.gantt-controls {
  background: #f8fcfa;
  border-bottom: 1px solid #e6f2ee;
}

.gantt-controls button {
  border: none;
  background: transparent;
  color: #2e8b57;
}

.gantt-controls button:hover {
  background: #e6f2ee;
  color: #1e73be;
}

/* ===== INPUTS ===== */

.gantt-controls input,
.gantt-controls select {
  border: 1px solid #e6f2ee;
  border-radius: 4px;
}

/* ===== PLEIN ECRAN ===== */

.gantt-fullscreen {
  color: #2e8b57;
}

.gantt-fullscreen:hover {
  color: #1e73be;
}






/* =========================
   MODALE & FORMULAIRES
   ========================= */

.ui-dialog {
  border-radius: 8px;
  border: 1px solid #e6f2ee;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15);
  font-family: "Segoe UI", Arial, sans-serif;
}

.ui-dialog-titlebar {
  background: #2e8b57;
  color: white;
  border: none;
  padding: 12px 16px;
}

.ui-dialog-title {
  font-weight: 600;
  font-size: 16px;
}

.ui-dialog-titlebar-close {
  background: transparent;
  border: none;
}

.ui-dialog-titlebar-close .ui-icon {
  filter: invert(1);
}

#drupal-modal {
  padding: 18px;
  background: #ffffff;
}

/* Labels génériques */
#drupal-modal label,
.field--name-field-project label,
.field--name-field-parent-id label,
.field--name-title label,
.field--name-field-demandeur label,
.field--name-field-progress label,
fieldset legend {
  font-weight: 600;
  color: #2e8b57;
  margin-bottom: 6px;
  display: block;
}

/* Inputs, textarea, select */
#drupal-modal input,
#drupal-modal textarea,
#drupal-modal select,
.field--name-field-project input,
.field--name-field-parent-id input,
.field--name-title input,
.field--name-field-demandeur input,
.field--name-field-progress input {
  width: 100%;
  border: 1px solid #d9e9e2;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 14px;
  transition: all 0.2s ease;
}

/* Focus inputs */
#drupal-modal input:focus,
#drupal-modal textarea:focus,
#drupal-modal select:focus,
.field--name-field-project input:focus,
.field--name-field-parent-id input:focus,
.field--name-title input:focus,
.field--name-field-demandeur input:focus,
.field--name-field-progress input:focus {
  outline: none;
  border-color: #1e73be;
  box-shadow: 0 0 0 2px rgba(30,115,190,0.15);
}

/* Textarea resize */
#drupal-modal textarea {
  resize: vertical;
}

/* Suffixe % pour progression */
.field-suffix {
  color: #f4a300;
  font-weight: bold;
  margin-left: 6px;
}

/* =========================
   FIELDSETS
   ========================= */

fieldset {
  border: 1px solid #e6f2ee;
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 12px;
}

/* =========================
   VERTICAL TABS
   ========================= */

.vertical-tabs__menu-item.is-selected {
  background: #e6f2ee;
  border-left: 4px solid #2e8b57;
}

.vertical-tabs__menu-item-title {
  color: #2e8b57;
}

/* =========================
   BOUTONS
   ========================= */

.ui-dialog-buttonpane {
  background: #f8fcfa;
  border-top: 1px solid #e6f2ee;
}

.ui-dialog-buttonpane button {
  border-radius: 4px;
  padding: 6px 14px;
  font-weight: 600;
}

/* Principal */
.button--primary {
  background: #2e8b57;
  border: none;
  color: white;
}
.button--primary:hover {
  background: #256f47;
}

/* Secondaire */
.ui-dialog-buttonpane button:not(.button--primary) {
  background: white;
  border: 1px solid #e6f2ee;
  color: #333;
}
.ui-dialog-buttonpane button:not(.button--primary):hover {
  background: #e6f2ee;
}

/* =========================
   BLOCS CHAMPS PRINCIPAUX
   ========================= */

.field--name-field-project,
.field--name-field-parent-id,
.field--name-title,
.field--name-field-demandeur {
  background: #f8fcfa;
  border: 1px solid #e6f2ee;
  border-left: 4px solid #2e8b57;
  border-radius: 6px;
  padding: 12px 14px;
  margin-bottom: 12px;
  transition: all 0.2s ease;
}

.field--name-field-project:hover,
.field--name-field-parent-id:hover,
.field--name-title:hover,
.field--name-field-demandeur:hover {
  background: #eef8f3;
  border-left-color: #1e73be;
}

/* =========================
   BLOCS PROGRESSION
   ========================= */

.field--name-field-progress {
  background: #fff9ec;
  border: 1px solid #ffe2a6;
  border-left: 4px solid #f4a300;
  border-radius: 6px;
  padding: 12px 14px;
  margin-top: 16px;
  transition: all 0.2s ease;
}

.field--name-field-progress:hover {
  background: #fff4d8;
}

.field--name-field-progress input {
  width: 80px;
  border: 1px solid #ffd27a;
  border-radius: 4px;
  padding: 6px 8px;
  font-weight: 600;
  text-align: center;
}



/* =========================
   FORM PREVIEW DRUPAL
   ========================= */

/* Décalage sous la navbar */
.node-preview-form-select {
  margin-top: 70px; /* ajuste selon la hauteur de ta navbar */
}

.node-preview-form-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #f8fcfa;
  border: 1px solid #e6f2ee;
  border-radius: 6px;
  padding: 10px 14px;
  font-family: "Segoe UI", Arial, sans-serif;
  margin-bottom: 15px;
}

/* Lien retour */
.node-preview-form-select .node-preview-backlink {
  color: #1e73be;
  font-weight: 500;
  text-decoration: none;
}

.node-preview-form-select .node-preview-backlink:hover {
  text-decoration: underline;
}

/* Bloc select */
.node-preview-form-select .form-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Label */
.node-preview-form-select label {
  font-weight: 600;
  color: #2e8b57;
  margin: 0;
}

/* Select */
.node-preview-form-select {
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;

  background: transparent;
  border: none;
  padding: 6px 0;
}

/* Focus */
.node-preview-form-select select:focus {
  outline: none;
  border-color: #1e73be;
  box-shadow: 0 0 0 2px rgba(30,115,190,0.15);
}

/* Bouton submit (caché par défaut Drupal mais au cas où) */
.node-preview-form-select .form-submit {
  border-radius: 4px;
  padding: 6px 12px;
  font-weight: 600;
  background: #2e8b57;
  border: none;
  color: white;
  cursor: pointer;
}

.node-preview-form-select .form-submit:hover {
  background: #256f47;
}

/* Responsive */
@media (max-width: 600px) {
  .node-preview-form-select {
    flex-direction: column;
    align-items: flex-start;
  }

  .node-preview-form-select .form-item {
    width: 100%;
    justify-content: space-between;
  }
}