.workflow-library-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}
.workflow-library-toolbar>label{flex:1;max-width:520px}.workflow-library-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.workflow-library-tabs{max-width:100%;margin-bottom:18px;overflow-x:auto;overscroll-behavior-inline:contain}
.workflow-library-tabs .tab:focus-visible{outline:3px solid rgba(15,118,110,.24);outline-offset:2px;border-radius:5px}
.workflow-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.workflow-library-grid.is-grouped{display:block}
.workflow-library-template-group+.workflow-library-template-group{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.workflow-library-template-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.workflow-library-template-group-head>div{min-width:0}.workflow-library-template-group-head h2{margin:2px 0 4px;color:var(--navy);font-size:20px}.workflow-library-template-group-head p{max-width:780px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.workflow-library-template-group-head>.badge{flex:0 0 auto}
.workflow-library-template-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.workflow-library-card{display:flex;min-width:0;min-height:270px;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow)}
.workflow-library-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workflow-library-card-head>div{min-width:0}
.workflow-library-card-states{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.workflow-library-card h2,.workflow-library-card h3{margin:0;color:var(--navy);font-size:18px;overflow-wrap:anywhere}.workflow-library-card-description{margin:9px 0;color:var(--muted);font-size:13px;line-height:1.55}
.workflow-library-card-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:2px 0 11px}.workflow-library-card-meta .badge{white-space:nowrap}
.workflow-library-parent-packs{display:grid;gap:6px;margin:0 0 12px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.workflow-library-parent-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.workflow-library-parent-packs>div{display:flex;gap:6px;flex-wrap:wrap}.workflow-library-parent-packs small{color:var(--muted);font-size:11px;line-height:1.4}.workflow-library-owned-action{color:var(--muted);font-size:12px;font-weight:650}
.workflow-library-price{display:block;margin-top:auto;color:var(--navy);font-size:20px;font-weight:780}.workflow-library-price small{color:var(--muted);font-size:11px;font-weight:550}
.workflow-library-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.workflow-library-card-actions .btn{min-height:40px}
.workflow-library-included{display:grid;gap:7px;margin:2px 0 12px;padding:0;list-style:none}.workflow-library-included li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;background:#f7f9fc}.workflow-library-included span{min-width:0;font-size:12px;font-weight:650;overflow-wrap:anywhere}.workflow-library-included .btn{min-height:34px;padding:5px 8px}
.workflow-library-empty{grid-column:1/-1;padding:44px 20px;border:1px dashed var(--line);border-radius:17px;text-align:center;color:var(--muted)}.workflow-library-empty>.material-symbols-rounded{font-size:42px;color:#7890ad}.workflow-library-empty h2,.workflow-library-empty h3{margin:8px 0 4px;color:var(--navy)}.workflow-library-empty p{margin:0}.workflow-library-empty-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.workflow-library-owned-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin:4px 0 0;padding:9px 10px;border-radius:10px;background:#e8f7f3;color:#087f5b;font-size:11px;line-height:1.45}.workflow-library-owned-note .material-symbols-rounded{font-size:17px}
.workflow-library-permission-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin:7px 0 0;padding:9px 10px;border:1px solid #ead8a6;border-radius:10px;background:#fff9e8;color:#6f5200;font-size:11px;line-height:1.45}.workflow-library-permission-note .material-symbols-rounded{font-size:17px}
.workflow-library-blocker-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin:7px 0 0;padding:9px 10px;border:1px solid #ead8a6;border-radius:10px;background:#fff9e8;color:#6f5200;font-size:11px;line-height:1.45}.workflow-library-blocker-note .material-symbols-rounded{font-size:17px}.workflow-library-blocker-note strong{color:inherit}
.modal-backdrop .workflow-library-preview-modal{display:flex;width:100%;max-width:100%;height:calc(100dvh - 24px);max-height:none;min-width:0;min-height:0;flex-direction:column;overflow:hidden;padding:0}.modal-backdrop .workflow-library-preview-modal>.choice-head{flex:0 0 auto;margin:0;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-backdrop .workflow-library-preview-modal.is-flowchart-open>.choice-head{display:none}
.workflow-library-preview-frame{display:block;width:100%;min-width:0;max-width:100%;min-height:0;flex:1;border:0;background:#f6f8fb}
.workflow-library-admin-panel[hidden]{display:none}.workflow-library-admin-panel{min-width:0}.workflow-library-admin-table{min-width:980px}.workflow-library-admin-table td:first-child strong,.workflow-library-admin-table td:first-child small{display:block;overflow-wrap:anywhere}.workflow-library-admin-table td small{margin-top:3px;color:var(--muted);font-size:11px}
.workflow-library-admin-access{display:grid;grid-template-columns:minmax(250px,.35fr) minmax(0,1fr);gap:15px;align-items:start}.workflow-library-admin-access-controls{display:grid;gap:12px}.workflow-library-admin-access-results{min-width:0}
.workflow-library-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-library-form-grid .full-width{grid-column:1/-1}.workflow-library-form-grid textarea{width:100%;resize:vertical}.workflow-library-form-grid fieldset{grid-column:1/-1;min-width:0;margin:0;padding:13px;border:1px solid var(--line);border-radius:13px}.workflow-library-form-grid legend{padding:0 6px;color:var(--navy);font-weight:700}
.workflow-library-template-help{margin:0 0 10px;font-size:11px;line-height:1.45}.workflow-library-template-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:300px;overflow:auto}.workflow-library-template-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:54px;padding:9px;border:1px solid transparent;border-radius:10px;background:#f7f9fc}.workflow-library-template-option.is-included{border-color:#9fd8cc;background:#effaf7}.workflow-library-template-option>label{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;min-width:0}.workflow-library-template-option input{width:18px;height:18px;margin:1px 0 0}.workflow-library-template-option strong,.workflow-library-template-option small{display:block}.workflow-library-template-option small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:400}.workflow-library-template-order{display:grid;grid-template-columns:auto repeat(2,32px);gap:4px;align-items:center}.workflow-library-template-order>span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:#d7f1eb;color:#0b6653;font-size:10px;font-weight:750}.workflow-library-template-order .crm-icon-button{width:32px;height:32px;min-height:32px;padding:0}.workflow-library-template-order .material-symbols-rounded{font-size:17px}
.workflow-library-admin-modal{width:min(820px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}
body.theme-dark .workflow-library-included li,body.theme-dark .workflow-library-template-option{background:#102039}body.theme-dark .workflow-library-template-option.is-included{border-color:#285f52;background:#102d28}body.theme-dark .workflow-library-template-order>span{background:#1b493f;color:#b2eadb}body.theme-dark .workflow-library-owned-note{background:#102d28;color:#9be7d2;border-color:#285f52}body.theme-dark .workflow-library-permission-note,body.theme-dark .workflow-library-blocker-note{border-color:#6c5522;background:#2b240f;color:#f0d88c}body.theme-dark .workflow-library-parent-packs{background:#102039}
@media(max-width:1100px){.workflow-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-library-template-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-library-admin-access{grid-template-columns:1fr}}
@media(max-width:720px){.workflow-library-grid,.workflow-library-template-group-grid,.workflow-library-form-grid,.workflow-library-template-options{grid-template-columns:1fr}.workflow-library-template-group-head{display:grid}.workflow-library-template-group-head>.badge{width:max-content}.workflow-library-toolbar{display:grid}.workflow-library-toolbar>label{max-width:none}.workflow-library-toolbar-actions{display:grid;grid-template-columns:1fr;width:100%}.workflow-library-toolbar-actions .btn,.workflow-library-card-actions .btn{width:100%;min-height:44px}.workflow-library-empty-actions .btn,.workflow-library-empty-actions .inline-help-link{width:100%;min-height:44px}.workflow-library-card-actions,.workflow-library-empty-actions{display:grid;grid-template-columns:1fr}.workflow-library-form-grid .full-width{grid-column:auto}.workflow-library-admin-modal{width:calc(100vw - 12px);max-width:none;max-height:calc(100dvh - 12px)}.modal-backdrop .workflow-library-preview-modal{width:100%;max-width:100%;height:calc(100dvh - 12px);max-height:none;padding:0;overflow:hidden}.modal-backdrop .workflow-library-preview-modal>.choice-head{margin:0;padding:13px}.workflow-library-admin-access-controls .btn{width:100%;min-height:44px}.workflow-library-template-option{grid-template-columns:1fr}.workflow-library-template-order{justify-content:end}.workflow-library-template-order .crm-icon-button{width:44px;height:44px;min-height:44px}}
@media(max-width:480px){.workflow-library-card{padding:15px}.workflow-library-included li{grid-template-columns:1fr}.workflow-library-included .btn{width:100%;min-height:44px}}