/* Scoped to the console surface host; the page it styled now mounts in place. */
#surface-view[data-surface="backups"]{&{max-width:1180px;color:var(--ink);background:var(--page)}&{--page:#eef4ee;--surface:#fffdf5;--surface-alt:#e7f0e8;--ink:#17372f;--muted:#5a7067;--line:#9bb1a6;--accent:#176f60;--good:#1f714a;--good-bg:#d9efdc;--warn:#7a5310;--warn-bg:#f6ecc8;--bad:#812d35;--bad-bg:#f4d9d9}button{font:inherit}.page-head{margin-bottom:12px}.page-head h1,.backup-instrument h2,.history h2{margin:0}.page-head h1{font-size:clamp(24px,3vw,34px)}.page-head>p:last-child{margin:3px 0;color:var(--muted)}.eyebrow{margin:0;color:var(--accent);font:800 11px/1.4 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.backup-instrument,.history{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.backup-instrument>header,.history>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.backup-instrument h2,.history h2{font-size:18px}.state-pill{padding:4px 9px;border:1px solid currentColor;border-radius:999px;background:var(--surface-alt);font:800 11px/1.3 ui-monospace,monospace;white-space:nowrap}.state-pill[data-state="healthy"]{background:var(--good-bg);color:var(--good)}.state-pill[data-state="attention"]{background:var(--warn-bg);color:var(--warn)}.state-pill[data-state="failed"]{background:var(--bad-bg);color:var(--bad)}.backup-flow{display:grid;grid-template-columns:minmax(150px,1fr) 42px minmax(150px,1fr) 42px minmax(150px,1fr) 42px minmax(150px,1fr);align-items:stretch;padding:24px 16px 18px;overflow-x:auto}.flow-node{display:flex;min-height:128px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px;border:2px solid var(--line);border-radius:13px;background:var(--surface-alt);color:var(--ink);text-align:left;cursor:pointer}.flow-node span{color:var(--muted);font:800 10px/1.3 ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}.flow-node strong{display:block;margin:8px 0;font-size:18px;line-height:1.15}.flow-node small{color:var(--muted);font-size:12px}.flow-node:is(:hover,:focus-visible){border-color:var(--accent);outline:none}.flow-node[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:var(--surface)}.flow-edge{display:grid;place-content:center;color:var(--accent);font-size:24px;font-weight:900}.flow-edge span{display:block;color:var(--muted);font:700 9px/1.2 ui-monospace,monospace;text-align:center}.stage-detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:22px;margin:0 16px 16px;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--surface-alt)}.stage-detail h3,.stage-detail p,.stage-detail dl{margin:0}.stage-detail h3{font-size:17px}.stage-detail p{margin-top:5px;color:var(--muted)}.stage-detail dl{display:grid;grid-template-columns:minmax(96px,1fr) minmax(0,1.7fr);align-content:start;gap:5px 14px}.stage-detail dt{color:var(--muted)}.stage-detail dd{margin:0;font-weight:750;text-align:right;overflow-wrap:anywhere}.history{margin-top:12px}.history ol{margin:0;padding:0 16px;list-style:none}.history li{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding:11px 0;border-top:1px solid var(--line)}.history li:first-child{border-top:0}.history time{color:var(--muted);font:700 12px/1.4 ui-monospace,monospace}.history strong{font-size:13px}.empty{padding:18px;color:var(--muted)}@media(max-width:780px){.backup-flow{grid-template-columns:1fr;padding:16px}.flow-node{min-height:94px}.flow-edge{height:38px;transform:rotate(90deg)}.stage-detail{grid-template-columns:1fr}.history li{grid-template-columns:1fr;gap:3px}}:where(html[data-theme="dark"]) &{--page:#17231f;--surface:#22312b;--surface-alt:#2b3f35;--ink:#eef6ef;--muted:#b8c9c0;--line:#587066;--accent:#79cba9;--good:#d6f2dd;--good-bg:#1f4a30;--warn:#f4e6b3;--warn-bg:#4a3d10;--bad:#f5cfd3;--bad-bg:#4c1f26}}

#surface-view[data-surface="backups"] [hidden]{display:none!important}
#surface-view[data-surface="backups"] .state-pill[data-state="pending"]{color:var(--muted);background:var(--surface-alt)}
#surface-view[data-surface="backups"] .recovery-proof{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;min-width:0;color:var(--ink);background:var(--surface-alt)}
#surface-view[data-surface="backups"] .recovery-proof h3{margin:14px 0 8px}
#surface-view[data-surface="backups"] .recovery-proof h3:first-child{margin-top:0}
#surface-view[data-surface="backups"] .recovery-procedure{padding-left:22px;margin:8px 0;display:grid;gap:10px}
#surface-view[data-surface="backups"] .recovery-proof li{padding-left:3px}
#surface-view[data-surface="backups"] .recovery-proof p{color:var(--ink);line-height:1.5}
#surface-view[data-surface="backups"] .recovery-proof .trust-boundary{border-left:3px solid var(--accent);padding-left:12px}
#surface-view[data-surface="backups"] .recovery-run{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);color:var(--ink)}
#surface-view[data-surface="backups"] .recovery-run h4{margin:0;font-size:15px}
#surface-view[data-surface="backups"] .recovery-run>p{font-size:12px;color:var(--muted)}
#surface-view[data-surface="backups"] .recovery-table-wrap{overflow-x:auto;margin:10px 0}
#surface-view[data-surface="backups"] .recovery-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;background:var(--surface);color:var(--ink)}
#surface-view[data-surface="backups"] .recovery-table th,#surface-view[data-surface="backups"] .recovery-table td{border-bottom:1px solid var(--line);padding:9px 6px;vertical-align:top;overflow-wrap:anywhere}
#surface-view[data-surface="backups"] .recovery-table th{background:var(--surface-alt);color:var(--ink)}
#surface-view[data-surface="backups"] .recovery-table td:nth-child(2){white-space:nowrap}
#surface-view[data-surface="backups"] .fingerprints{margin-top:7px;font-size:12px}
#surface-view[data-surface="backups"] .fingerprints summary{cursor:pointer;color:var(--accent);background:transparent}
#surface-view[data-surface="backups"] .fingerprints dl{display:block;margin-top:7px}
#surface-view[data-surface="backups"] .fingerprints dd{font:11px/1.6 ui-monospace,monospace;text-align:left;overflow-wrap:anywhere;color:var(--ink)}
#surface-view[data-surface="backups"] .method-sources a{color:var(--accent);background:transparent;margin-right:10px}
@media(max-width:520px){#surface-view[data-surface="backups"] .recovery-table{min-width:420px}}
/* Decorative arrows never cover adjacent stage controls on narrow screens. */
#surface-view[data-surface="backups"] .flow-edge{pointer-events:none}
@media(max-width:780px){#surface-view[data-surface="backups"] :is(.backup-instrument,.history)>header{flex-direction:column;align-items:flex-start}}