.backup-main { min-width: 0; }
.backup-main .page-heading { gap: 20px; flex-wrap: wrap; }
.backup-main .page-heading > div { min-width: 0; }
.backup-main .backup-scheduler-hint { display: grid; gap: 6px; margin-top: 14px; color: var(--muted); font-size: 12px; }
.backup-main .backup-scheduler-hint code { display: block; width: fit-content; max-width: 100%; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); overflow-wrap: anywhere; user-select: all; }
.backup-main .page-heading h2 { font: 700 20px/1.4 "Manrope", sans-serif; margin: 24px 0 4px; }
.backup-main .panel { overflow: hidden; margin-bottom: 24px; }
.backup-main .panel-header { padding: 20px 24px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.backup-main .panel-header h2 { font: 700 18px/1.4 "Manrope", sans-serif; margin: 0 0 8px; }
.backup-main .panel-header p { margin: 0; color: var(--muted); font-size: 13px; }
.backup-main .management-row { grid-template-columns: 42px minmax(0, 1fr) auto; }
.backup-main .site-identity { min-width: 0; overflow-wrap: anywhere; }
.backup-main .site-identity small { display: block; color: var(--muted); margin-top: 6px; }
.backup-main .row-actions { align-items: center; flex-wrap: wrap; }
.backup-main .row-actions form { margin: 0; }
.backup-main .row-actions a.btn-primary { color: #fff; }
.backup-main .form-actions { margin: 0; padding: 18px 24px; align-items: center; }
.backup-main .table { min-width: 620px; margin: 0; font-size: 13px; }
.backup-main .table th, .backup-main .table td { padding: 13px 18px; vertical-align: top; }
.backup-main .table th { color: var(--muted); background: #f8fafc; font-weight: 700; }
.backup-main .table td:last-child { overflow-wrap: anywhere; }
.backup-main .backup-definitions { min-width: 1040px; }
.backup-main .backup-definitions td, .backup-main .backup-definitions th { vertical-align: middle; }
.backup-main .backup-definitions .backup-name { min-width: 160px; max-width: 280px; overflow-wrap: anywhere; background: transparent; color: var(--ink); }
.backup-main .backup-name small { display: block; margin-top: 6px; color: var(--muted); font-weight: 400; }
.backup-main .backup-date { white-space: nowrap; }
.backup-main .backup-source { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; font-weight: 600; }
.backup-main .backup-source-icon { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; font-size: 16px; font-weight: 800; flex-shrink: 0; }
.backup-main .backup-source-mysql { color: #086d93; background: #e4f3fb; }
.backup-main .backup-source-qdrant { color: #ac2854; background: #fce7ee; }
.backup-main .backup-source-sqlite { color: #6b4b13; background: #fff1c9; }
.backup-main .backup-source-legacy { color: #596579; background: #edf0f5; }
.backup-main .backup-definitions .row-actions { min-width: 190px; gap: 10px; }
.backup-main .backup-definitions .btn-monitor.btn-sm { padding: 6px 10px; font-size: 11px; line-height: 1.4; border-radius: 7px; box-shadow: none; white-space: nowrap; }
.backup-main .form-panel { margin-bottom: 22px; }
.backup-main .form-panel-head { padding: 24px; }
.backup-main .form-panel .form-grid { padding: 24px; }
.backup-main .form-panel .form-grid label { width: 100%; }
.backup-main .form-panel .form-grid label input.form-control { margin-top: 8px; }
.backup-main #add-connection { margin: 0 24px 24px; }
.backup-main .connection-row { border-top: 1px solid var(--line); }
.backup-main .validation-summary { overflow-wrap: anywhere; }
@media(max-width: 650px) {
  .backup-main .management-row { grid-template-columns: 36px minmax(0, 1fr); }
  .backup-main .management-row .row-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .backup-main .form-panel-head,
  .backup-main .form-panel .form-grid { padding: 18px; }
}