/* Files > Backups */
.backup-actions {margin-top:0;}
.backup-status {display:grid; gap:7px;}
.backup-table td {height:46px;}
.backup-state {display:flex; align-items:center; gap:9px; font-size:14px; min-width:0;}
.backup-state strong {font-weight:650; overflow-wrap:anywhere;}
.backup-dot {width:9px; height:9px; border-radius:50%; flex:none; background:var(--muted);}
.backup-dot.ok {background:var(--accent);}
.backup-dot.busy {background:var(--blue);}
.backup-dot.warn {background:var(--warning);}
.backup-dot.bad {background:var(--danger);}
.backup-dot.off {background:var(--line);}
.backup-detail {font-size:12px; color:var(--muted); overflow-wrap:anywhere;}
.backup-progress {width:100%; height:6px; accent-color:var(--blue);}
.backup-current {font-size:11px; color:var(--muted); font-family:ui-monospace,Consolas,monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.backup-meta {font-size:11px;}
.backup-runs>summary,.backup-skipped>summary {cursor:pointer; font-size:12px; color:var(--ink);}
.backup-runs ul,.backup-skipped ul {list-style:none; margin:8px 0 0; padding:0;}
.backup-run {padding:9px 0; border-top:1px solid var(--line); font-size:12px;}
.backup-run-head {display:flex; flex-wrap:wrap; gap:6px 12px; align-items:center;}
.backup-run-message {margin-top:4px; font-size:11px;}
.backup-skipped {margin-top:8px;}
.backup-skipped li {display:grid; gap:2px; padding:6px 0; border-top:1px solid var(--line); font-size:11px;}
.backup-toolbar {display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:0 0 12px;}
.backup-toolbar>.spacer {flex:1;}
.backup-toolbar .check-label {margin:0; font-size:12px; white-space:nowrap;}
.backup-toolbar select {width:auto; padding:7px 9px; font-size:11px;}
.backup-crumbs {display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; font-size:12px; min-width:0;}
.backup-crumbs a,.backup-crumbs strong {overflow-wrap:anywhere;}
.backup-crumbs .sep {color:var(--muted);}
.backup-name {display:flex; align-items:center; gap:7px; min-width:0;}
.backup-name>a,.backup-name>button {min-width:0; display:block;}
.backup-name-text {display:grid; min-width:0;}
.backup-location {color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.backup-icon {flex:none; width:15px; height:12px; border-radius:2px; border:1.5px solid var(--muted); background:var(--surface);}
.backup-icon.folder {border-color:var(--accent); background:var(--accent-soft); border-top-width:3px;}
.backup-icon.file {width:11px; height:14px;}
.backup-deleted {color:var(--muted); text-decoration:line-through;}
.backup-facts {margin-bottom:16px;}
.backup-subhead {font-size:13px; margin:6px 0 4px;}
.backup-versions {list-style:none; margin:0 0 14px; padding:0;}
.backup-versions li {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--line);}
.backup-versions li>div {display:grid; gap:3px; min-width:0;}
.backup-versions small {font-size:11px;}
.backup-settings {min-width:min(520px,80vw);}
.backup-grid {display:grid; grid-template-columns:1fr 1fr; gap:0 14px;}
.backup-settings input[type=time],.backup-settings input[type=number] {display:block; width:100%; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); padding:10px 11px; font-size:12px;}
.backup-hint {margin:-8px 0 14px;}
@media(max-width:600px) {
  .backup-toolbar {gap:8px 10px;}
  .backup-toolbar>.spacer {display:none;}
  .backup-crumbs {width:100%;}
  .backup-grid {grid-template-columns:1fr;}
  .backup-settings {min-width:0;}
  .backup-actions {width:100%; justify-content:flex-start;}
}
