/* Backup and Restore interface preview, using the installed MOON skin. */
.backup-restore-console{min-width:0;width:100%;box-sizing:border-box}
.backup-console-heading,.backup-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.backup-console-heading h3,.backup-history-heading h4{margin:0}
.backup-preview-badge{display:inline-block;padding:5px 9px;border:1px solid var(--amber);border-radius:4px;color:var(--text);font:600 .67rem Consolas,monospace;letter-spacing:.03em}
.backup-preview-notice{display:flex;align-items:flex-start;gap:10px;padding:12px;margin:14px 0;border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:4px;background:var(--panel-2);font-size:.82rem;line-height:1.5}
.backup-status-lamp{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--muted);margin-top:6px}
.backup-context{display:grid;grid-template-columns:1.4fr 1.1fr 1fr 1fr;gap:12px;margin:0 0 14px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}
.backup-context div,.backup-plan div{min-width:0}
.backup-context dt,.backup-plan dt{font:600 .66rem Consolas,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.backup-context dd,.backup-plan dd{margin:0;font-size:.82rem;color:var(--text);overflow-wrap:anywhere}
.backup-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.backup-action-card{margin:0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.backup-action-card h4,.backup-action-card p{margin:0}
.backup-action-card p,.backup-history p,.backup-console-status{font-size:.8rem;line-height:1.5;color:var(--muted)}
.backup-draft-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.backup-draft-fields label{display:flex;flex-direction:column;gap:6px;font-size:.75rem;color:var(--text)}
.backup-draft-fields select{width:100%;min-width:0;padding:9px;border:1px solid var(--line);border-radius:4px;font:inherit;color:var(--input-text,var(--text));background:var(--input-bg,var(--panel-2))}
.backup-primary-actions{display:flex;gap:8px;flex-wrap:wrap}
.backup-restore-console .moon-standard-button{min-height:40px;white-space:normal;text-align:center}
.backup-action-card>.moon-standard-button{margin-top:auto}
.backup-action-card .backup-scope-note{margin-top:auto;font-size:.72rem}
.backup-history{margin-top:14px;min-width:0}
.backup-table-wrap{max-width:100%;overflow:auto}
.backup-history table{width:100%;border-collapse:collapse;font-size:.78rem;text-align:left}
.backup-history th,.backup-history td{padding:10px;border-bottom:1px solid var(--line);color:var(--text)}
.backup-history thead th{font:600 .67rem Consolas,monospace;text-transform:uppercase;white-space:nowrap;color:var(--muted)}
.backup-example-status{font-size:.7rem;color:var(--amber);white-space:nowrap}
.backup-example-caption{border-left:2px solid var(--amber);padding-left:10px}
.backup-console-status{margin:12px 0 0;font-size:.72rem}
.backup-preview-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:var(--radius,8px);color:var(--modal-text,var(--text));background:var(--modal-bg,var(--panel));box-shadow:0 24px 80px #0009;overflow:auto}
.backup-preview-dialog::backdrop{background:#000b}
.backup-preview-dialog .moon-modal-head{position:sticky;top:0;background:var(--modal-head,var(--panel-2));gap:12px}
.backup-preview-dialog .moon-modal-head h3{font-size:1rem}
.backup-preview-dialog .moon-modal-body{padding:18px;line-height:1.6;font-size:.85rem}
.backup-preview-dialog .moon-modal-body>p{color:var(--modal-text,var(--text))}
.backup-plan{display:grid;gap:14px;margin:18px 0}
.backup-plan div{display:grid;grid-template-columns:130px 1fr;gap:12px}
.backup-plan dt{margin:2px 0 0}
.backup-dialog-actions{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--line)}
body.backup-preview-open{overflow:hidden!important}
@media(max-width:850px){.backup-context{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.backup-action-grid{grid-template-columns:1fr}.backup-draft-fields{grid-template-columns:1fr 1fr}.backup-primary-actions{width:100%}.backup-primary-actions button{flex:1 1 130px}.backup-plan div{grid-template-columns:1fr;gap:2px}.backup-context{grid-template-columns:1fr}.backup-history-heading>.moon-standard-button{width:100%}}