#workflowTemplatesModal .modal-dialog{max-width:1120px;width:calc(100% - 32px);margin:24px auto}
#workflowTemplatesModal .modal-content{background:#f8fafc;color:#173b3f;border:1px solid #dce5ed;border-radius:18px;overflow:hidden;box-shadow:0 24px 80px #12233330}
#workflowTemplatesModal .modal-header{background:#fff;border-bottom:1px solid #e4ecf3;padding:20px 24px}
#wfLibraryTitle{font-size:1.25rem;font-weight:750;color:#173b3f}
#workflowTemplatesModal .modal-body{padding:20px 24px}
.wf-library-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) auto;align-items:end;gap:12px;padding:18px 24px 12px;background:#fff;border-bottom:1px solid #e4ecf3}
.wf-library-filters label{display:block;font-size:.75rem;font-weight:700;margin-bottom:6px;color:#475467}
.wf-library-filters input,.wf-library-filters select{width:100%;height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;background:#fff;color:#173b3f;font-size:.85rem}
.wf-library-filters input:focus,.wf-library-filters select:focus{outline:2px solid #0f766e;outline-offset:2px}
#wfLibraryReset{height:42px}#wfLibraryCount{grid-column:1/-1;font-size:.78rem;color:#667085;margin:0}
.wf-library-note{color:#667085;font-size:.78rem;margin-bottom:16px}
#wfTemplatesList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#workflowTemplatesModal .wf-template-card{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;background:#fff;border:1px solid #dce5ed;border-radius:12px;padding:18px;transition:border-color .15s,box-shadow .15s}
#workflowTemplatesModal .wf-template-card:hover{border-color:#7bbab2;box-shadow:0 4px 16px #173b3f0d}
#workflowTemplatesModal .wf-template-card[hidden],#wfLibraryEmpty[hidden]{display:none!important}
#workflowTemplatesModal .wf-template-icon{width:40px;height:40px;border-radius:10px}
#workflowTemplatesModal .wf-template-title-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}
#workflowTemplatesModal .wf-template-name{flex-basis:100%;font-size:.95rem;line-height:1.4;color:#173b3f;font-weight:750;overflow-wrap:anywhere}
#workflowTemplatesModal .wf-template-category{background:#eef5f5;color:#27645f;border:0;font-size:.68rem;padding:3px 7px;border-radius:5px}
#workflowTemplatesModal .wf-template-status{color:#667085;font-size:.68rem}#workflowTemplatesModal .wf-template-status--unavailable{color:#b42318}
#workflowTemplatesModal .wf-template-description{font-size:.8rem;line-height:1.6;color:#667085}
#workflowTemplatesModal .wf-template-badges{gap:5px;margin-top:12px}
#workflowTemplatesModal .wf-template-badge{background:#f1f5f9;color:#475467;border:1px solid #e4ecf3;font-size:.65rem}
#workflowTemplatesModal .wf-template-load-btn{grid-column:2;justify-self:end;align-self:end;margin-top:4px;padding:8px 14px;background:#0f766e;color:#fff;border:1px solid #0f766e;border-radius:7px;font-size:.78rem;font-weight:700;cursor:pointer}
#workflowTemplatesModal .wf-template-load-btn:hover{background:#115e59}#workflowTemplatesModal .wf-template-load-btn:disabled{background:#f1f5f9;color:#667085;border-color:#cbd5e1;cursor:not-allowed}
#wfLibraryEmpty{text-align:center;padding:50px 16px;color:#667085}#wfLibraryEmpty>i{font-size:26px;color:#0f766e}#wfLibraryEmpty h3{font-size:1.05rem;color:#173b3f;margin:16px 0 8px}
@media(max-width:720px){#wfTemplatesList{grid-template-columns:1fr}.wf-library-filters{grid-template-columns:minmax(0,1fr) auto;padding:14px}.wf-library-filters>div:first-child{grid-column:1/-1}#workflowTemplatesModal .modal-body,#workflowTemplatesModal .modal-header{padding:16px}#workflowTemplatesModal .modal-dialog{margin:10px auto;width:calc(100% - 20px)}}