/* Separate, small styling module for the encrypted export/import UI. */
.backup-modal{max-width:690px;max-height:min(90dvh,900px);overflow:auto}
.backup-body{padding:20px;display:grid;gap:12px;color:var(--text,#e9edf5)}
.backup-body>label{display:grid;gap:6px;font-size:14px;font-weight:600}
.backup-body input[type="password"],.backup-body input[type="file"]{width:100%;box-sizing:border-box}
.backup-body input[type="file"]{padding:12px;background:#17212c;border:1px solid #536070;border-radius:8px;color:#f3f6fa}
.backup-body p{margin:0;line-height:1.5;font-size:14px}
.backup-body hr{border:0;border-top:1px solid #3f4b57;width:100%}
.backup-body h3{margin:0}
.backup-body button:disabled{opacity:.55;cursor:wait}
.backup-body .message{min-height:20px;white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:600px){.backup-modal{width:calc(100vw - 16px)!important;max-height:92dvh}.backup-body{padding:14px}}

.backup-status{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;margin:8px 20px 0;border-radius:10px;border:1px solid #805322;background:#38291c;color:#fff0d5;font-size:13px;font-weight:600}
.backup-status.good{background:#153f30;border-color:#2a8a64;color:#defbea}
.backup-status.neutral{background:#222b36;border-color:#536070;color:#dce4ef}
.backup-status #backupStatusText{flex:1;min-width:140px;overflow-wrap:anywhere}
.backup-status button{max-width:150px}
.backup-confirm{padding:12px;background:#29313c;border-radius:8px;border:1px solid #697383;display:grid;gap:10px}
.backup-confirm label{display:flex;align-items:center;gap:8px;font-size:13px}
.backup-confirm input[type="checkbox"]{width:18px;height:18px;flex-shrink:0}
.backup-body button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:640px){.backup-status{margin:8px 10px 0;padding:10px}.backup-status button{max-width:none;width:100%}}