.timeline-topbar{display:flex;align-items:end;gap:14px;justify-content:space-between;margin-bottom:18px}.timeline-topbar label{min-width:260px}.timeline-topbar>div{display:flex;flex-direction:column;flex:1}.timeline-topbar span{color:var(--muted,#667085);font-size:13px;margin-top:3px}
.timeline-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.timeline-metrics>div{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:15px;padding:15px}.timeline-metrics small{display:block;color:var(--muted,#667085)}.timeline-metrics b{display:block;margin-top:5px;font-size:23px}
.timeline-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.timeline-filterbar{display:grid;grid-template-columns:150px 180px 1fr 1.2fr;gap:8px;margin-bottom:12px}.timeline-list{position:relative}.timeline-list:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:#e9edf2}
.timeline-event{display:grid;grid-template-columns:24px 105px 1fr;gap:12px;position:relative;padding-bottom:14px}.timeline-dot{width:12px;height:12px;margin-top:11px;margin-left:6px;border-radius:50%;background:#111827;z-index:1;border:3px solid #fff;box-shadow:0 0 0 1px #cfd6df}.timeline-event-date{padding-top:8px;font-size:13px;color:var(--muted,#667085)}.timeline-event-body{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:16px;padding:15px}.timeline-event-head{display:flex;justify-content:space-between;gap:12px}.timeline-event h3{margin:4px 0 7px}.timeline-event-head strong{white-space:nowrap}.timeline-meta{display:flex;gap:6px;flex-wrap:wrap}.timeline-meta span{font-size:12px;background:#f4f6f8;padding:4px 7px;border-radius:999px}.timeline-event p{margin:9px 0 0;color:var(--muted,#667085);font-size:14px}
.timeline-side{position:sticky;top:90px;display:grid;gap:12px}.timeline-side-card{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:18px;padding:16px}.timeline-side-card h3{margin:5px 0 10px}.next-list{display:grid;gap:9px;margin-bottom:12px}.next-list div{border-top:1px solid #eef1f4;padding-top:8px}.next-list div:first-child{border-top:0}.next-list b,.next-list span{display:block}.next-list span{color:var(--muted,#667085);font-size:12px;margin-top:2px}.timeline-links{display:grid;gap:7px}.timeline-links a{border:1px solid var(--line,#e6e8ec);padding:10px;border-radius:11px;text-decoration:none;color:inherit}
@media(max-width:950px){.timeline-layout{grid-template-columns:1fr}.timeline-side{position:static;grid-template-columns:1fr 1fr}.timeline-filterbar{grid-template-columns:1fr 1fr}.timeline-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.timeline-topbar{display:grid}.timeline-topbar label{min-width:0}.timeline-side{grid-template-columns:1fr}.timeline-filterbar{grid-template-columns:1fr}.timeline-event{grid-template-columns:20px 1fr}.timeline-event-date{grid-column:2;padding-top:0}.timeline-event-body{grid-column:2}.timeline-list:before{left:9px}}