body{font-family:sans-serif;padding:10px}.timeline{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.timeline-row{border-top:1px solid #e5e7eb;display:grid;grid-template-columns:180px 1fr;min-width:600px}.timeline-row:first-child{border-top:none}.timeline-row-label{align-items:center;border-right:1px solid #e5e7eb;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:8px;overflow:hidden;padding:10px 12px}.timeline-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-header{background:#f9fafb}.timeline-hours{display:flex}.timeline-hour{border-left:1px solid #e5e7eb;color:#6b7280;flex:1 0 0;font-size:.75rem;padding:10px 8px}.timeline-hour:first-child{border-left:none}.timeline-row-track{min-height:44px;position:relative}.timeline-pill{align-items:center;border-radius:999px;bottom:8px;cursor:pointer;display:flex;min-width:6px;overflow:hidden;padding:0 10px;position:absolute;top:8px}.timeline-pill-label{color:#fff;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}