.backup-shell { display: block; max-width: 1400px; margin: auto; }
.backup-shell .main-content { padding: 32px 24px; }
.backup-brand { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; color: #203e67; }
.backup-page { display: grid; gap: 24px; }
.backup-actions-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.backup-card-body { display: grid; gap: 16px; padding: 24px; }
.backup-card-body > button { justify-self: start; }
.backup-card-body p { margin: 0; }
.backup-card-body label { font-size: .85rem; font-weight: 650; }
.backup-card-body code { overflow-wrap: anywhere; }
.backup-row-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.backup-page td small { display: block; margin-top: 6px; max-width: 320px; color: #5b6c80; overflow-wrap: anywhere; }
.backup-danger-zone { border-color: #e4b9b4 !important; }
.backup-danger-zone h2 { color: #a33329 !important; }
body .app-shell button.backup-restore-button { background: #aa352c !important; border-color: #aa352c !important; }
.backup-ack { display: flex; gap: 12px; align-items: flex-start; }
.backup-ack input { margin-top: 4px; width: 18px; height: 18px; flex-shrink: 0; }
.backup-page details summary { padding: 20px 24px; cursor: pointer; font-weight: 700; }
@media(max-width: 760px) { .backup-actions-grid { grid-template-columns: 1fr; } .backup-brand { flex-wrap: wrap; } }