.sequence-shell{display:grid;gap:20px;color:var(--ink,#183f36);min-width:0}.sequence-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sequence-heading h3{margin:6px 0 10px}.sequence-heading p,.sequence-note{font-size:12px;line-height:1.65;color:#5b7068}.sequence-kicker{font-size:10px;letter-spacing:.13em;color:#50756a;font-weight:750}.sequence-summary,.sequence-record{padding:20px;border:1px solid #d1e1da;border-radius:18px;background:linear-gradient(130deg,#f3faf6,#fffaf2)}.sequence-summary{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.sequence-record>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.sequence-record h3,.sequence-record h4{margin:0}.sequence-record p{font-size:12px;line-height:1.65;overflow-wrap:anywhere}.sequence-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px}.sequence-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.sequence-metrics>div{padding:16px;border:1px solid #dbe5ed;border-radius:14px;background:#eff7f5}.sequence-metrics>div:nth-child(2){background:#fff6e8}.sequence-metrics>div:nth-child(3){background:#edf1ff}.sequence-metrics small{font-size:11px;display:block;margin-bottom:8px;line-height:1.6}.sequence-metrics strong{font-size:23px;line-height:1.3}.sequence-state{border-radius:24px;padding:7px 11px;font-size:11px;background:#edf0f6;text-transform:capitalize;white-space:nowrap}.sequence-active{background:#def3e7;color:#216047}.sequence-waiting{background:#fff0d4;color:#785617}.sequence-stopped{background:#ffece6;color:#8c4738}.sequence-assigned{background:#e5eaff;color:#364fa0}.sequence-empty{padding:30px;border:1px dashed #cddbd4;border-radius:18px;background:#f7faf8}.sequence-notice,.sequence-uncertain{padding:16px;background:#fff4df;border:1px solid #e7d3aa;border-radius:14px;line-height:1.6;font-size:12px}.sequence-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.sequence-shell form{display:grid;gap:18px}.sequence-shell label{display:grid;gap:9px;font-size:12px;line-height:1.6}.sequence-shell select,.sequence-shell textarea{min-width:0;width:100%;box-sizing:border-box;max-width:100%;border:1px solid #aecbc0;border-radius:12px;padding:12px;color:inherit;background:white;font:inherit}.sequence-shell textarea{min-height:100px;resize:vertical}.sequence-shell .sequence-confirm{display:flex;align-items:flex-start;gap:10px;background:#f1f7f4;padding:14px;border-radius:12px}.sequence-confirm input{margin-top:3px;flex:0 0 auto}.sequence-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.sequence-timeline{display:grid;gap:12px}.sequence-timeline article{display:flex;gap:14px;padding:16px;border:1px solid #d9e4dd;border-radius:15px;background:white}.sequence-timeline article>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#e8f1ff;font-size:11px}.sequence-timeline small{display:block;margin-top:6px;color:#65796f;font-size:11px}.sequence-timeline p{font-size:12px;line-height:1.6;margin-bottom:0;overflow-wrap:anywhere}.sequence-candidates{line-height:1.9;font-size:12px}.sequence-current{background:#eef5ff;padding:14px;border-radius:12px}.sequence-filter{max-width:260px}@media(max-width:600px){.sequence-heading{flex-direction:column}.sequence-metrics{gap:8px}.sequence-metrics>div{padding:12px}.sequence-metrics strong{font-size:20px}.sequence-record{padding:16px}.sequence-record>div:first-child{flex-wrap:wrap}.sequence-timeline article{padding:12px;gap:10px}.sequence-timeline small{line-height:1.6}.sequence-empty{padding:20px}}

.sequence-shortlist{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #b9d7cd;border-radius:18px;background:linear-gradient(120deg,#e9f5ee,#f2f3ff);min-width:0}.sequence-shortlist>div{min-width:0}.sequence-shortlist h4{font-size:16px;margin:7px 0}.sequence-shortlist p{font-size:12px;line-height:1.65;margin:0;max-width:55ch}.sequence-shortlist button{flex:0 0 auto;white-space:normal}.sequence-shortlist button:focus-visible{outline:3px solid #477bba;outline-offset:3px}@media(max-width:600px){.sequence-shortlist{flex-direction:column;align-items:stretch;padding:16px;gap:14px}.sequence-shortlist button{width:100%}}