/* ============================================================
   Backups — the "Backups" card of a project / tool page and the
   backups page (owner: archives agent, D-019). The table, the
   upload form, the notes and the danger buttons reuse tools.css
   (.tls-*); only what is new lives here.
   Only theme variables: both themes come from vars.css / app.css.
   ============================================================ */

/* ── Card on the project / tool page ──────────────────────── */
.bk-card__header {
    display:         flex;
    flex-wrap:       wrap;
    align-items:     center;
    justify-content: space-between;
    gap:             var(--space-2) var(--space-3);
}
.bk-card__last { margin: 0 0 var(--space-2); overflow-wrap: anywhere; }

/* ── Backups table ────────────────────────────────────────── */
.bk-list { margin-bottom: var(--space-6); }
.bk-label { overflow-wrap: anywhere; }
.bk-original {
    display:       block;
    margin-top:    var(--space-1);
    color:         var(--color-text-muted);
    font-size:     var(--font-size-xs);
    overflow-wrap: anywhere;
}
.bk-sha { white-space: nowrap; }
.bk-sha__value {
    display:        inline-block;
    max-width:      14ch;
    overflow:       hidden;
    text-overflow:  ellipsis;
    vertical-align: middle;
    font-size:      var(--font-size-xs);
}
.bk-sha .btn.is-done { color: var(--color-success-text); }

/* ── Upload form: label column wider than the version one of tools ─
   (two classes: tools.css loads after this file and sets .tls-upload__row) */
.bk-upload .bk-upload__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }

@media (max-width: 599.98px) {
    .bk-upload .bk-upload__row { grid-template-columns: 1fr; }
    .bk-sha__value { max-width: 10ch; }
}