@layer components{.ndm-workflows-library{padding-block:var(--space-y)}.ndm-workflows-body{grid-column:1/-1;grid-template-columns:subgrid;row-gap:32px;display:grid}.ndm-workflows-side{top:calc(var(--nav-h) + 24px);grid-column:1/span 3;grid-template-columns:minmax(0,1fr);align-self:start;gap:24px;min-width:0;padding-right:32px;display:grid;position:sticky}.ndm-workflows-main{grid-column:4/-1;grid-template-columns:subgrid;align-content:start;row-gap:64px;min-width:0;display:grid}.ndm-workflows-main>*{grid-column:1/-1}.ndm-workflows-group{grid-template-columns:subgrid;row-gap:24px;display:grid}.ndm-workflows-group>*{grid-column:1/-1}.ndm-workflows-search{border-radius:var(--radius-xl);background:var(--muted);height:40px;color:var(--muted-foreground);cursor:text;transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);align-items:center;gap:8px;padding:0 4px 0 12px;display:flex}.ndm-workflows-search svg{flex:none}@media (hover:hover) and (pointer:fine){.ndm-workflows-search:hover{background:var(--accent)}}.ndm-workflows-search:has(input:focus-visible){background:var(--background);box-shadow:0 0 0 1px var(--link), 0 0 0 4px var(--link-subtle)}.ndm-workflows-search input{min-width:0;height:100%;color:var(--foreground);font:inherit;appearance:none;background:0 0;border:0;flex:1;padding:0;font-size:16px;line-height:20px}.ndm .ndm-workflows-search input:focus-visible{outline:none}.ndm-workflows-search input::placeholder{color:var(--muted-foreground)}.ndm-workflows-search input::-webkit-search-cancel-button{display:none}.ndm-workflows-search button{width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}@media (hover:hover) and (pointer:fine){.ndm-workflows-search button:hover{background:var(--hover);color:var(--foreground)}}.ndm-workflows-depts{gap:2px;display:grid}.ndm-workflows-dept{width:100%;height:32px;color:var(--muted-foreground);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:14px;line-height:20px;display:flex}.ndm-workflows-dept>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.ndm-workflows-dept:hover{background:var(--hover);color:var(--foreground)}}.ndm-workflows-dept[aria-pressed=true]{background:var(--muted);color:var(--foreground);font-weight:500}.ndm .ndm-workflows-dept:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.ndm-workflows-dept-count{color:var(--subtle-foreground);font-variant-numeric:tabular-nums;flex:none;font-weight:400}.ndm-workflows-dept[aria-pressed=true] .ndm-workflows-dept-count{color:var(--muted-foreground)}.ndm-workflows-head{align-items:center;gap:10px;min-height:40px;display:flex}.ndm .ndm-workflows-head h3{letter-spacing:-.005em;font-size:20px;line-height:28px}.ndm-workflows-count{border-radius:var(--radius-badge-md);background:var(--muted);height:20px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-items:center;padding:0 6px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.ndm-workflows-empty{max-width:38rem;color:var(--muted-foreground);text-wrap:pretty;font-size:16px;line-height:24px}.ndm-workflows-cards{grid-template-columns:subgrid;row-gap:var(--col-gap);display:grid}.ndm-workflows-cards>li{grid-column:span 3;min-width:0;display:grid}.ndm-workflows-card{border-radius:var(--radius-4xl);background:var(--card);min-width:0;height:100%;box-shadow:var(--shadow-sheet);color:inherit;flex-direction:column;text-decoration:none;display:flex}.ndm .ndm-workflows-card:focus-visible{outline:2px solid var(--link);outline-offset:2px}.ndm-workflows-pic{aspect-ratio:1200/805;border-radius:var(--radius-4xl) var(--radius-4xl) 0 0;border-bottom:1px solid var(--border);background:var(--well);display:block;position:relative;overflow:hidden}.ndm-workflows-pic img{object-fit:cover}.ndm-workflows-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:16px;padding:16px 20px 20px;display:flex}.ndm-workflows-tag{border-radius:var(--radius-badge-md);background:var(--muted);height:20px;color:var(--foreground);align-items:center;padding:0 6px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.ndm-workflows-card-text{gap:6px;width:100%;display:grid}.ndm-workflows-name{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ndm-workflows-name b{color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;font-size:16px;font-weight:500;line-height:24px}.ndm-workflows-arrow{color:var(--subtle-foreground);transition:translate var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:none;margin-top:4px}.ndm-workflows-line{color:var(--muted-foreground);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:24px;display:-webkit-box;overflow:hidden}.ndm-workflows-tools{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.ndm-workflows-tool{border-radius:var(--radius-badge-md);background:var(--card);height:24px;box-shadow:inset 0 0 0 1px var(--border);color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.ndm-workflows-tool img{object-fit:contain;flex:none;width:14px;height:14px}@media (hover:hover) and (pointer:fine){.ndm-workflows-card:hover .ndm-workflows-arrow{color:var(--foreground);translate:2px}}@media (prefers-reduced-motion:reduce){.ndm-workflows-card,.ndm-workflows-arrow{transition:none}}@media (max-width:1000px){.ndm-workflows-side{grid-column:1/-1;gap:16px;padding-right:0;position:static}.ndm-workflows-main{grid-column:1/-1}.ndm-workflows-cards>li{grid-column:span 4}.ndm-workflows-depts{margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.ndm-workflows-depts::-webkit-scrollbar{display:none}.ndm-workflows-depts>li{flex:none}.ndm-workflows-dept{width:auto;box-shadow:inset 0 0 0 1px var(--border);gap:8px;font-weight:500}.ndm-workflows-dept[aria-pressed=true]{background:var(--accent);box-shadow:inset 0 0 0 1px #0000}}@media (max-width:860px){.ndm-workflows-cards>li{grid-column:span 6}}@media (max-width:760px){.ndm-workflows-main{row-gap:48px}.ndm-workflows-search{height:44px}.ndm-workflows-search input{font-size:16px}}@media (max-width:560px){.ndm-workflows-cards>li{grid-column:1/-1}}}
