dialog.server-backup-dialog{width:min(680px,calc(100vw - 28px));max-width:680px;max-height:90dvh;padding:0;border:1px solid #cfdeed;border-radius:16px;background:#fff;color:#183e61;box-shadow:0 22px 70px #12345345;overflow:auto}
.server-backup-dialog::backdrop{background:#0a213b88}
.server-backup-dialog>header{padding:20px 24px;background:#103b64;color:#fff}.server-backup-dialog>header span{font-size:11px;letter-spacing:1.3px;color:#bed8f0}.server-backup-dialog h2{font-size:20px;margin:7px 0 0}
.server-backup-body{padding:22px 24px}.server-backup-body>strong{display:block;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.server-backup-body progress{display:block;width:100%;height:12px;margin:16px 0 10px;accent-color:#1c70cf}
.server-backup-body>p{font-size:13px;line-height:1.65;color:#506a84;margin:8px 0}
.server-backup-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.server-backup-metrics>div{display:grid;gap:6px;border:1px solid #d7e4f0;border-radius:9px;padding:12px;background:#f6f9fd}.server-backup-metrics span{font-size:12px;color:#607a92}.server-backup-metrics b{font-size:18px}
.server-backup-body h3{display:flex;justify-content:space-between;font-size:14px;margin:16px 0 8px}.server-backup-body h3 small{font-size:11px;color:#61798d;font-weight:400}
.server-backup-body ol{height:180px;overflow:auto;padding:8px 12px;list-style:none;border:1px solid #dce7f1;border-radius:8px;background:#f7f9fc;margin:0}.server-backup-body li{display:flex;gap:12px;font-size:12px;line-height:1.65;padding:4px 0;overflow-wrap:anywhere}.server-backup-body li span{flex:0 0 64px;color:#617d97;font-variant-numeric:tabular-nums}
.server-backup-dialog>footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:14px 24px;border-top:1px solid #dce7f1}.server-backup-dialog button{min-height:38px;border:1px solid #cbdced;border-radius:7px;padding:8px 14px;background:#fff;color:#244b6e;font-size:13px;cursor:pointer}.server-backup-dialog button.primary-action{background:#124c84;color:#fff}.server-backup-dialog [hidden]{display:none!important}.server-backup-dialog.is-error [data-backup-state]{color:#b42318}
@media(max-width:560px){.server-backup-dialog>header{padding:16px}.server-backup-dialog h2{font-size:18px}.server-backup-body{padding:16px}.server-backup-dialog>footer{padding:12px 16px}.server-backup-dialog button{flex:1}.server-backup-metrics b{font-size:16px}.server-backup-body ol{height:160px}}