@media screen {
 #app:has(#backup-alert){height:100vh;display:flex;flex-direction:column}
 #app:has(#backup-alert)>#ribbon,#backup-alert{flex:none}
 #app:has(#backup-alert)>#shell{height:auto;flex:1;min-height:0}
 #dlg.backup-dialog{width:min(1100px,94vw);max-width:none}
 .backup-dialog p{line-height:1.55;margin:10px 0}
 .backup-dialog>.bar{position:sticky;top:-26px;background:#f7f8f9;z-index:2;padding:12px 0}
 .backup-dialog .backup-feedback{color:#165e49;background:#e6f6ef;padding:12px;border-radius:8px}
 .backup-dialog .backup-feedback:empty{display:none}
 .backup-alert{display:flex;gap:20px;align-items:center;justify-content:center;padding:10px 24px;background:#fff5df;color:#644609;border-bottom:1px solid #e6cf9a;font-size:13px}
 .backup-alert.error{background:#fff0f2;color:#9a2440;border-color:#edc2cc}
 .backup-alert button{white-space:nowrap;padding:7px 12px;background:#fff;border:1px solid currentColor;border-radius:7px;color:inherit}
 .backup-summary{border-top:4px solid #2da982!important}
 .backup-table small{display:block;color:#617984;margin-top:4px}
 .backup-path{overflow-wrap:anywhere;font-size:12px}
 .backup-table .actions{flex-wrap:wrap;gap:6px}
 #dlg .backup-table th{white-space:nowrap}
}
@media print {#backup-alert{display:none!important}}