.flow-run-timeline{min-width:0;overflow:hidden;border:1px solid var(--api-border);border-radius:var(--api-radius-md);background:var(--api-surface);box-shadow:var(--api-shadow-sm)}.flow-run-timeline__header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:18px;padding:10px 16px;border-bottom:1px solid var(--api-border)}.flow-run-timeline__header h2{margin:0;color:var(--api-text);font-size:var(--api-font-size);font-weight:600}.flow-run-timeline__header p{margin:5px 0 0;color:var(--api-text-muted);font-size:var(--api-font-size-2xs)}.flow-run-timeline__zoom{display:flex;flex:none;align-items:center;gap:4px}.flow-run-timeline__zoom .p-slider{width:94px}.flow-run-timeline__zoom>span{width:36px;color:var(--api-text-secondary);font-size:var(--api-font-size-2xs);text-align:right}.flow-run-timeline__summary{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 16px;border-bottom:1px solid var(--api-border);background:var(--api-surface-muted)}.flow-run-timeline__viewport{max-width:100%;overflow:auto}.flow-run-timeline__canvas{--timeline-label-width: 240px;width:calc(var(--timeline-label-width) + var(--timeline-track-width));min-width:100%}.flow-run-timeline__scale-row,.flow-run-timeline__row{display:grid;grid-template-columns:var(--timeline-label-width) var(--timeline-track-width)}.flow-run-timeline__scale-row{position:sticky;z-index:3;top:0;min-height:38px;border-bottom:1px solid var(--api-border);background:var(--api-surface-muted)}.flow-run-timeline__corner,.flow-run-timeline__label{position:sticky;z-index:2;left:0;border-right:1px solid var(--api-border);background:var(--api-surface)}.flow-run-timeline__corner{z-index:4;padding:12px 14px;background:var(--api-surface-muted);color:var(--api-text-secondary);font-size:var(--api-font-size-2xs);font-weight:600;text-transform:uppercase}.flow-run-timeline__scale{position:relative;background:var(--api-surface-muted)}.flow-run-timeline__scale>span{position:absolute;top:7px;display:flex;align-items:center;flex-direction:column;transform:translate(-50%);color:var(--api-text-muted);font-size:var(--api-font-size-2xs);white-space:nowrap}.flow-run-timeline__scale>span.is-first{transform:none}.flow-run-timeline__scale>span.is-last{transform:translate(-100%)}.flow-run-timeline__scale>span i{width:1px;height:6px;background:var(--api-border-strong)}.flow-run-timeline__row{min-height:58px;border-bottom:1px solid var(--api-border)}.flow-run-timeline__row:last-child{border-bottom:0}.flow-run-timeline__label{display:flex;min-width:0;justify-content:center;flex-direction:column;gap:5px;padding:8px 14px}.flow-run-timeline__label strong{overflow:hidden;color:var(--api-text);font-size:var(--api-font-size-2xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.flow-run-timeline__label small{color:var(--api-text-muted);font-size:var(--api-font-size-2xs)}.flow-run-timeline__track{position:relative;background-color:var(--api-bg);background-image:linear-gradient(to right,var(--api-border) 1px,transparent 1px);background-size:25% 100%}.flow-run-timeline__bar{position:absolute;top:17px;height:24px;min-width:3px;padding:0;border:1px solid color-mix(in srgb,var(--api-accent) 75%,var(--api-border));border-radius:4px;background:var(--api-accent);opacity:.82;cursor:pointer;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.flow-run-timeline__bar:hover,.flow-run-timeline__bar:focus-visible,.flow-run-timeline__bar.is-selected{z-index:1;opacity:1;transform:scaleY(1.12)}.flow-run-timeline__bar:focus-visible,.flow-run-timeline__bar.is-selected{outline:0;box-shadow:0 0 0 2px var(--api-surface),0 0 0 4px var(--api-accent)}.flow-run-timeline--state,.flow-run-timeline__empty{display:flex;min-height:260px;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:24px;color:var(--api-text-muted);text-align:center}.flow-run-timeline--state .p-progress-spinner{width:38px;height:38px}.flow-run-timeline__empty>i{color:var(--api-text-secondary);font-size:var(--api-font-size-4xl)}.flow-run-timeline__empty>strong{color:var(--api-text-secondary)}@media (max-width: 700px){.flow-run-timeline__header{align-items:flex-start;flex-direction:column}.flow-run-timeline__zoom{width:100%}.flow-run-timeline__zoom .p-slider{flex:1}.flow-run-timeline__canvas{--timeline-label-width: 190px}}