.flow-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.article-list{padding:8px}.article-flow{display:grid;grid-template-columns:minmax(270px,38%) 1fr;gap:20px;align-items:center;padding:15px 16px;border-bottom:1px solid #edf0f2;border-radius:9px}.article-flow:hover{background:#fafbfc}.article-name strong,.article-name small{display:block}.article-name strong{font-size:13px}.article-name small{font-size:11px;color:var(--muted);margin-top:4px}.allocation-strip{display:flex;flex-wrap:wrap;gap:8px}.allocation-chip{--chip:#14b8c8;display:flex;align-items:center;gap:9px;min-width:135px;border:1px solid color-mix(in srgb,var(--chip) 32%,white);border-left:5px solid var(--chip);background:color-mix(in srgb,var(--chip) 8%,white);padding:8px 11px;border-radius:8px}.allocation-chip i{width:8px;height:8px;border-radius:50%;background:var(--chip)}.allocation-chip span{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px}.allocation-chip small{color:#54616e}.allocation-chip strong{color:var(--chip);font-size:16px}.warehouse-chip{--chip:#64748b}@media(max-width:850px){.article-flow{grid-template-columns:1fr}.allocation-chip{flex:1 1 150px}.flow-title{align-items:flex-start;flex-direction:column}}