.prototype-ui .project-commercial-timeline .workspace-panel-header{align-items:center;gap:16px}.prototype-ui .project-commercial-timeline .workspace-panel-header h2{margin:0}.prototype-ui .project-commercial-timeline .workspace-panel-header>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.6}.commercial-timeline-events{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:24px;list-style:none;display:grid}.commercial-timeline-events li{overflow-wrap:anywhere;min-width:0;padding-top:24px;position:relative}.commercial-timeline-events li:before{content:"";border:2px solid var(--link);background:var(--card);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:0}.commercial-timeline-events li[data-kind=offer_accepted]:before,.commercial-timeline-events li[data-kind=change_order_approved]:before{background:var(--link)}.commercial-timeline-events li:after{content:"";background:var(--line);height:1px;position:absolute;top:9px;left:0;right:-24px}.commercial-timeline-events li:last-child:after,.commercial-timeline-events li:nth-child(5n):after{right:0}.commercial-timeline-events time{color:var(--muted);font-size:12px;line-height:1.6;display:block}.commercial-timeline-events strong{margin-top:8px;font-size:14px;line-height:1.5;display:block}.commercial-timeline-events p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.commercial-timeline-error,.commercial-timeline-footer{padding:16px 24px 24px}.commercial-timeline-error p{margin:0 0 16px}.project-commercial-timeline button{min-height:44px}.project-commercial-timeline h2:focus-visible{outline:2px solid var(--link);outline-offset:4px}@media (width<=900px){.commercial-timeline-events{padding:16px;display:block}.commercial-timeline-events li{padding:0 0 24px 24px}.commercial-timeline-events li:last-child{padding-bottom:0}.commercial-timeline-events li:after{width:1px;height:auto;inset:4px auto -4px 5px}.commercial-timeline-events li:last-child:after{display:none}.commercial-timeline-error,.commercial-timeline-footer{padding:16px}}@media (forced-colors:active){.commercial-timeline-events li:before{background:canvas;border-color:canvastext}.commercial-timeline-events li:after{background:canvastext}}