.asset-timeline > ol{list-style:none;margin:20px 0 0 10px;padding:0 0 0 22px;border-left:3px solid #b4cbd9}.asset-timeline > ol > li{position:relative;margin:0 0 16px}.asset-timeline > ol > li::before{content:"";position:absolute;left:-31px;top:20px;width:14px;height:14px;background:#176a91;border:2px solid white;border-radius:50%}.asset-timeline .timeline-remedial::before{background:#976016}.asset-timeline > ol > li>details{border:1px solid #dce5ec;border-radius:10px;background:white;overflow:hidden}.asset-timeline summary{cursor:pointer;padding:14px;color:#17354b;line-height:1.5}.asset-timeline summary time{font-size:13px;display:block;color:#526e82}.asset-timeline summary strong{margin-right:12px}.asset-timeline summary span{font-size:14px}.timeline-detail{padding:0 16px 16px;overflow-wrap:anywhere}.timeline-detail p{white-space:pre-wrap}
.timeline-description{display:block;margin-top:4px;color:#526e82}
.asset-timeline{min-width:0;font-size:15px}.asset-timeline .timeline-detail p{margin:10px 0;line-height:1.5}.asset-timeline .timeline-recommissioning{margin:18px 0;padding:16px;background:#f3f8fb;border:1px solid #dce5ec;border-radius:8px}.asset-timeline h4{font-size:16px;margin:0 0 14px;color:#17354b}.asset-timeline .readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.asset-timeline .readings>div{min-width:0;background:white;border:1px solid #dce5ec;border-radius:7px;padding:12px}.asset-timeline .readings small{display:block;color:#526e82}.asset-timeline .readings strong{display:block;font-size:20px;margin-top:6px}.asset-timeline .timeline-gallery:not([hidden]){display:grid;gap:16px;margin-top:16px}.asset-timeline .timeline-gallery figure{margin:0;border:1px solid #dce5ec;border-radius:8px;overflow:hidden}.asset-timeline .timeline-gallery img{display:block;width:100%;max-height:480px;object-fit:contain;background:#edf3f7}.asset-timeline figcaption{padding:10px 14px;font-size:13px}.asset-timeline .timeline-photo-evidence>button{font:inherit;min-height:44px;padding:12px 16px;border:1px solid #b4cbd9;border-radius:8px;background:white;color:#17354b;cursor:pointer;text-align:left}.asset-timeline button:disabled{opacity:.6;cursor:wait}.asset-timeline .timeline-updates section+section{border-top:1px solid #dce5ec}.asset-timeline .error-text{padding:12px;color:#a5363d}.asset-timeline .muted{color:#526e82}
@media(max-width:430px){.asset-timeline > ol{margin-left:0;padding-left:14px}.asset-timeline > ol > li::before{left:-23px}.asset-timeline .timeline-detail{padding:0 12px 12px}.asset-timeline .timeline-recommissioning{padding:12px}.asset-timeline .readings{gap:8px}.asset-timeline .readings>div{padding:10px}.asset-timeline .readings strong{font-size:18px}}
.timeline-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin:16px 0;font-size:14px}.timeline-legend span{border-left:5px solid;padding-left:9px;font-weight:600}.timeline-key-service{color:#176a91}.timeline-key-remedial{color:#854d0e}.timeline-key-work{color:#7443a8}.timeline-colour-note{font-size:13px;color:#526e82;line-height:1.6}.asset-timeline .timeline-status{display:inline-block;padding:3px 9px;border:1px solid;border-radius:14px;font-size:13px;line-height:1.5;margin-top:5px}.timeline-status-red{color:#991b1b;background:#fff1f2;border-color:#fca5a5}.timeline-status-amber{color:#854d0e;background:#fffbeb;border-color:#fcd34d}.timeline-status-green{color:#166534;background:#f0fdf4;border-color:#86efac}.timeline-status-neutral{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.asset-timeline .timeline-service>details,.asset-timeline .timeline-quotation>details{border-left:4px solid #176a91}.asset-timeline .timeline-remedial>details{border-left:4px solid #b37818;background:#fffcf4}.asset-timeline .timeline-remedial_visit>details{border-left:4px solid #7443a8;background:#f8f4fd}.asset-timeline .timeline-remedial_visit::before{background:#7443a8}.timeline-outstanding{margin-top:24px;padding:14px;border:1px solid #dce5ec;border-radius:8px}.timeline-outstanding>summary{cursor:pointer;font-weight:600}@media print{.asset-timeline li,.timeline-status,.timeline-legend{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.asset-timeline .timeline-regime{border-left:4px solid #526b83}.asset-timeline .timeline-regime summary{background:#edf2f7}