.timeline-sequence{margin:24px 0;border-top:1px solid #d6d9d5;padding-top:16px}.timeline-scroll{overflow-x:auto;padding:8px 0 16px}.timeline-track{display:flex;gap:4px;min-width:100%;width:max-content}.timeline-clip{flex-shrink:0;display:flex;flex-direction:column;gap:8px;text-align:left;padding:10px 8px;border:1px solid #a9bcb2;border-radius:8px;background:#edf3ef;color:#163b2a;cursor:pointer;overflow:hidden;font:inherit}.timeline-clip>span,.timeline-clip>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.timeline-clip-label{font-weight:700}.timeline-clip:hover,.timeline-clip:focus-visible{background:#dcebe2;outline:2px solid #367750;outline-offset:1px}.timeline-camera-track{display:flex!important;gap:1px;margin-top:auto;min-height:24px}.timeline-camera-track>span{background:#cfddd4;padding:4px 2px;font-size:11px;overflow:hidden;min-width:0;border-left:1px solid #739984}.timeline-legend{font-size:12px;color:#52665a}.flow-video-card:focus{outline:2px solid #367750;outline-offset:4px}.sequence-timeline{min-width:0}@media(max-width:600px){.sequence-timeline{padding:14px}.timeline-sequence h3{font-size:16px}}
.timeline-sequence>summary{cursor:pointer;padding:14px 12px;background:#edf3ef;border-radius:8px;list-style:none;display:grid;grid-template-columns:20px 1fr;gap:4px 8px}.timeline-sequence>summary::before{content:'▸';grid-row:1/3;font-size:20px}.timeline-sequence[open]>summary::before{content:'▾'}.timeline-sequence>summary::-webkit-details-marker{display:none}.timeline-sequence-title{font-size:16px;font-weight:700}.timeline-sequence>summary>.helper{grid-column:2}.timeline-sequence-clips{padding:8px 0}.timeline-sequence>summary:focus-visible{outline:2px solid #367750;outline-offset:3px}

/* Compact shot rail matching the original /balveer timeline. */
.sequence-timeline{--tl-coral:#e85258;--tl-coral-dark:#e85258;--tl-mint:#579f82;border-radius:8px;padding:12px}.timeline-track{gap:8px}.timeline-clip{width:150px!important;min-width:150px;min-height:112px;display:grid;gap:6px;padding:8px;border:1px solid #ded8d1;border-radius:8px;background:rgba(255,253,248,.82);color:#292929;overflow:visible}.timeline-clip.active{outline:2px solid rgba(232,82,88,.32);background:#fffdf8}.timeline-select{background:none;border:0;box-shadow:none;text-align:left;display:grid;gap:6px;padding:0;cursor:pointer;color:inherit;min-width:0}.timeline-select strong{font-size:.86rem;font-weight:700}.timeline-select b{color:var(--tl-coral-dark);font-weight:950}.timeline-select span{font-size:.7rem;color:#777}.timeline-shot-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:132px}.timeline-state{height:5px;border-radius:999px;background:#d8dee8}.timeline-state.ready,.timeline-state.running{background:var(--tl-coral)}.timeline-state.done{background:var(--tl-mint)}.timeline-state.locked{background:#b99155}.timeline-state.failed{background:#e85258}.timeline-shot-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.timeline-shot-actions .btn{width:32px;height:30px;min-height:30px;padding:0;border-radius:6px;display:grid;place-items:center;justify-self:center;border:1px solid rgba(232,82,88,.5);background:#fffdf8;color:var(--tl-coral-dark);box-shadow:none}.timeline-shot-actions svg{width:15px;height:15px}.timeline-shot-actions button:disabled{opacity:.4;cursor:not-allowed}.timeline-clip:hover{background:#fff8ef;outline-color:rgba(232,82,88,.4)}.timeline-select:focus-visible{outline:2px solid var(--tl-coral);outline-offset:3px}.timeline-status-label{font-size:11px;color:#777}.timeline-camera-track>span{background:#f2e4d8;border-color:#e85258}.timeline-sequence>summary{background:rgba(255,253,248,.9);border:1px solid #ded8d1}.timeline-sequence>summary::before{color:var(--tl-coral-dark)}.timeline-sequence-clips>[hidden]{display:none!important}