/* ═══════════════════════════════════════
   BACKUP VIEW
═══════════════════════════════════════ */
.backup-wrap{
  flex:1;overflow-y:auto;padding:28px 32px 40px;max-width:860px;
}
.backup-header{
  margin-bottom:28px;
  padding-bottom:20px;
  border-bottom:1px solid var(--b1);
}
.backup-title{font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:4px}
.backup-sub{font-size:13px;color:var(--t3)}

.backup-section{margin-bottom:32px}
.backup-sec-title{
  display:flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;color:var(--t2);
  text-transform:uppercase;letter-spacing:.6px;
  margin-bottom:14px;
}

.backup-cards{display:flex;flex-direction:column;gap:12px}
.backup-card{
  display:flex;align-items:center;gap:16px;
  padding:18px 20px;
  background:var(--s2);border:1.5px solid var(--b1);
  border-radius:12px;transition:.12s;
}
body.light .backup-card{background:#fff;border-color:#dfd9d0}
.backup-card:hover{border-color:var(--b2)}
body.light .backup-card:hover{border-color:#c8bfb4}

.backup-card-icon{
  width:44px;height:44px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.backup-card-body{flex:1;min-width:0}
.backup-card-title{font-size:14px;font-weight:600;color:var(--tx);margin-bottom:3px;letter-spacing:-.01em}
body.light .backup-card-title{color:#1a1714}
.backup-card-desc{font-size:12px;color:var(--t3);line-height:1.5;margin-bottom:4px}
body.light .backup-card-desc{color:#6b6259}
.backup-card-meta{font-size:11px;color:var(--t4);font-family:var(--mono)}
body.light .backup-card-meta{color:#9c8f84}

.backup-btn{
  display:flex;align-items:center;gap:6px;
  padding:9px 16px;border-radius:8px;
  font-size:13px;font-weight:600;white-space:nowrap;
  cursor:pointer;transition:.12s;flex-shrink:0;border:none;
}
.backup-btn-primary{background:var(--s3);color:var(--tx);border:1.5px solid var(--b1)}
.backup-btn-primary:hover{background:var(--s4);border-color:var(--b2)}
body.light .backup-btn-primary{background:#f0ede8;color:#1a1714;border-color:#dfd9d0}
body.light .backup-btn-primary:hover{background:#e5e2dd;border-color:#c8bfb4}
.backup-btn-amber{background:var(--amber);color:#fff;border:none}
body.light .backup-btn-amber{color:#fff}
.backup-btn-amber:hover{opacity:.88}
.backup-btn-outline{background:none;color:var(--t2);border:1.5px solid var(--b1)}
.backup-btn-outline:hover{background:var(--s3);border-color:var(--b2);color:var(--tx)}
body.light .backup-btn-outline{color:#3d3730;border-color:#c8c2ba}

/* Stats grid */
.backup-stats-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;
}
.backup-stat{
  background:var(--s2);border:1.5px solid var(--b1);border-radius:10px;
  padding:16px;text-align:center;
}
body.light .backup-stat{background:#fff;border-color:#dfd9d0}
.backup-stat-val{font-size:28px;font-weight:800;letter-spacing:-1.5px;color:var(--tx);line-height:1}
body.light .backup-stat-val{color:#1a1714}
.backup-stat-lbl{font-size:11px;color:var(--t3);margin-top:4px;letter-spacing:.1px}
body.light .backup-stat-lbl{color:#9c8f84}