.timeline-shell{max-width:1540px;margin:0 auto}.gantt-panel{padding:0;overflow:hidden}.timeline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid #dce3e7}.timeline-toolbar p{margin:0;color:#60717b;font-size:.84rem}.timeline-legend{display:flex;flex-wrap:wrap;gap:10px 20px;color:#53636e;font-size:.86rem}.timeline-legend span{display:inline-flex;align-items:center;gap:7px}.timeline-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;background:#2f8f5b;flex:0 0 auto}.timeline-swatch.failure{background:#cf2634}.timeline-swatch.investigation{background:#4777c8}.timeline-swatch.milestone{background:#70ad47}
.gantt-scroll{overflow-x:auto;background:#fff}.gantt-table{display:grid;grid-template-columns:210px minmax(900px,1fr);min-width:1110px}.gantt-axis-label,.gantt-axis{height:62px;background:#eef2f4;border-bottom:1px solid #bdc8ce}.gantt-axis-label{position:sticky;left:0;z-index:8;display:flex;align-items:flex-end;padding:0 16px 12px;font-weight:700;color:#263740;border-right:1px solid #bdc8ce}.gantt-axis{position:relative}.gantt-axis-tick{position:absolute;left:var(--left);top:0;bottom:0}.gantt-axis-tick i{position:absolute;left:0;top:30px;bottom:0;border-left:1px solid #aebbc2}.gantt-axis-tick b{position:absolute;left:0;bottom:11px;transform:translateX(-50%);font-size:.72rem;white-space:nowrap;color:#344852}.gantt-axis-tick:first-child b{transform:none}.gantt-axis-tick:last-child b{transform:translateX(-100%)}
.gantt-row-label{height:var(--row-height);position:sticky;left:0;z-index:7;display:flex;flex-direction:column;justify-content:center;padding:8px 16px;background:#f1f4f5;border-right:1px solid #bdc8ce;border-bottom:1px solid #cad3d8;color:#25363f}.gantt-row-label strong{font-size:.87rem}.gantt-row-label small{margin-top:3px;color:#71808a;font-size:.7rem}.gantt-row{height:var(--row-height);position:relative;border-bottom:1px solid #cad3d8;background:linear-gradient(to bottom,#fff,#fbfcfc)}.gantt-gridline{position:absolute;left:var(--left);top:0;bottom:0;border-left:1px solid #d5dde1}
.gantt-bar{position:absolute;left:var(--left);width:var(--width);top:var(--top);height:25px;z-index:3;display:flex;align-items:center;min-width:22px;max-width:calc(100% - var(--left));padding:0 8px;border:1px solid rgba(0,0,0,.16);border-radius:4px;background:#2f8f5b;color:#fff;text-decoration:none;box-shadow:0 1px 3px rgba(21,42,51,.2);overflow:hidden;cursor:help}.gantt-bar[href]{cursor:pointer}.gantt-bar::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:rgba(255,255,255,.75)}.gantt-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700}.gantt-bar.failure{background:#cf2634}.gantt-bar.investigation{background:#4777c8}.gantt-bar.milestone{background:#70ad47}.gantt-bar:hover,.gantt-bar:focus{z-index:5;outline:3px solid rgba(37,169,214,.32);filter:brightness(1.06)}
.gantt-event-list{padding:20px 22px}.gantt-event-list h2{font-size:1rem;margin:0 0 12px}.gantt-event-list article{padding:13px 0;border-top:1px solid #e0e6e9}.gantt-event-list article>div:first-child{display:flex;align-items:center;gap:9px}.gantt-event-list time{margin-left:auto;color:#657680;font-size:.78rem}.gantt-event-list p{margin:7px 0 0 21px;color:#52636d}.event-meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0 21px}.event-meta span,.event-meta a{padding:3px 7px;border-radius:999px;background:#edf3f5;font-size:.72rem}.timeline-actions{display:flex;align-items:center;gap:10px;margin:8px 0 0 21px;font-size:.78rem}.timeline-actions form{margin:0}.link-button{border:0;background:none;padding:0;color:#a52020;text-decoration:underline;cursor:pointer;font:inherit}.timeline-empty{text-align:center;padding:45px 20px}.timeline-source-note{margin-top:20px;padding:18px 22px}.timeline-source-note p{margin:.35rem 0 0;color:#53636e}
.event-id{padding:3px 7px;border-radius:5px;background:#102a34;color:#fff;font-size:.72rem;letter-spacing:.03em}
@media(max-width:760px){.timeline-toolbar{align-items:flex-start;flex-direction:column}.timeline-toolbar p{display:none}.gantt-table{grid-template-columns:155px minmax(820px,1fr);min-width:975px}.gantt-event-list article>div:first-child{align-items:flex-start;flex-wrap:wrap}.gantt-event-list time{width:100%;margin-left:21px}.timeline-source-note{margin-top:12px}}
