/* Compact status using the existing Tiffany/glass material and controls. */
.backup-panel { margin:0 0 24px; padding:20px 24px 15px; }
.backup-overview { display:flex; align-items:center; gap:14px; }
.backup-icon { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border:1px solid #d4eae5; border-radius:15px; background:#edf9f5b3; color:#448d85; }
.backup-copy { flex:1; min-width:0; }
.backup-copy h2 { margin:0 0 5px; font-size:15px; line-height:1.4; font-weight:650; color:#214b50; }
.backup-copy p { margin:0; color:#5b7873; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.backup-badge { display:inline-flex; align-items:center; min-height:27px; padding:5px 10px; border-radius:11px; background:#edf5f2; color:#4e716c; font-size:11px; line-height:1.5; white-space:nowrap; }
.backup-badge[data-tone=healthy] { background:#e3f6ee; color:#397969; }
.backup-badge[data-tone=working] { background:#e1f5f3; color:#357c79; }
.backup-badge[data-tone=warning] { background:#fbf1de; color:#8a6936; }
.backup-details { margin-left:56px; color:#52776f; font-size:12px; }
.backup-details > summary { display:list-item; width:fit-content; cursor:pointer; margin-top:10px; padding:3px 1px; border-radius:5px; }
.backup-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 28px; margin:20px 0 17px; }
.backup-facts dt { margin:0 0 5px; font-size:11px; color:#68857d; }
.backup-facts dd { margin:0; color:#355e59; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.backup-facts small { display:block; margin-top:3px; color:#68857d; font-size:11px; }
.backup-location { margin:0; max-width:760px; font-size:12px; line-height:1.7; color:#68857d; }
.backup-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:17px 0 5px; }
.backup-actions .auth-link { font-size:12px; padding:9px 5px; }
.backup-notice,.backup-error-detail { margin:14px 0 0 56px; padding:11px 14px; border-radius:14px; background:#f6f5e9bc; color:#796a43; font-size:12px; line-height:1.65; }
.backup-error-detail { margin-left:0; }
.backup-retry { margin:10px 0 0 56px; }
@media(max-width:600px) {
  .backup-panel { padding:17px; }
  .backup-overview { gap:11px; flex-wrap:wrap; }
  .backup-copy { flex-basis:calc(100% - 53px); }
  .backup-badge { margin-left:53px; }
  .backup-details { margin-left:0; }
  .backup-facts { grid-template-columns:1fr; gap:15px; }
  .backup-notice,.backup-retry { margin-left:0; }
  .backup-actions { gap:8px; }
}