#systemBackupPage{padding:8px;overflow:hidden;min-height:0}#systemBackupWorkspace,.backup-shell{height:100%;min-height:0;min-width:0}.backup-shell{display:flex;flex-direction:column;gap:8px;color:var(--text,#18243c)}
.backup-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--border,#dbe3ed);border-radius:12px;background:var(--surface,#fff)}.backup-heading h1{font-size:20px;margin:2px 0}.backup-heading p{margin:2px 0}.backup-heading>span{font-size:12px}
.backup-top-commands,.backup-editor-commands,.backup-options,.backup-history-footer,.backup-footer>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.backup-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:2px}.backup-summary{display:flex;flex-wrap:wrap;gap:8px 22px;padding:8px 12px;background:var(--surface,#fff);border:1px solid var(--border,#dbe3ed);border-radius:10px;font-size:12px}
.backup-editor-layout{display:grid;grid-template-columns:minmax(190px,24%) minmax(0,1fr);gap:10px;align-items:start}.backup-card{border:1px solid var(--border,#dbe3ed);background:var(--surface,#fff);border-radius:12px;padding:12px;min-width:0}.backup-card h2{font-size:15px;margin:0 0 10px}.backup-card p{margin:8px 0;font-size:12px;line-height:1.5}
.backup-jobs{display:flex;flex-direction:column;gap:10px}.backup-jobs button{width:100%;overflow:hidden;justify-content:flex-start}.backup-jobs small{display:block;font-weight:400;margin-top:3px;overflow-wrap:anywhere}.backup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.backup-card label,.backup-recovery-dialog label{display:flex;flex-direction:column;gap:4px;font-size:12px;margin-bottom:8px}.backup-card input:not([type=checkbox]),.backup-card textarea,.backup-card select,.backup-recovery-dialog input{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--border,#cbd5e1);border-radius:7px;padding:6px 8px;min-height:32px;background:var(--input-bg,var(--surface,#fff));color:inherit;font:inherit}
.backup-card label,.backup-recovery-dialog label{color:inherit}.backup-card small{color:inherit;opacity:.85}
#systemBackupPage .backup-card input:not([type=checkbox]),#systemBackupPage .backup-card textarea,#systemBackupPage .backup-recovery-dialog input{background:#fff;color:#17243b}
.backup-shell :is(.erp-bank-command,.standard-icon-command){--paper:#fff;--brand-navy:#1c3359;--brand-turquoise-pale:#eaf9f8}
.backup-check,.backup-days label{flex-direction:row!important;align-items:center;gap:6px!important}.backup-check input,.backup-days input{width:auto;flex:none}.backup-days{border:1px solid var(--border,#dbe3ed);border-radius:8px;display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 12px}.backup-days legend{font-size:12px}.backup-note{opacity:.8}.backup-options>label{margin:0}
.backup-history .document-list-table{max-height:420px;min-height:100px;overflow:auto;margin-top:10px}.backup-history table{min-width:1000px;width:100%}.backup-history td{vertical-align:top;white-space:normal;max-width:340px;overflow-wrap:anywhere}.backup-history-footer{justify-content:flex-end;margin-top:8px}.backup-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:45px;flex-shrink:0}.backup-footer>span{font-size:12px}
.backup-recovery-dialog{border:1px solid var(--border,#cbd5e1);border-radius:14px;max-width:500px;width:calc(100% - 32px);background:var(--surface,#fff);color:var(--text,#18243c);padding:20px}.backup-recovery-dialog::backdrop{background:#15224366}.backup-recovery-dialog h2{font-size:18px}.backup-recovery-dialog p{font-size:13px;line-height:1.5}.backup-recovery-dialog footer{display:flex;gap:5px;justify-content:flex-end}
[data-theme=dark] .backup-card,[data-theme=dark] .backup-heading,[data-theme=dark] .backup-summary,[data-theme=dark] .backup-recovery-dialog{background:var(--surface,#182337);color:var(--text,#e4edf8)}
@media(max-width:750px){.backup-editor-layout{grid-template-columns:1fr}.backup-fields{grid-template-columns:1fr}.backup-heading{padding:8px}.backup-heading h1{font-size:18px}.backup-footer{flex-wrap:wrap}.backup-footer>div{margin-left:auto}.backup-summary{flex-direction:column;gap:5px}}