.backup-overdue-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:16px 18px;border:1px solid #d79c35;border-left:5px solid #c67e13;border-radius:10px;background:#fff4d9;color:#6e4a13;box-shadow:0 5px 18px #7b5d1712}.backup-overdue-banner>div{display:grid;gap:3px}.backup-overdue-banner strong{font-size:15px}.backup-overdue-banner span{font-size:13px}.backup-overdue-banner small{color:#86652c}.backup-overdue-banner .button{flex:0 0 auto;margin:0;background:#9b6411;border-color:#9b6411;color:#fff}.backup-overdue-banner .button:hover{background:#7f500b;border-color:#7f500b}
.backup-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.backup-choice{padding:24px}.backup-choice.recommended{border:1px solid #8cbcaf;box-shadow:0 8px 24px #285f4d12}.backup-choice h2{margin-bottom:10px}.backup-choice>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.65}.backup-choice .notice{margin:15px 0 0}.backup-numbers{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.backup-numbers span{display:grid;gap:2px;min-width:120px;padding:10px 12px;border-radius:8px;background:#f1f5f4;font-size:11px;color:var(--muted)}.backup-numbers strong{font-size:17px;color:var(--ink)}.backup-prepare-form .button{margin:0}.backup-choice .button.warning{background:#9b6411;border-color:#9b6411;color:#fff}
.backup-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.backup-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf2f2;font-size:11px;font-weight:650;white-space:nowrap}.backup-status.status-preparing{background:#e8eff8;color:#4b7194}.backup-status.status-ready,.backup-status.status-downloaded,.backup-status.status-confirmed{background:#e5f2ec;color:#35775f}.backup-pending{border-left:5px solid #5a9182}.backup-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.backup-summary-grid>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px}.backup-summary-grid small{color:var(--muted)}.backup-summary-grid strong{font-size:17px}.backup-confirm-box{margin:18px 0;padding:16px;border-radius:10px;background:#eaf4ef}.backup-confirm-box p{margin:5px 0 10px;font-size:13px;color:#557068}.backup-confirm-box .button{margin:0}.backup-discard-form{margin-top:14px}.backup-discard-form .button.danger,.backup-reset .button.danger{background:#fff;border-color:#d7aaa6;color:#a3413e}.backup-discard-form .button.danger:hover,.backup-reset .button.danger:hover{background:#fde9e7}.backup-progress{height:8px;overflow:hidden;border-radius:999px;background:#e8eeee;margin:16px 0 8px}.backup-progress span{display:block;height:100%;width:38%;border-radius:999px;background:#4d8a79;animation:backup-progress 1.5s ease-in-out infinite alternate}.backup-error{color:var(--red)}.backup-history .button{margin:0}.backup-reset{margin-bottom:25px}.backup-reset summary{cursor:pointer;font-weight:650}.backup-reset p{margin:14px 0;color:var(--muted)}.badge.ok{background:#e5f2ec;color:#35775f}.badge.warning{background:#fbf0d7;color:#956d24}
@keyframes backup-progress{from{transform:translateX(-35%)}to{transform:translateX(175%)}}
@media(max-width:900px){.backup-overdue-banner{margin-top:0}.backup-choice-grid{grid-template-columns:1fr}.backup-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.backup-overdue-banner{align-items:flex-start;flex-direction:column;padding:14px}.backup-overdue-banner .button{width:100%}.backup-summary-grid{grid-template-columns:1fr 1fr}.backup-choice{padding:18px}.backup-section-head{flex-direction:column;gap:8px}}