.workflow-audience-card{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);align-items:center!important;padding:16px!important;border-right:4px solid #284494!important;box-shadow:0 10px 25px rgba(34,63,116,.08)}
.workflow-audience-heading{display:flex;align-items:center;gap:11px}.workflow-audience-heading>i{width:48px!important;height:48px!important}.workflow-audience-heading small,.workflow-audience-heading strong{display:block}.workflow-audience-heading small{font-size:calc(10px + var(--ui-font-add, 3px))!important;color:#ef2d35!important;font-weight:900}.workflow-audience-heading strong{margin-top:4px;font-size:calc(13px + var(--ui-font-add, 3px));color:#183b83}
.workflow-audience-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.workflow-audience-fields select{width:100%}.workflow-audience-card>p{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:11px 59px 0 0;padding:9px 11px;border-radius:10px;background:#f1f5fb}.workflow-audience-card>p b{color:#284494;font-size:calc(11px + var(--ui-font-add, 3px))}.workflow-audience-card>p span{color:#65758d;font-size:calc(10px + var(--ui-font-add, 3px))}
.workflow-node{width:205px;min-height:255px}.workflow-node p{min-height:auto;font-size:calc(10px + var(--ui-font-add, 3px));line-height:1.7}.workflow-node p b{color:#213f79}.workflow-node-people{display:-webkit-box;overflow:hidden;margin-top:5px;color:#596b86;font-size:calc(9px + var(--ui-font-add, 3px));line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:2}.workflow-node>small{padding:5px 7px;border-radius:7px;background:#f5f7fa}
.workflow-stage-editor{display:grid;gap:14px}.workflow-editor-section{padding:16px;border:1px solid #dce5ef;border-radius:16px;background:#fff}.workflow-editor-section>header{margin-bottom:13px}.workflow-editor-section>header b,.workflow-editor-section>header small{display:block}.workflow-editor-section>header b{color:#183b83;font-size:calc(14px + var(--ui-font-add, 3px))}.workflow-editor-section>header small{margin-top:4px;color:#728198;font-size:calc(10px + var(--ui-font-add, 3px));line-height:1.8}
.workflow-assignee-section{border-color:#b7c9e6;background:linear-gradient(145deg,#fff,#f5f8fd)}.workflow-assignee-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workflow-assignee-fields label{color:#3d4f6c;font-size:calc(11px + var(--ui-font-add, 3px));font-weight:850}.workflow-assignee-fields select{width:100%;height:46px;margin-top:7px;padding:0 11px;border:1px solid #cfdae8;border-radius:11px;background:#fff;font:inherit}
.workflow-selection-summary{display:flex;align-items:center;gap:9px;margin-top:12px;padding:11px 13px;border-right:3px solid #284494;border-radius:10px;background:#eaf0fb}.workflow-selection-summary b{color:#183b83;font-size:calc(11px + var(--ui-font-add, 3px))}.workflow-selection-summary span{color:#596b86;font-size:calc(10px + var(--ui-font-add, 3px))}
.workflow-notification-picker{padding:17px!important}.workflow-notification-picker>header h4{color:#183b83;font-size:calc(14px + var(--ui-font-add, 3px))}.workflow-notification-picker>header p{font-size:calc(10px + var(--ui-font-add, 3px))!important;line-height:1.9}.workflow-notification-groups{display:grid!important;gap:9px}.workflow-notification-groups section,.workflow-notification-groups details{padding:11px;border:1px solid #e0e7ef;border-radius:12px;background:#f8fafc}.workflow-notification-groups h5,.workflow-notification-groups summary{margin:0;color:#405474;font-size:calc(11px + var(--ui-font-add, 3px));font-weight:900;cursor:pointer}.workflow-notification-groups section>div,.workflow-notification-groups details>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.workflow-notification-groups label span{min-height:48px;display:flex!important;flex-direction:column;justify-content:center;padding:8px 10px!important}.workflow-notification-groups label b{font-size:calc(10px + var(--ui-font-add, 3px))}.workflow-notification-groups label small{display:block;margin-top:3px;color:#7c899b;font-size:calc(8px + var(--ui-font-add, 3px));line-height:1.6}.workflow-notification-groups input:checked+span small{color:#526f9d}
@media(max-width:700px){.workflow-audience-card{grid-template-columns:1fr}.workflow-audience-fields{grid-template-columns:1fr;margin-top:12px}.workflow-audience-card>p{margin:10px 0 0;align-items:flex-start;flex-direction:column}.workflow-assignee-fields{grid-template-columns:1fr}.workflow-selection-summary{align-items:flex-start;flex-direction:column}.workflow-notification-groups section>div,.workflow-notification-groups details>div{grid-template-columns:1fr}.workflow-node{width:100%;min-height:220px}}

/* Module and process architecture center. */
.workflow-hero-actions,.workflow-canvas-actions{display:flex;align-items:center;gap:8px}
.workflow-designer-hero .btn--ghost{border-color:#ffffff52;background:#ffffff13;color:#fff}
.workflow-designer-shell{grid-template-columns:310px minmax(0,1fr)}
.workflow-catalog{display:grid;align-content:start;gap:14px;padding:13px;background:#f7f9fc}
.workflow-catalog>section{padding:12px;border:1px solid #dfe7f0;border-radius:16px;background:#fff}
.workflow-catalog>section>header{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 10px;border-bottom:1px solid #e8edf3}
.workflow-catalog>section>header small,.workflow-catalog>section>header strong{display:block}.workflow-catalog>section>header small{color:#ef2d35;font-size:calc(8px + var(--ui-font-add, 3px))}.workflow-catalog>section>header strong{margin-top:3px;color:#183b83;font-size:calc(12px + var(--ui-font-add, 3px))}
.designer-module-library>header>button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:#284494;color:#fff;font-size:calc(19px + var(--ui-font-add, 3px))}
#workflowModuleLibrary,#workflowCatalogList{display:grid;gap:7px;margin-top:10px}
.designer-module-option{width:100%;min-width:0;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center;gap:9px;padding:9px!important;border:1px solid transparent!important;border-radius:13px!important;background:#f5f7fb!important;text-align:right;color:#29446f;cursor:pointer}
.designer-module-option.active{border-color:#9cb4df!important;background:#eaf0fc!important;box-shadow:inset -3px 0 #284494}
.designer-module-option>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#284494}.designer-module-option>i svg{width:21px;height:21px}.designer-module-option strong,.designer-module-option small{display:block}.designer-module-option small{margin-top:3px;color:#78869b;font-size:calc(8px + var(--ui-font-add, 3px))}
.designer-module-option>div{display:flex;gap:3px}.designer-module-option>div>button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid #d9e2ed;border-radius:8px;background:#fff;color:#284494}.designer-module-option>div>button:last-child{color:#b13e3e}
.designer-process-library{max-height:48vh;overflow:auto}.designer-process-library #workflowCatalogList>button{grid-template-columns:38px minmax(0,1fr) auto}
.designer-empty-process{display:grid;place-items:center;gap:5px;padding:22px 10px;text-align:center;color:#77869a}.designer-empty-process i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf2fb;color:#284494}.designer-empty-process strong{color:#284494}.designer-empty-process small{font-size:calc(8px + var(--ui-font-add, 3px));line-height:1.8}
.workflow-canvas-actions .btn{white-space:nowrap}.workflow-canvas-actions .btn:disabled,.workflow-canvas-panel>footer .btn:disabled{opacity:.45;cursor:not-allowed}
.workflow-empty-canvas{min-height:355px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.workflow-empty-canvas>i{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#e9effa;color:#284494}.workflow-empty-canvas h3{margin:14px 0 5px;color:#183b83}.workflow-empty-canvas p{margin:0 0 18px;color:#75839a}
.workflow-definition-form{display:grid;gap:15px}.workflow-relation-preview{display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:8px;padding:14px;border:1px solid #d9e3ef;border-radius:15px;background:linear-gradient(145deg,#f7f9fd,#edf3fb)}.workflow-relation-preview>span{padding:11px;border-radius:11px;background:#fff}.workflow-relation-preview small,.workflow-relation-preview strong{display:block}.workflow-relation-preview small{color:#7a879b;font-size:calc(8px + var(--ui-font-add, 3px))}.workflow-relation-preview strong{margin-top:5px;color:#183b83}.workflow-relation-preview>i{text-align:center;color:#ef2d35;font-style:normal;font-size:calc(20px + var(--ui-font-add, 3px))}
@media(max-width:900px){.workflow-designer-shell{grid-template-columns:1fr}.workflow-catalog{grid-template-columns:1fr 1fr}.designer-process-library{max-height:none}.workflow-catalog>section>div{display:grid;overflow:visible}.workflow-catalog button{min-width:0}}
@media(max-width:700px){.workflow-hero-actions{display:grid;margin-top:15px}.workflow-designer-hero .workflow-hero-actions .btn{margin:0}.workflow-catalog{grid-template-columns:1fr}.workflow-canvas-actions{display:grid}.workflow-relation-preview{grid-template-columns:1fr}.workflow-relation-preview>i{transform:rotate(-90deg)}}