/* #/backups: the summary, history, break-in steps and the security log. */
.bk-summary .panel-head h2 { font-size: 18px; }
.bk-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 14px; margin: 8px 0 0; font-size: 13.5px; }
.bk-facts dt { color: var(--muted); font-weight: 600; }
.bk-facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.bk-facts code, .bk-runs code { font-family: var(--mono); font-size: 12.5px; }
.bk-warn { color: var(--danger, #B42318); }
.bk-alarm h2, .bk-summary [role="alert"] strong { color: var(--danger, #B42318); }
.bk-list { display: grid; gap: 8px; padding-left: 18px; list-style: disc; font-size: 13.5px; margin: 6px 0 10px; }
.bk-list code { font-family: var(--mono); font-size: 12px; overflow-wrap: anywhere; }
.bk-actions { display: flex; justify-content: flex-end; }
.bk-log { display: grid; }
.bk-line { display: grid; grid-template-columns: 92px minmax(0, 1fr); column-gap: 12px; padding: 7px 0; border-top: 1px solid var(--line); }
.bk-line:first-child { border-top: 0; }
.bk-line > time { grid-row: span 2; color: var(--muted); font-size: 12.5px; padding-top: 1px; }
.bk-line p { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.bk-line.bk-backup strong { color: var(--muted); }
.bk-line.bk-two_factor strong, .bk-line.bk-sessions strong { color: var(--accent); }
@media (max-width: 600px) {
  .bk-facts { grid-template-columns: minmax(0, 1fr); }
  .bk-facts dt { margin-top: 6px; }
  .bk-line { grid-template-columns: minmax(0, 1fr); }
  .bk-line > time { grid-row: auto; }
}