.network-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:#b7d0c5}.network-toolbar label{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.network-toolbar input{accent-color:#93e5c7;width:18px;height:18px;margin:0}.network-toolbar input:focus-visible{outline:2px solid #dcefe5;outline-offset:4px}.network-legend{display:flex;gap:12px 24px;flex-wrap:wrap;list-style:none;margin:12px 0;padding:0;color:#afc2bc;font-size:12px}.network-legend li{display:flex;align-items:center;gap:8px}.legend-line{display:inline-block;width:25px;height:0;border-top:2px solid #93e5c7}.legend-stale{border-top-style:dashed;border-top-color:#9baea7}.legend-node{width:14px;height:14px;border:1px dashed #9baea7;border-radius:4px}.network-canvas{border:1px solid #334941;border-radius:12px;background:#14231e;margin-top:18px;overflow:hidden}#network-graph{display:block;width:100%;height:auto;min-height:160px}.network-edge path{stroke:#93e5c7;stroke-width:2;fill:none}.network-edge.is-stale path{stroke:#83998f;stroke-dasharray:6 5}.network-edge text{fill:#dcf1e5;font:12px system-ui,sans-serif;paint-order:stroke;stroke:#14231e;stroke-width:7px;stroke-linejoin:round;text-anchor:middle}.network-edge.is-stale text{fill:#afc2bc}.network-node{text-decoration:none;outline:none}.network-node rect{fill:#203a2e;stroke:#93cdb3;stroke-width:1.5;rx:10}.network-node.is-isolated rect{fill:#192b23;stroke:#6f8e7d;stroke-dasharray:4 3}.network-node.is-stale rect{stroke:#83998f;stroke-dasharray:4 3}.network-node:hover rect,.network-node:focus-visible rect{stroke:#f0fff4;stroke-width:3;fill:#2c4a3b}.network-node text{fill:#dcefe5;font:600 14px system-ui,sans-serif;text-anchor:middle;pointer-events:none}.network-node .node-status{fill:#adc7b9;font-size:11px;font-weight:400}.network-node .node-id{fill:#adc7b9;font:10px ui-monospace,monospace}.network-help{font-size:13px;max-width:850px}.network-hives-heading{margin-top:36px}.network-reports{border:1px solid #334941;border-radius:10px;padding:0 16px}.network-reports summary{min-height:44px;margin:0;padding:12px 0}.network-reports ul{list-style:none;padding:0;margin:0}.network-reports li{padding:14px 0;border-top:1px solid #334941;overflow-wrap:anywhere}.network-reports p{font-size:13px;margin:6px 0}.network-reports .connection-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14px}.connection-transport{font-weight:600;color:#dcefe5}.connection-age{color:#afc2bc;font-size:12px}.network-hive-status{font-size:13px;color:#b7d0c5}.network-unavailable{color:#f0c99d}#network-summary{min-height:1.7em;font-size:14px}#receiver{font-size:12px}@media(max-width:600px){.network-legend{gap:10px 16px;font-size:11px}.network-toolbar{font-size:12px}.network-canvas{margin-top:12px}.network-node text{font-size:13px}.network-node .node-status{font-size:10px}.network-edge text{font-size:11px}.network-hives-heading{margin-top:28px}.network-reports{padding:0 12px}}@media(prefers-reduced-motion:reduce){.network-canvas *{transition:none;animation:none}}
.legend-delivery{border-top-style:dashed;border-top-color:#c6b4f4}.network-edge.is-delivery path{stroke:#c6b4f4;stroke-dasharray:3 6}.network-edge.is-delivery text{fill:#d4c8f1}.network-edge.is-stale path{stroke:#83998f;stroke-dasharray:2 7}.network-edge.is-stale text{fill:#afc2bc}
.network-node.is-stored rect{stroke:#bba5e6}

.legend-configured{border-top-color:#e2be78;border-top-style:dashed}.network-edge.is-configured path{stroke:#e2be78;stroke-dasharray:10 5}.network-edge.is-configured text{fill:#edd19c}

/* Node freshness and connection evidence are independent; edges retain bearer/evidence colours. */
.network-node{--reading-colour:#c2cfc9}.network-node[data-reading-state="recent"]{--reading-colour:#a5e7bf}.network-node[data-reading-state="grade-3"]{--reading-colour:#f5d98b}.network-node[data-reading-state="grade-5"]{--reading-colour:#ffc189}.network-node[data-reading-state="grade-7"]{--reading-colour:#ffaaa1}.network-node[data-reading-state="grade-9"]{--reading-colour:#ffabc9}
.network-node[data-reading-state] rect{stroke:var(--reading-colour)}.network-node[data-reading-state^="grade-"] rect{stroke-width:3}.network-node[data-reading-state="grade-9"] rect{stroke-width:4;fill:#34232d}.network-node .node-freshness{fill:var(--reading-colour);font:600 11px system-ui,sans-serif}
.network-node:hover rect,.network-node:focus-visible rect,.network-node.is-highlighted rect{stroke:#f0fff4;stroke-width:5}.network-node:focus-visible .node-name{text-decoration:underline}
@media(forced-colors:active){.network-node[data-reading-state] rect{stroke:CanvasText}.network-node[data-reading-state] .node-freshness{fill:CanvasText}.network-node:focus-visible rect,.network-node.is-highlighted rect{stroke:Highlight}}

.store-sync{margin-top:32px;--sync-colour:#a5e7bf}.store-sync[data-state="pending"]{--sync-colour:#f5d98b}.store-sync[data-state="stale"],.store-sync[data-state="unknown"]{--sync-colour:#bdc8c2}.store-sync[data-state="conflict"]{--sync-colour:#ffaaa1}
#storage-state{color:var(--sync-colour);font-weight:600}#storage-checked{font-size:12px;color:#bdc8c2}.store-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.8fr) minmax(0,1fr);align-items:center;gap:16px}.store-card{display:flex;flex-direction:column;gap:5px;padding:20px;border:2px solid var(--sync-colour);border-radius:12px;background:#192b23;text-decoration:none;min-width:0;overflow-wrap:anywhere}.store-card:focus-visible{outline:3px solid #fff;outline-offset:4px}.store-card strong{font-size:19px}.store-card span{font-size:13px}.store-card .store-icon{font-size:28px;line-height:1;color:var(--sync-colour)}.store-exchange{display:flex;flex-direction:column;gap:12px;text-align:center;color:var(--sync-colour);font-size:13px;overflow-wrap:anywhere}.store-exchange span{padding:8px 0;border-bottom:1px dashed currentColor}#storage-coverage{margin-top:20px}#storage-shared{font-size:14px}#storage-meter{display:block;width:100%;height:16px;margin-top:8px;accent-color:#a5e7bf}#storage-meter::-webkit-meter-bar{background:#334941;border:0}#storage-meter::-webkit-meter-optimum-value{background:#a5e7bf}
@media(max-width:600px){.store-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.store-exchange{grid-row:2;grid-column:1/-1;flex-direction:row;justify-content:space-between;gap:16px}.store-card{padding:14px}.store-sync .section-title{flex-wrap:wrap;gap:6px}.store-sync .section-title h2{margin-bottom:0}}
@media(forced-colors:active){.store-card{border-color:CanvasText}#storage-state,.store-exchange{color:CanvasText}}

.legend-route{border-top-color:#79c8f5;border-top-style:dotted}.network-edge.is-route path{stroke:#79c8f5;stroke-dasharray:2 3}.network-edge.is-route text{fill:#a7dffc}