@media screen {
 .backup-dialog{width:min(850px,calc(100vw - 24px));max-height:85vh;padding:0;border:1px solid #b5bfcb;border-radius:8px;color:#243247;background:white}
 .backup-dialog::backdrop{background:#18212f80}
 .backup-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #d5dce4;background:#eef1f5}
 .backup-dialog h2{font-size:18px;margin:0}
 .backup-body{padding:12px 16px;max-height:calc(85vh - 60px);overflow:auto;font-size:14px}
 .backup-body>p{margin:0 0 12px}.backup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
 .backup-list-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #dbe1e8}
 .backup-list-row>span{flex:1;min-width:0}.backup-list-row small{display:block;color:#596779;font-size:12px;margin-top:4px}
 .backup-body .error{color:#a13530}.backup-list-row a{text-decoration:none}
 .backup-setup-entry{padding:12px}.backup-setup-entry p{margin:8px 0;color:#596779;font-size:13px}
 @media(max-width:550px){.backup-list-row{flex-wrap:wrap}.backup-list-row>span{flex-basis:100%}}
}