/* Styles spécifiques au module Maintenance et parc. */
/* Gammes de revision et realisations. */
.extra-large-modal {
  width: min(1240px, calc(100vw - 28px));
}

.extra-large-modal form {
  max-height: calc(100vh - 34px);
}

.revision-plan-list,
.revision-analysis-list {
  display: grid;
  gap: 10px;
}

.revision-plan-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 15px;
  border: 1px solid #cbdbea;
  background: #f8fbff;
}

.revision-plan-card h3,
.revision-plan-card p { margin: 6px 0; }

.revision-card-progress {
  min-width: 155px;
  display: grid;
  justify-items: end;
  gap: 5px;
}

.revision-card-progress > strong {
  color: #0b5ed7;
  font-size: 22px;
}

.revision-equipment-selection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  padding: 15px;
  border: 1px solid #bcd0e5;
  background: #eef6ff;
}

.revision-equipment-selection div { display: grid; gap: 5px; }
.revision-equipment-selection span { color: #5d7288; }

.revision-picker-toolbar,
.revision-picker-pagination,
.revision-analysis-filters {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
}

.revision-picker-toolbar label { max-width: 170px; }

.revision-picker-table {
  overflow: auto;
  border: 1px solid #cbdbea;
}

.revision-picker-row {
  min-width: 1020px;
  display: grid;
  grid-template-columns: 42px 130px 130px 130px 170px 150px 180px;
  gap: 10px;
  align-items: center;
  min-height: 45px;
  padding: 7px 10px;
  border-top: 1px solid #dce6f0;
}

.revision-picker-row:nth-child(even) { background: #eef4fb; }
.revision-picker-row.head { border-top: 0; background: #0d3b70; color: #fff; font-weight: 750; }
.revision-picker-row.filters { background: #dceafb; }
.revision-picker-row.filters input { min-height: 32px; padding: 5px 7px; }
.revision-picker-row input[type="checkbox"] { width: 19px; height: 19px; }

.revision-realization-table { overflow: auto; }
.revision-realization-row {
  min-width: 880px;
  display: grid;
  grid-template-columns: minmax(230px, 1.4fr) minmax(180px, 1fr) 120px 110px 110px;
  gap: 12px;
  align-items: center;
  padding: 11px 13px;
  border-top: 1px solid #dbe5ef;
}
.revision-realization-row:nth-child(odd) { background: #eef4fb; }
.revision-realization-row.head { border: 0; background: #0d3b70; color: #fff; font-weight: 750; }
.revision-realization-row strong small { display: block; margin-top: 4px; color: #61768b; }

.revision-realization-form {
  display: grid;
  gap: 13px;
  margin-bottom: 14px;
  padding: 16px;
  border: 1px solid #c6d9ec;
  background: #f5f9fd;
}
.revision-realization-form.is-focused { border-color: #0b5ed7; box-shadow: 0 0 0 3px rgba(11,94,215,.12); }
.revision-realization-heading { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.revision-realization-heading .status { margin-left: auto; }
.revision-realization-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.revision-realization-fields .wide-field { grid-column: span 2; }
.revision-report-upload input { margin-top: 7px; }
.revision-existing-files { display: flex; gap: 9px; flex-wrap: wrap; }
.revision-existing-files a { color: #0b5ed7; font-weight: 700; text-decoration: none; }

.revision-analysis-filters input,
.revision-analysis-filters select { flex: 1; }
.revision-analysis-list article {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.5fr) 180px;
  gap: 15px;
  align-items: center;
  padding: 14px;
  border: 1px solid #cbdbea;
  background: #f8fbff;
}
.revision-analysis-list article > div:first-child { display: grid; gap: 4px; }
.analysis-progress { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; }
.analysis-progress i { height: 10px; border-radius: 5px; background: linear-gradient(90deg, #0b5ed7 var(--progress), #dce6f0 var(--progress)); }

.activation-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 20px;
  background: #eaf1f8;
}
.activation-card {
  width: min(520px, 100%);
  padding: 30px;
  border: 1px solid #c7d8e9;
  background: #fff;
  box-shadow: 0 22px 60px rgba(13,59,112,.16);
}
.activation-card img { width: 230px; max-width: 70%; }
.activation-card form,
.activation-card label { display: grid; gap: 8px; }
.activation-card form { gap: 15px; margin-top: 22px; }

@media (max-width: 780px) {
  .revision-plan-card,
  .revision-analysis-list article,
  .revision-realization-fields { grid-template-columns: 1fr; }
  .revision-card-progress { justify-items: start; }
  .revision-realization-fields .wide-field { grid-column: auto; }
  .revision-picker-toolbar,
  .revision-analysis-filters { align-items: stretch; flex-direction: column; }
}