.flow-filters{display:grid;grid-template-columns:220px minmax(280px,1fr) auto auto;align-items:end;gap:10px}.flow-filters .flow-search{min-width:0}.flow-view-switch{display:flex;align-items:center;gap:8px;margin:0 0 12px}.flow-view-switch span{margin-left:auto;color:var(--muted)}.flow-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:8px 0 14px;color:var(--muted);font-size:12px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.legend-dot.complete{background:var(--ok)}.legend-dot.partial{background:#f5a623}.legend-dot.open{background:#8a8886}.flow-chain{padding:0;overflow:hidden}.chain-head{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 17px;background:#fafafa;border-bottom:1px solid var(--border)}.chain-head h2{font-size:17px;margin:7px 0 3px}.cycle-badge{display:inline-block;padding:3px 8px;border-radius:11px;font-size:11px;font-weight:700}.cycle-badge.active{background:#dff6dd;color:#0b6a0b}.cycle-badge.passive{background:#e5f1fb;color:#005a9e}.chain-summary{text-align:right;display:grid}.chain-summary strong{font-size:22px;color:var(--accent)}.chain-summary span,.chain-summary small{color:var(--muted)}.flow-lanes{display:grid;overflow-x:auto;min-width:100%}.flow-lane{position:relative;padding:14px 13px 18px;border-right:1px solid var(--grid);min-width:220px}.flow-lane:last-child{border-right:0}.flow-lane.with-arrow:after{content:'›';position:absolute;right:-11px;top:45px;z-index:4;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;text-align:center;line-height:19px;font-size:24px;font-weight:700;box-shadow:0 0 0 4px #fff}.lane-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase;color:#494949;margin-bottom:11px}.lane-title>span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edebe9;color:#323130}.lane-documents{display:grid;gap:9px}.flow-document{display:block;background:#fff;border:1px solid var(--border);border-left:4px solid #8a8886;padding:10px;color:var(--text);box-shadow:0 1px 2px #0000000d;transition:.12s}.flow-document:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0002;background:var(--select)}.flow-document.complete{border-left-color:var(--ok)}.flow-document.partial{border-left-color:#f5a623}.flow-document.open{border-left-color:#8a8886}.document-top,.document-meta{display:flex;justify-content:space-between;gap:8px}.document-top strong{color:var(--accent)}.document-top span,.document-meta,.flow-document small{font-size:11px;color:var(--muted)}.document-description{white-space:normal;margin:7px 0;min-height:32px}.document-meta{border-top:1px solid var(--grid);padding-top:6px}.flow-document small{display:block;white-space:normal;margin-top:5px}.flow-document .reinvoice-note{color:#6b4f00;font-weight:700;background:#fff4ce;padding:4px 6px;border-radius:3px}.empty-stage{min-height:112px;border:1px dashed var(--border);display:grid;place-items:center;text-align:center;color:#8a8886;background:#fafafa;padding:15px}@media(max-width:1000px){.flow-filters{grid-template-columns:1fr 1fr auto}.flow-filters .flow-search{grid-column:span 2}}@media(max-width:600px){.flow-filters{grid-template-columns:1fr}.flow-filters .flow-search{grid-column:auto}.chain-head{display:block}.chain-summary{text-align:left;display:flex;gap:6px;align-items:baseline;margin-top:10px}.flow-view-switch{flex-wrap:wrap}.flow-view-switch span{width:100%;margin-left:0}}