.backup-panel{margin:28px 0;padding:24px 0;border-top:2px solid var(--line);border-bottom:2px solid var(--line)}
.backup-panel h2{margin:0 0 8px}.backup-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.backup-head p{margin:0}
.backup-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.backup-metrics>div{padding:15px;background:#f0eaff;border:1px solid #d3c3f5;border-radius:12px}.backup-metrics small{display:block;margin-bottom:7px;color:var(--muted)}
.backup-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.backup-retention{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.backup-panel label{width:100%;margin:0}.backup-panel .check{display:flex;gap:10px;align-items:center}.backup-panel input[type=checkbox]{width:auto;flex:none}.backup-panel details{margin:18px 0}.backup-panel summary{cursor:pointer;font-weight:700}
.backup-actions,.backup-snapshot-actions{display:flex;flex-wrap:wrap;gap:8px}.backup-panel button{margin:0;font-size:13px;padding:9px 13px}.backup-panel .backup-actions{margin:18px 0}.backup-progress{padding:13px 16px;border-radius:10px;background:#fff4cb;font-size:14px;margin:14px 0}.backup-panel .help{font-size:12px;line-height:1.6}.backup-message:empty{display:none}
.backup-snapshots{display:grid;gap:10px;max-height:420px;overflow:auto;margin-top:16px}.backup-snapshot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid #dbd5dc;border-radius:12px;background:var(--surface)}.backup-snapshot p{margin:5px 0 0}.backup-snapshot-actions{flex-shrink:0}.backup-release{margin-top:18px;padding:18px;background:#fff1e8;border:1px solid #e8b8a4;border-radius:12px}.backup-release .check{margin:12px 0}.backup-release h3{margin-top:0}
.backup-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;border:2px solid var(--ink);border-radius:18px;padding:26px;background:var(--surface)}.backup-dialog::backdrop{background:#24212780}.backup-dialog label{display:block;margin:18px 0}.backup-dialog p{line-height:1.6}.backup-dialog .backup-actions{display:flex;gap:10px;justify-content:flex-end}.backup-dialog h2{margin-top:0}.backup-dialog .restore-submit{background:var(--coral)}.backup-recovery{max-width:680px;margin:24px auto}
@media(max-width:650px){.backup-panel{padding:18px 0}.backup-head{flex-direction:column}.backup-metrics,.backup-settings-grid{grid-template-columns:1fr}.backup-retention{grid-template-columns:1fr}.backup-snapshot{align-items:start;flex-direction:column}.backup-snapshot-actions{width:100%}.backup-snapshot-actions button{flex:1;min-width:100px}.backup-dialog{padding:20px}.backup-dialog .backup-actions{flex-direction:column}.backup-dialog button{width:100%}}