.backup-health-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 20px; }
.backup-health-text { font-size: 19px !important; letter-spacing: -.02em !important; }
.backup-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 20px; align-items: start; margin-top: 20px; }
.backup-layout > * { min-width: 0; }
.manual-backup-card { padding: 24px; }
.backup-status { display: inline-flex; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 750; }
.backup-status-success { background: #e8f6ee; color: #176b43; }
.backup-status-running,.backup-status-queued { background: #fff4dc; color: #8a5a00; }
.backup-status-failed { background: #feeceb; color: #9c2720; }
.hash-value { font-family: ui-monospace, monospace; overflow-wrap: anywhere; }
.danger-zone { border-top: 1px solid var(--line); margin-top: 22px; padding-top: 20px; }
.danger-zone strong { color: var(--danger); }
.restore-container { max-width: 780px; }
.restore-warning { border-top: 5px solid var(--danger); }
.restore-warning li { margin: 9px 0; line-height: 1.5; }
.restore-command { overflow-x: auto; padding: 16px; border-radius: 9px; background: #20232b; color: #f6f7f9; font-size: 12px; }
@media (max-width: 900px) { .backup-layout { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .backup-health-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .staff-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: center; } .staff-nav form { text-align: center; } }