/* Settings > Backups (backup.js). Uses the app's colour variables, so both themes work. Status is a word first, colour second. */
#bk-block{max-width:980px}
#bk-block .m{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;overflow-wrap:anywhere}
#bk-block .bk-lead{max-width:78ch;margin:0 0 10px}
#bk-block .bk-overall{margin:0 0 10px}
#bk-block .bk-card{border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf);padding:12px 14px;margin:0 0 12px}
#bk-block .bk-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;margin:0 0 6px}
#bk-block .bk-head h3{margin:0;font-size:15px}
#bk-block .bk-state{font-weight:700;letter-spacing:.06em;font-size:13px;border:1px solid currentColor;border-radius:999px;padding:2px 12px}
#bk-block .bk-reason{margin:0 0 8px}
#bk-block .bk-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 18px;margin:8px 0}
#bk-block .bk-facts div{min-width:0}
#bk-block .bk-facts dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
#bk-block .bk-facts dd{margin:2px 0 0;overflow-wrap:anywhere}
#bk-block .bk-problems{list-style:none;margin:6px 0;padding:8px 10px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf2);display:grid;gap:4px;overflow-wrap:anywhere}
#bk-block .bk-run{margin:6px 0;padding:6px 10px;border:1px solid var(--acc);border-radius:var(--r);background:var(--sel)}
#bk-block .bk-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 4px}
#bk-block .bk-ask{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
#bk-block .bk-h{font-size:13px;margin:16px 0 8px;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
#bk-block .bk-list,#bk-block .bk-parts{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px}
#bk-block .bk-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) auto;gap:6px 14px;align-items:center;padding:8px 12px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--bg,var(--sf));min-height:44px}
#bk-block .bk-main{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
#bk-block .bk-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px}
#bk-block .bk-act{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
#bk-block .bk-parts li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
#bk-block .bk-steps{margin:8px 0;padding-left:20px;display:grid;gap:10px;max-width:84ch}
#bk-block .bk-restore{list-style:none;margin:8px 0;padding:0;display:grid;gap:12px;max-width:84ch}
#bk-block .bk-restore p{margin:2px 0 4px}
#bk-block .bk-cmd{margin:4px 0 0;padding:8px 10px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf2);font-family:ui-monospace,Consolas,monospace;font-size:12.5px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
#bk-block .bk-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
#bk-block .bk-msg{min-height:20px;margin:6px 0 0;max-width:76ch;overflow-wrap:anywhere}
@media(max-width:719px){
  #bk-block .bk-row{grid-template-columns:1fr}
  #bk-block .bk-act{justify-content:flex-start}
  #bk-block .bk-actions .btn,#bk-block .bk-act .btn,#bk-block .bk-parts .btn{min-height:44px}
  #bk-block .bk-facts{grid-template-columns:1fr}
}