.workflow-filter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .25rem 1rem; align-items: end; }
.advanced-filters, .dashboard-demo-tools, .technical-diagnostics { margin: 1rem 0; padding: .8rem 1rem; border: 1px solid #dce4ef; border-radius: .7rem; background: #fbfcfe; }
.advanced-filters summary, .dashboard-demo-tools summary, .technical-diagnostics > summary { cursor: pointer; color: #174d84; font-weight: 650; }
.active-filter-list { display: flex; flex-wrap: wrap; gap: .5rem; margin: .6rem 0; padding: 0; list-style: none; }
.active-filter-list li { display: flex; gap: .55rem; align-items: center; padding: .3rem .55rem; border: 1px solid #b8cee6; border-radius: 99px; background: #eff6ff; }
.active-filter-list a { font-weight: 650; }
.dashboard-metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .8rem; }
.dashboard-metric { padding: .9rem; border: 1px solid #dce4ef; border-radius: .65rem; background: #fff; }
.dashboard-metric h3 { margin: 0; font-size: 1rem; }
.dashboard-metric-value { margin: .3rem 0; font-size: 1.8rem; font-weight: 700; }
.dashboard-metric p:last-child { margin-bottom: 0; }
.workflow-draft-warning { padding: .65rem .8rem; border-left: 4px solid #d08b16; background: #fff8e7; }
.workflow-action-row { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; }
.workflow-action-row form { margin: 0; }
.technical-diagnostics { margin-top: 1.25rem; }
.workflow-version-diagnostic { margin: .6rem 0; padding: .6rem; border: 1px solid #e1e8f0; border-radius: .5rem; }
.workflow-editor-layout { display: grid; grid-template-columns: minmax(230px, 300px) minmax(0, 1fr); gap: .8rem; align-items: start; }
.bpmn-outline-panel { max-height: 520px; overflow: auto; padding: .8rem; border: 1px solid #cbd7e5; border-radius: .7rem; background: #fff; }
.bpmn-outline-panel h3 { margin: 0 0 .5rem; font-size: 1rem; }
.bpmn-outline-panel > p { color: #536579; font-size: .86rem; }
#bpmn-outline { display: grid; gap: .3rem; margin: 0; padding: 0; list-style: none; }
.bpmn-outline-item { display: grid; width: 100%; gap: .1rem; padding: .45rem .55rem; border: 1px solid transparent; border-radius: .4rem; background: transparent; color: #17202a; text-align: left; }
.bpmn-outline-item:hover, .bpmn-outline-item:focus-visible { border-color: #6b91bd; background: #f2f7fd; }
.bpmn-outline-item[aria-pressed="true"] { border-color: #1459a6; background: #eaf3ff; }
.bpmn-outline-kind { color: #536579; font-size: .74rem; }
.bpmn-outline-name { overflow-wrap: anywhere; font-weight: 600; }
#bpmn-outline-status { min-height: 1.25rem; margin: .5rem 0 0; color: #536579; font-size: .85rem; }
.workflow-filter-grid .remote-contact-field { grid-column: 1 / -1; }

@media (max-width: 900px) {
  .workflow-editor-layout { grid-template-columns: 1fr; }
  .bpmn-outline-panel { max-height: 16rem; }
}