/* Scoped to the console surface host; the page it styled now mounts in place. */
#surface-view[data-surface="backups"]{&{max-width:1180px}&{--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:1fr auto;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}}@media(prefers-color-scheme: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}}}