.sy-workflow {display:grid;gap:1.25rem;margin-top:1.25rem}
.sy-workflow .sy-panel {margin:0;min-width:0}
.sy-workflow summary {cursor:pointer;font-weight:650;padding:.5rem 0}
.sy-workflow details[open]>summary {margin-bottom:1rem}
.sy-workflow .wf-state {justify-self:start;border:1px solid #33cecf;border-radius:2rem;padding:.5rem 1rem;color:#7de8e8;margin:0}
.sy-workflow .wf-text {white-space:pre-wrap;overflow-wrap:anywhere}
.sy-workflow .wf-timeline {list-style:none;padding:0;display:grid;gap:1rem}
.sy-workflow .wf-event {border-left:3px solid #33cecf;padding:1rem;background:rgba(51,206,207,.045);border-radius:0 .5rem .5rem 0}
.sy-workflow .wf-event--internal {border-color:#e8b65a;background:rgba(232,182,90,.06)}
.sy-workflow .wf-meta {display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;color:#b5c7d7}
.sy-workflow .wf-internal {border-color:#b88b40}
.sy-workflow .wf-documents {list-style:none;padding:0;display:grid;gap:.75rem}
.sy-workflow .wf-documents li {display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem}
.sy-workflow .wf-documents span {font-size:.9rem;color:#b5c7d7}
.sy-workflow .wf-management {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
@media(max-width:800px){.sy-workflow .wf-management{grid-template-columns:1fr}}