/* ─── Styles spécifiques au planning prévisionnel ─── */

/* Cellule déjà figée — rayures diagonales bleu pâle */
td.pp-td-fige {
  background: repeating-linear-gradient(
    135deg,
    #eef4fb 0px,
    #eef4fb 5px,
    #daeaf8 5px,
    #daeaf8 10px
  );
}
.pp-cell-fige {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pp-fige-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.pp-badge-fige {
  font-size: 10px;
  font-weight: 600;
  color: #555;
  background: #e8e8e8;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 2px 7px;
  white-space: nowrap;
}
.pp-badge-fige-vide {
  color: var(--text-3);
  background: var(--hover);
  border-color: var(--border);
  font-style: italic;
}
.pp-fige-heures {
  font-size: 10px;
  color: var(--text-3);
  letter-spacing: .2px;
}

/* Cellule avec événement planifié (cochable) */
.pp-cell-evt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.pp-evt-badge {
  font-size: 10px;
  color: var(--text-1);
  background: #e8f0fe;
  border: 1px solid #b6d0f7;
  border-radius: 5px;
  padding: 2px 7px;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pp-evt-badge.pp-evt-repos {
  background: #fef3e2;
  border-color: #f5c97a;
}

/* Cellule vide (cochable) */
.pp-cell-vide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pp-check-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.pp-check-wrap input[type="checkbox"] {
  width: 15px; height: 15px;
  cursor: pointer;
  accent-color: #c0392b;
}
.pp-check-label-evt  { font-size: 11px; color: #1a73e8; font-weight: 600; }
.pp-check-label-vide { font-size: 11px; color: var(--text-3); font-weight: 500; }

/* Cellule cochée → fond rouge doux */
td.pp-td-selected {
  background: #fdecea !important;
}

/* En-tête jour cliquable */
th.pp-day-hdr { cursor: pointer; transition: background .12s; }
th.pp-day-hdr:hover { background: #e8f0fe !important; color: #1558d6 !important; }

/* Label modale impression */
.pp-print-label {
  display: block;
  font-size: 12px;
  color: var(--text-2);
  margin-bottom: 4px;
  font-weight: 500;
}

/* Légende */
.pp-legend {
  font-size: 12px;
  color: var(--text-3);
  display: flex;
  align-items: center;
  gap: 6px;
}
.pp-badge-fige-sample {
  font-size: 10px;
  font-weight: 700;
  color: var(--text-3);
  background: var(--hover);
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 2px 7px;
  text-transform: uppercase;
  letter-spacing: .3px;
}
