/* Live network change evidence-first timeline. No inferred task success. */
.network-flow-card{padding:20px 22px;margin:16px;border-radius:18px;background:linear-gradient(140deg,rgba(24,45,58,.96),rgba(11,25,38,.96));border:1px solid rgba(120,177,189,.22);box-shadow:0 12px 34px rgba(0,0,0,.10)}
.network-flow-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.network-flow-title{font-weight:670;font-size:15px}.network-flow-state{font-size:12px;border:1px solid #447f79;border-radius:20px;padding:5px 12px;color:#7fe3c7}.network-flow-card[data-state=failed] .network-flow-state{color:#ffbaa6;border-color:#9e564f}
.network-flow-bar{margin:14px 0 10px;background:#263747;height:9px;border-radius:30px;overflow:hidden}.network-flow-bar>div{height:100%;border-radius:30px;background:linear-gradient(90deg,#2e9d91,#70e1ba);transition:width .4s ease}
.network-flow-summary{color:#b1c7d4;font-size:12px;line-height:1.7;margin:8px 0 16px}.network-flow-stages{padding:0;margin:0;list-style:none;display:grid;gap:8px}
.network-flow-stages>li{border:1px solid #2c4452;border-radius:12px;overflow:hidden;background:rgba(22,36,49,.8)}.network-flow-stages>li[data-state=succeeded]{border-color:#356d64}.network-flow-stages>li[data-state=failed]{border-color:#98564f}
.network-flow-stages>li>details>summary{padding:12px 15px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;line-height:1.45}.network-flow-stages>li>details>summary span:first-child{font-weight:600}.network-flow-stages>li>details>summary span:last-child{font-size:12px;color:#95b7c5}
.network-phase-tasks{padding:4px 14px 13px;display:grid;gap:7px}.network-task{border-radius:9px;background:#101e2c;border:1px solid #304454}.network-task summary{cursor:pointer;font-size:12px;color:#d2e3ea;padding:10px;overflow-wrap:anywhere}.network-task[data-state=succeeded] summary{color:#84dbba}.network-task[data-state=failed] summary,.network-task[data-state=timed_out] summary{color:#ffae95}.network-task pre{margin:0;padding:10px 12px;color:#b1c5cf;font-size:11px;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#cert-ca-table td{overflow-wrap:anywhere}#cert-ca-status{padding:12px 0;color:var(--text-muted,#b0c4cc);line-height:1.6}
@media(max-width:650px){.network-flow-card{padding:14px 12px;margin:10px}.network-flow-stages>li>details>summary{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.network-flow-bar>div{transition:none}}