.fulfillment-panel{background:#f7faff;border:1px solid #d8e4f4;border-radius:12px;padding:22px;margin:22px 0;color:#0f172a}.fulfillment-eyebrow{color:#1e40af;font-size:10px;font-weight:700;letter-spacing:1px}.fulfillment-panel h3{font-size:20px;line-height:1.4;margin:10px 0}.fulfillment-panel>p{font-size:13px;line-height:1.8;color:#475569}.fulfillment-steps{padding:0;margin:20px 0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fulfillment-step{padding:14px 12px;background:#fff;border:1px solid #d8e1ee;border-radius:9px;min-width:0}.fulfillment-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:11px;font-weight:700;margin-bottom:10px}.fulfillment-step strong{font-size:12px;line-height:1.6;display:block;color:#334155;overflow-wrap:anywhere}.fulfillment-step small{font-size:10px;color:#52657e;display:block;margin-top:5px}.fulfillment-step.done{border-color:#a7c5ec}.fulfillment-step.done .fulfillment-number{background:#dbeafe;color:#1e40af}.fulfillment-step.current{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.fulfillment-step.current .fulfillment-number{background:#2563eb;color:white}.fulfillment-step.attention{border-color:#c89e45;background:#fffaf0}.fulfillment-panel .fulfillment-owner-action{padding:14px;background:#fff;border-left:3px solid #2563eb;border-radius:6px;color:#334155}.fulfillment-panel .fulfillment-footnote{font-size:11px;color:#52657e}.fulfillment-queue-note{font-size:11px;color:#52657e;margin-top:12px}.fulfillment-queue-tag{display:block;font-size:11px;line-height:1.6;color:#1e40af;margin:8px 0}@media(max-width:900px){.fulfillment-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.fulfillment-panel{padding:18px 14px}.fulfillment-steps{gap:8px}.fulfillment-step{padding:12px 10px}.fulfillment-panel h3{font-size:18px}}