/* ===== NextERP — super-admin Platform Backup (Phase 30) =====
   Styles for js/superAdminBackup.js. The modal is built from the Data &
   Backup hub's dh-* classes (css/dataHub.css) so the two read as one
   product; only what that file lacks is here. Every colour is an app.css
   variable, so dark mode needs no rules of its own, and horizontal spacing
   uses logical properties for Arabic and Kurdish right-to-left layouts.
   Everything is prefixed sab-. */

.sab-modal{ max-width:920px; }

.sab-lobby-btn{ display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.sab-lobby-btn svg{ flex:0 0 auto; }

.sab-warn{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border-radius:10px;
  background:var(--amber-note);
  border:1px solid var(--amber-note-edge);
  color:var(--amber-note-text);
  font-size:12.5px;
  line-height:1.5;
  font-weight:600;
}
.sab-warn::before{ content:"⚠"; font-size:14px; line-height:1.3; }

.sab-field{ margin:0; }

/* ---------- company picker ---------- */

.sab-picker{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-inline-start:26px;
}
.sab-picker-bar{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.sab-search{
  flex:1 1 220px;
  min-width:0;
  border:1px solid var(--panel-edge);
  border-radius:11px;
  padding:8px 12px;
  font-family:'Inter',sans-serif;
  font-size:13px;
  color:var(--ink);
  background:var(--panel);
  box-sizing:border-box;
}
.sab-search:focus{ outline:2px solid var(--accent); outline-offset:-1px; }
.sab-company-list{
  list-style:none;
  margin:0;
  padding:6px;
  display:flex;
  flex-direction:column;
  gap:2px;
  max-height:260px;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid var(--panel-edge);
  border-radius:10px;
  background:var(--surface-soft);
}
.sab-company-list > li{ padding:6px 8px; border-radius:8px; }
.sab-company-list > li:hover{ background:var(--surface-hover); }
.sab-company{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.sab-company .dh-muted, .sab-company .dh-warn-text{ font-size:12px; }

/* ---------- sets ---------- */

.sab-sets{ display:flex; flex-direction:column; gap:12px; }
.sab-set .dh-ready-head{ flex-wrap:wrap; }
.sab-set-title{ font-weight:700; font-size:13.5px; color:var(--ink); min-width:0; overflow-wrap:anywhere; }
.btn.sab-danger{ color:var(--danger); }
.btn.sab-danger:hover{ border-color:var(--danger); }

/* ---------- schedules ---------- */

.sab-sched-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.sab-sched{ flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.sab-sched-main{ display:flex; flex-direction:column; gap:4px; min-width:0; flex:1 1 280px; }
.sab-sched-title{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sab-sched-form{ border-color:var(--accent); }
.sab-presets{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.sab-mono{ font-family:'JetBrains Mono',monospace; }

/* ---------- restore ---------- */

.sab-restore-body{ display:flex; flex-direction:column; gap:14px; }
.sab-sums-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.sab-result{ margin:0; padding-inline-start:18px; display:flex; flex-direction:column; gap:4px; font-size:12.5px; color:var(--ink); line-height:1.5; }

@media (max-width:640px){
  .sab-picker{ padding-inline-start:0; }
  .sab-sched .dh-actions{ width:100%; }
}