.catalog-purpose-flow{gap:18px;min-width:0;display:grid}.catalog-purpose-flow,.catalog-purpose-flow *{box-sizing:border-box}.catalog-purpose-flow-heading{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.catalog-purpose-flow-heading h2{color:var(--text);font-size:var(--font-heading);line-height:var(--leading-heading);margin:0 0 6px}.catalog-purpose-flow-heading p{color:var(--text-secondary);font-size:var(--font-label);line-height:var(--leading-body);margin:0}.catalog-purpose-flow-scope{align-items:flex-start;gap:8px;max-width:420px;display:flex}.catalog-purpose-flow-scope svg{flex-shrink:0;margin-top:3px}.catalog-purpose-flow-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.catalog-purpose-flow-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex;position:relative}.catalog-purpose-flow-stage-heading{align-items:flex-start;gap:10px;min-height:92px;display:flex}.catalog-purpose-flow-stage-heading>div{min-width:0}.catalog-purpose-flow-stage-heading h3{color:var(--text);font-size:var(--font-subheading);line-height:var(--leading-heading);align-items:center;gap:7px;margin:1px 0 5px;display:flex}.catalog-purpose-flow-stage-heading p{color:var(--text-secondary);font-size:var(--font-helper);word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.55}.catalog-purpose-flow-count{border-top:1px solid var(--line);color:var(--muted-text);font-size:var(--font-helper);margin:0;padding-top:10px}.catalog-purpose-flow-tools{gap:10px;margin:0;padding:0;list-style:none;display:grid}.catalog-purpose-flow-tool{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);gap:9px;min-width:0;padding:14px;display:grid}.catalog-purpose-flow-tool-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.catalog-purpose-flow-tool h4{min-width:0;font-size:var(--font-label);line-height:var(--leading-heading);overflow-wrap:anywhere;margin:0}.catalog-purpose-flow-tool-heading>span{border:1px solid var(--control-line);max-width:52%;color:var(--text-secondary);background:var(--bg);font-size:var(--font-caption);text-align:right;border-radius:4px;flex-shrink:0;padding:2px 6px;line-height:1.45}.catalog-purpose-flow-tool>p{color:var(--text-secondary);font-size:var(--font-helper);word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.55}.catalog-purpose-flow-tags{flex-wrap:wrap;gap:4px;display:flex}.catalog-purpose-flow-tags span{color:var(--text-secondary);background:var(--grey);font-size:var(--font-caption);border-radius:4px;padding:2px 6px;line-height:1.45}.catalog-purpose-flow-tool dl{gap:3px;margin:0;display:grid}.catalog-purpose-flow-tool dt{color:var(--muted-text);font-size:var(--font-caption)}.catalog-purpose-flow-tool dd{color:var(--text-secondary);font-size:var(--font-helper);overflow-wrap:anywhere;margin:0;line-height:1.5}.catalog-purpose-flow-tool button{border:1px solid var(--control-line);border-radius:var(--radius-sm);min-height:44px;color:var(--blue-dark);background:var(--bg);font:inherit;font-size:var(--font-label);cursor:pointer;justify-self:start;padding:8px 12px;font-weight:600}.catalog-purpose-flow-tool button:hover{border-color:var(--blue);background:var(--grey)}.catalog-purpose-flow-tool button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.catalog-purpose-flow-stage-empty{border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);min-height:48px}.catalog-purpose-flow-empty{border:1px solid var(--line);border-radius:var(--radius);color:var(--text-secondary);text-align:center;margin:0;padding:48px 24px}@media (max-width:1100px){.catalog-purpose-flow-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.catalog-purpose-flow-heading{padding:16px;display:grid}.catalog-purpose-flow-stages{grid-template-columns:minmax(0,1fr)}.catalog-purpose-flow-stage-heading{min-height:0}}
