/* CRM BlueIa · vue « Sauvegardes » (backups). Classes préfixées par .backups- */

.backups-slot:empty { display: none; }
.backups-kpis + .alert { margin-top: var(--s-4); }

.backups-name { display: inline-flex; align-items: center; gap: var(--s-2); font-size: var(--fs-sm); word-break: break-all; }

.backups-help { display: grid; gap: var(--s-2); max-width: 78ch; color: var(--ink-2); line-height: 1.55; }
.backups-help p { margin: 0; }

/* Maintenance : autotest et migrations côte à côte */
.backups-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--s-4); align-items: start; }
.backups-result { display: grid; gap: var(--s-3); }
.backups-idle { margin: 0; }

.backups-checks { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.backups-check {
  --tone-bg: var(--neutral-bg); --tone-fg: var(--neutral-fg);
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-3); align-items: start;
  padding: var(--s-3) var(--s-4); border-top: 1px solid var(--line); background: var(--card);
}
.backups-check:first-child { border-top: 0; }
.backups-check.is-failed { background: var(--danger-bg); }
.backups-check__mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: var(--r-pill);
  background: var(--tone-bg); color: var(--tone-fg);
}
.backups-check.is-failed .backups-check__mark { background: var(--card); }
.backups-check__name { font-weight: 600; color: var(--ink); }
.backups-check__detail { margin-top: 2px; font-size: var(--fs-sm); color: var(--ink-2); line-height: 1.5; overflow-wrap: anywhere; }

.backups-files { margin: 0; padding-left: var(--s-5); display: grid; gap: var(--s-1); font-size: var(--fs-sm); color: var(--ink-2); }

@media (max-width: 1180px) {
  .backups-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .backups-check { grid-template-columns: auto minmax(0, 1fr); }
  .backups-check .badge { grid-column: 2; justify-self: start; }
}