.backup-panel { display: grid; gap: 14px; }
.backup-panel .panel-heading { margin-bottom: 0; }
.backup-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.backup-warning { display: block; padding: 11px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); }
.backup-message { margin: 0; padding: 10px 12px; border-radius: 12px; font-weight: 700; }
.backup-message[data-type="success"] { color: var(--success); background: #ecfdf5; }
.backup-message[data-type="error"] { color: var(--danger); background: var(--danger-soft); }
@media (max-width: 520px) { .backup-actions { display: grid; grid-template-columns: 1fr; } }