.timelinePanel{margin:28px 0;padding-top:20px;border-top:1px solid #d3e1df}.timelineScroll{position:relative;width:100%;overflow-x:scroll;overflow-y:auto;max-height:370px;touch-action:pan-x pan-y;cursor:grab;border:1px solid #bfd4ce;border-radius:10px;scrollbar-width:auto;scrollbar-color:#387e71 #deebe5}.timelineCanvas{position:relative;min-height:140px;background:#f5faf8;color:#173e37}.timelineRuler{height:32px;position:sticky;top:0;background:#e5efea;z-index:4}.timelineRuler span{position:absolute;font-size:11px;white-space:nowrap;border-left:1px solid #9ebfb3;padding:6px}.timelineTrack{position:relative;height:44px;border-bottom:1px solid #dbe8e1;background-image:linear-gradient(to right,#cdded6 1px,transparent 1px)}.timelineTrackName{position:sticky;left:4px;top:1px;display:inline-block;font-size:10px;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#f5faf8e8;z-index:2;pointer-events:none}.timelineBar{position:absolute;top:19px;height:21px!important;min-height:0!important;padding:1px!important;font-size:10px!important;border:0!important;border-radius:4px!important;background:#4589bb!important;color:white!important;overflow:hidden;min-width:0!important}.timelineBar.past{background:#9bafac!important}.timelineBar.live{background:#00a079!important;box-shadow:0 0 0 3px #00a07940}.timelineBar.draft{background:repeating-linear-gradient(45deg,#7a69d2,#7a69d2 4px,#b7aef1 4px,#b7aef1 8px)!important}.timelineNow{position:absolute;top:28px;bottom:0;width:2px;background:#dc7544;z-index:3;pointer-events:none}.timelineNow span{position:absolute;top:2px;left:4px;font-size:10px;white-space:nowrap;color:#a64220}.timelineLegend{font-size:12px;color:#397267}.timelineEmpty{padding:45px 20px;font-size:13px}.timelineSettings{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.timelineStep{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dbe8e1;padding:10px 0}.timelineStep select:first-of-type{flex:1;min-width:150px}.timelineStep select{max-width:100%;width:auto;font-size:13px;padding:10px}.timelineStep button{padding:8px 12px;min-height:36px}.timelineWarning{color:#b83224;font-size:14px}.timelineEditor>button{margin:5px 6px 5px 0}.timelinePanel input,.timelinePanel select{font-size:14px}.timelineScroll::-webkit-scrollbar{height:12px;width:12px}.timelineScroll::-webkit-scrollbar-thumb{background:#387e71;border:2px solid #deebe5;border-radius:8px}.timelineScroll::-webkit-scrollbar-track{background:#deebe5}

.timelineEditor{margin-top:20px;padding-top:8px;border-top:1px solid #bfd4ce}.timelineEditor>h3{margin-bottom:8px}.timelineEditor>button{margin:5px 6px 5px 0}

.timelineWarning{white-space:pre-line;line-height:1.6;overflow-wrap:anywhere}

.sequenceDialog{width:min(640px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:1px solid #bfd4ce;border-radius:12px;padding:16px;color:#183239;background:#fff;box-shadow:0 10px 60px #0004}
.sequenceDialog::backdrop{background:#0008}.sequenceDialog>.secondary{display:block;margin-left:auto}.sequenceDialog .timelineEditor{margin-top:4px;padding-top:0;border:0}.sequenceDialog h3{margin:8px 0}.sequenceDialog p{margin:8px 0;line-height:1.45}.sequenceRelation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.sequenceRelation label{margin:8px 0;font-size:13px}.sequenceRelation select{width:100%;min-width:0;margin-top:5px;padding:9px 6px;font-size:13px}.sequenceChain{font-size:13px;font-weight:600;overflow-wrap:anywhere}.sequenceDialog .timelineSettings{gap:8px}.sequenceDialog .timelineSettings label{font-size:13px;margin:8px 0}.sequenceDialog button{padding:8px 10px;min-height:38px;font-size:13px}.timelinePanel{margin:18px 0;padding-top:12px}.timelinePanel>.hint{margin:8px 0}.timelineSettings input,.timelineSettings select{min-width:0}
@media(prefers-color-scheme:dark){.sequenceDialog{background:#202524;color:#e2efea}}