.workflow-head{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#0e3768,#178aae);color:#fff;padding:24px;border-radius:15px;margin-bottom:13px}.workflow-head p{margin:0 0 5px;color:#8edcf5;font-size:11px;letter-spacing:1.6px}.workflow-head h3{font-size:25px;margin:0 0 6px}.workflow-head>div>span{color:#d4edf6}.workflow-kpis{display:flex;gap:8px}.workflow-kpis span{background:#ffffff16!important;border:1px solid #ffffff35;border-radius:10px;padding:9px 12px;color:#fff!important;font-size:11px}.workflow-kpis b{display:block;font-size:18px}.workflow-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;background:#fff;border:1px solid #e0e8ee;border-radius:12px;padding:11px;margin-bottom:13px}.workflow-legend span{display:flex;align-items:center;gap:7px;color:#557085;font-size:12px}.workflow-legend i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8f5fa;color:#177fa6;font-style:normal;font-weight:700}.workflow-list{display:grid;gap:12px}.workflow-card{background:#fff;border:1px solid #dfe8ee;border-radius:14px;padding:17px;display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(420px,2fr) minmax(160px,.8fr) auto;gap:16px;align-items:center}.workflow-source{display:inline-block;background:#e9f6fb;color:#167fa6;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700}.workflow-person h4{margin:7px 0 3px;color:#163d67}.workflow-person p,.workflow-person small{display:block;margin:0;color:#6d8191;font-size:11px}.workflow-progress{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.workflow-progress:before{content:'';position:absolute;left:9%;right:9%;top:15px;height:2px;background:#dbe5eb}.workflow-progress>div{display:grid;justify-items:center;gap:5px;position:relative;color:#8a9aa7;font-size:10px;text-align:center}.workflow-progress i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf2f5;border:2px solid #d5e0e7;font-style:normal;font-weight:700;z-index:1}.workflow-progress .done i{background:#72be44;border-color:#72be44;color:#fff}.workflow-progress .active i{background:#1c91ba;border-color:#1c91ba;color:#fff;box-shadow:0 0 0 5px #1c91ba18}.workflow-details{display:grid;gap:6px}.workflow-details span{display:block;background:#f5f8fa;border-radius:7px;padding:7px;color:#5e7485;font-size:10px}.workflow-details b{display:block;color:#284c69;font-size:10px}.workflow-actions{display:grid;gap:6px;min-width:150px}.workflow-actions button{border:1px solid #cad9e3;background:#fff;border-radius:8px;padding:9px;color:#174b78}.workflow-actions button.primary{border:0;color:#fff}.workflow-closed,.workflow-done{font-size:11px;font-weight:700;color:#568046;background:#eff8eb;border-radius:8px;padding:9px;text-align:center}.workflow-closed{color:#7b8790;background:#eef1f3}#workflowFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}#workflowFields label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#324b60}#workflowFields label.wide{grid-column:1/-1}#workflowFields input,#workflowFields select,#workflowFields textarea{font-weight:400}@media(max-width:1100px){.workflow-card{grid-template-columns:1fr}.workflow-details{grid-template-columns:repeat(3,1fr)}.workflow-actions{display:flex;flex-wrap:wrap}.workflow-actions button{flex:1}.workflow-kpis{display:none}}@media(max-width:650px){.workflow-head{display:block}.workflow-legend{grid-template-columns:1fr 1fr}.workflow-progress{overflow-x:auto}.workflow-progress>div{min-width:62px}.workflow-details{grid-template-columns:1fr}#workflowFields{grid-template-columns:1fr;padding:16px}#workflowFields label.wide{grid-column:auto}}