/* Wave 6 — النسخ الاحتياطية (BackupsScreen). Kept apart from app.css on purpose: the screen owns its look; the shared tokens
   (--surface, --border, --ok, --warn, --danger, --muted, --s*) come from app.css. RTL by default; mobile at the shared breakpoint. */
.backups .bk-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.backups .bk-card{position:relative;overflow:hidden;padding-inline-start:14px}
.backups .bk-card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--border)}
.backups .bk-card.bk-ok::before{background:var(--ok)}
.backups .bk-card.bk-warn::before{background:var(--warn)}
.backups .bk-card.bk-danger::before{background:var(--danger)}
.backups .bk-card.bk-off::before{background:var(--muted)}
.backups .bk-card > b{font-size:15px;line-height:1.4;white-space:normal}
.backups .bk-card > small{white-space:normal;line-height:1.5;overflow-wrap:anywhere}
.backups .bk-card .bk-status{font-size:14px}
.backups .bk-alert-text{display:block;white-space:pre-wrap;font-family:ui-monospace,Consolas,monospace;font-size:11px;max-height:120px;overflow:auto;text-align:left}
.backups .bk-problems{margin:6px 0 0;padding-inline-start:18px;line-height:1.6}
.backups .bk-problems li{overflow-wrap:anywhere}
.backups .bk-table td.bk-actions{white-space:nowrap}
.backups .bk-table td.bk-actions .btn + .btn{margin-inline-start:6px}
.backups .bk-note{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.6;margin-top:var(--s2)}
.backups .bk-upload{margin-top:var(--s2)}
.backups .bk-upload-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s3)}
.backups .bk-sha{display:flex;flex-direction:column;gap:4px;flex:1 1 320px;font-size:12px;color:var(--muted)}
.backups .bk-sha .inp{font-family:ui-monospace,Consolas,monospace}
.backups .bk-insp{margin-top:var(--s3);border-top:1px solid var(--border);padding-top:var(--s3)}
.backups .bk-insp-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}
.backups .bk-facts{display:grid;grid-template-columns:max-content 1fr;gap:4px var(--s3);margin:0;font-size:var(--fs-sm)}
.backups .bk-facts dt{color:var(--muted);font-weight:600}
.backups .bk-facts dd{margin:0;overflow-wrap:anywhere;line-height:1.5}
.backups .bk-impact{display:flex;align-items:flex-start;gap:6px;background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-bd);border-radius:var(--r-sm);padding:8px 12px;margin:var(--s3) 0;line-height:1.6}
.backups .bk-insp-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}
.backups .bk-dry{margin-top:var(--s3);background:var(--surface-3,var(--surface));border:1px dashed var(--border);border-radius:var(--r-sm);padding:10px 14px;line-height:1.7}
.backups .bk-dry ol{margin:6px 0;padding-inline-start:20px}
.backups .bk-statement{font-weight:700;color:var(--danger);margin:var(--s3) 0 0;line-height:1.6}
@media (max-width:860px), (pointer:coarse){
  .backups .bk-cards{grid-template-columns:1fr}
  .backups .bk-facts{grid-template-columns:1fr;gap:2px}
  .backups .bk-facts dt{margin-top:6px}
  .backups .bk-table td.bk-actions{white-space:normal}
  .backups .bk-table td.bk-actions .btn{margin:2px 0}
  .backups .bk-upload-row .btn,.backups .bk-sha{flex:1 1 100%}
}