.workflow-panel { margin-block: 20px; }
.workflow-panel h2 small { font-size: 1rem; color: #35564e; }
.workflow-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin-block: 16px; }
.workflow-filters label { display: grid; gap: 6px; flex: 1 1 180px; }
.workflow-list { display: grid; gap: 0; margin-block: 16px; }
.workflow-row { display: grid; gap: 8px; width: 100%; min-width: 0; padding: 16px 8px; border: 0; border-bottom: 1px solid #bdcec7; background: transparent; color: #183f36; text-align: left; overflow-wrap: anywhere; font: inherit; }
button.workflow-row { cursor: pointer; }
button.workflow-row:hover { background: #edf4f0; }
.workflow-row small { color: #38564c; }
.workflow-panel input,.workflow-panel select,.workflow-panel button { min-height: 44px; }
.workflow-panel button:focus-visible,.workflow-row:focus-visible { outline: 3px solid #246c55; outline-offset: 3px; }
@media(max-width:600px){.workflow-panel .actions{display:flex;flex-wrap:wrap}.workflow-panel input,.workflow-panel select{font-size:16px;max-width:100%}.workflow-row{font-size:16px}.workflow-panel{padding:16px}}