.flow-badge{display:inline-block;padding:6px 10px;border-radius:20px;background:#eef1f6;color:#46516c;font-size:12px;font-weight:700;white-space:normal}.flow-review,.flow-pending{background:#fff1d5;color:#895a04}.flow-approved,.flow-verified,.flow-delivered{background:#ddf5e9;color:#136b4d}.flow-preparing{background:#eee5ff;color:#7045a2}.flow-ready{background:#dff0ff;color:#226493}.flow-dispatched{background:#e3e9ff;color:#3d55aa}.flow-questioned,.flow-cancelled{background:#ffe7e7;color:#ab4040}.flow-track{display:flex;gap:10px;overflow:auto;padding:20px 0;margin-bottom:15px}.flow-track>span{flex:1;min-width:115px;display:grid;justify-items:center;text-align:center;gap:10px;color:#8b95a9;font-size:12px;border-bottom:3px solid #e8ebf1;padding-bottom:14px}.flow-track i{font-style:normal;border-radius:50%;background:#edf0f5;padding:8px 12px}.flow-track .current{color:#306bd8;border-color:#306bd8;font-weight:800}.flow-track .current i{background:#e1ebff}.flow-track .done{color:#168269;border-color:#70cbb2}.flow-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:15px 0}.flow-summary>div{background:white;border:1px solid #e6eaf1;border-radius:16px;padding:18px;display:grid;gap:12px}.flow-summary strong{font-size:26px}.flow-history{margin:15px 0;padding:14px;background:#f7f9fc;border-radius:12px}.flow-history p{border-bottom:1px solid #e4e8ef;padding:10px 0;font-size:13px}@media(max-width:800px){.flow-summary{grid-template-columns:repeat(2,1fr)}}