/* Restore from export (Import and export page, Restore tab: public/js/acct/restore.js). Colours from app.css variables. */
.rs-intro { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px; }
.rs-intro p { margin: 4px 0 0; max-width: 720px; }
.rs-intro-ic { flex: 0 0 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent-text); }
.rs-ok, .rs-error { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; }
.rs-ok > .i { color: var(--success); flex: 0 0 auto; margin-top: 2px; }
.rs-ok p, .rs-error p { margin: 4px 0 0; }
.rs-error { border-color: var(--danger); background: var(--danger-soft); }
.rs-error > .i { color: var(--danger); flex: 0 0 auto; margin-top: 2px; }
.rs-counts { margin-bottom: 12px; }
.rs-counts td.num, .rs-counts th.num { font-variant-numeric: tabular-nums; }
.rs-note { margin: 0 0 12px; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .rs-intro { gap: 10px; }
  .rs-intro-ic { flex-basis: 34px; height: 34px; }
}