@layer components{:root{--col-task-min:150px;--col-retry:50px;--col-duration:100px;--col-lifecycle-min:300px;--col-events:60px;--col-event-time:150px;--timeline-dot-size:8px;--timeline-dot-border:2px;--timeline-line-height:2px;--timeline-label-offset:-20px;--timeline-label-font:.65rem;--timeline-glow-spread:3px;--timeline-glow-opacity:20%}.event-viewer-scroll-inner{min-width:calc(var(--col-task-min) + var(--col-retry) + var(--col-duration) + var(--col-lifecycle-min) + var(--col-events))}.event-viewer-grid{grid-template-columns:minmax(var(--col-task-min),1fr) var(--col-retry) var(--col-duration) minmax(var(--col-lifecycle-min),2fr) var(--col-events);display:grid}.event-details-panel{grid-template-columns:var(--col-event-time) max-content 1fr;column-gap:.5rem;display:grid}.event-details-grid{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.event-badge{color:#23588a;color:lab(35.7624% -4.01481 -33.7291);background-color:#e2f0ff;background-color:lab(94.1652% -3.08996 -10.6153)}:is(.dark *) .event-badge{color:#7cb3eb;color:lab(70.7194% -7.09879 -34.2924);background-color:#122334;background-color:lab(12.8695% -2.47981 -13.6374)}.event-badge[data-severity=error]{background-color:var(--status-danger-bg);color:var(--status-danger)}.event-badge[data-severity=warn]{background-color:var(--status-warning-bg);color:var(--status-warning)}.event-badge[data-reason=Pulled],.event-badge[data-reason=Ready],.event-badge[data-reason=Scheduled],.event-badge[data-reason=Started]{background-color:var(--status-success-bg);color:var(--status-success)}.event-panel-wrapper{opacity:0;transition:opacity var(--duration-fast) var(--ease-out);grid-template-rows:0fr;display:grid}.event-panel-wrapper[data-expanded=true]{opacity:1;transition:opacity var(--duration-normal) var(--ease-out);grid-template-rows:1fr}.event-panel-inner{overflow:hidden}@keyframes event-row-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.event-row-animated{animation:event-row-reveal var(--duration-moderate) var(--ease-out) both;animation-delay:calc(var(--row-index,0)*30ms)}@media (prefers-reduced-motion:reduce){.event-panel-wrapper{transition-duration:.01ms}.event-row-animated{opacity:1;animation:none;transform:none}}.lifecycle-timeline{padding:.5rem 1.5rem 1.5rem}.lifecycle-timeline,.timeline-step{align-items:center;display:flex;position:relative}.timeline-step{flex:1}.timeline-step-last{flex:0}.timeline-dot{background:var(--stage-inactive);border:var(--timeline-dot-border) solid var(--border);height:var(--timeline-dot-size);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);width:var(--timeline-dot-size);z-index:2;border-radius:50%;position:relative}.timeline-dot:is([data-state=done],[data-state=inferred],[data-state=active],[data-state=terminal]){background:var(--current-timeline-color);border-color:var(--current-timeline-color)}.timeline-dot[data-state=inferred]{opacity:.7}.timeline-dot[data-state=failed]{background:var(--timeline-red);border-color:var(--timeline-red)}.timeline-dot[data-state=active]{box-shadow:0 0 0 var(--timeline-glow-spread) color-mix(in sRGB,var(--current-timeline-color) var(--timeline-glow-opacity),transparent)}.timeline-line{background:color-mix(in sRGB,var(--stage-inactive) 30%,transparent);height:var(--timeline-line-height);flex:1;position:relative}.timeline-line-fill{background:var(--current-timeline-color);opacity:.7;transform-origin:0;height:100%;transition:transform var(--duration-moderate) var(--ease-out);width:100%;position:absolute;top:0;left:0}.lifecycle-timeline[data-timeline-color=green]{--current-timeline-color:var(--timeline-green)}.lifecycle-timeline[data-timeline-color=blue]{--current-timeline-color:var(--timeline-blue)}.lifecycle-timeline[data-timeline-color=amber]{--current-timeline-color:var(--timeline-amber)}.lifecycle-timeline[data-timeline-color=red]{--current-timeline-color:var(--timeline-red)}.timeline-label{bottom:var(--timeline-label-offset);color:var(--text-muted);font-size:var(--timeline-label-font);left:calc(var(--timeline-dot-size)/2);transition:color var(--duration-normal) var(--ease-out);white-space:nowrap;font-weight:500;position:absolute;transform:translate(-50%)}.timeline-label[data-state=inactive]{color:var(--text-disabled);opacity:.5}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.timeline-dot{animation:none!important}}}