.fulfillment-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:linear-gradient(120deg,#eff3ff,#fbfcff);border:1px solid #dfe7ff;border-radius:13px;margin-bottom:17px}.fulfillment-hero h3{margin:0;font-size:15px}.fulfillment-hero p{margin:4px 0 0;color:#77839b;font-size:12px}.stage-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.stage-filter button{border:1px solid #e0e6f0;background:#fff;color:#69758d;border-radius:7px;padding:6px 10px;cursor:pointer;font:600 11px inherit}.stage-filter button.active{border-color:#b8c5ff;background:#eef1ff;color:#4864d9}.flow-compact{display:flex;align-items:center;gap:0;white-space:nowrap}.flow-compact span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef1f6;color:#8490a8;font-size:10px;font-weight:800}.flow-compact span.done{background:#dff7ee;color:#139c73}.flow-compact span.active{background:#e5eaff;color:#4d68e8}.flow-compact i{height:1px;width:19px;background:#dfe4ed}.next-action{border:0;border-radius:6px;background:#edf1ff;color:#4963d9;padding:5px 8px;font:700 11px inherit;cursor:pointer;white-space:nowrap}.next-action:hover{background:#dfe6ff}.edit-order{border:0;background:transparent;color:#7b879d;font:600 11px inherit;cursor:pointer;margin-left:6px}.workflow-modal{width:min(590px,calc(100vw - 30px))}.workflow-stepper{display:flex;align-items:center;margin:17px 0 20px}.workflow-stepper div{display:grid;justify-items:center;min-width:75px;position:relative;z-index:1}.workflow-stepper span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf0f5;color:#8c97aa;font-size:11px;font-weight:800}.workflow-stepper small{margin-top:5px;color:#7d899f;font-size:10px}.workflow-stepper div.done span{background:#def7ee;color:#159871}.workflow-stepper div.active span{background:#e3e9ff;color:#4a66df}.workflow-stepper i{height:1px;background:#dde3ef;flex:1;margin-top:-17px}.process-card{border:1px solid #e3e8f0;border-radius:10px;padding:15px;background:#fbfcfe}.process-card h3{font-size:15px;margin:0 0 5px}.process-card p{font-size:12px;color:#78849b;margin:0 0 14px}.check-list{display:flex;flex-direction:column;gap:9px}.check-list label{display:flex;gap:8px;align-items:center;font-size:12px;color:#526078}.check-list input{accent-color:#4f6df5}.channel-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.channel-option{border:1px solid #e0e6f0;background:#fff;border-radius:8px;padding:10px;text-align:left;cursor:pointer}.channel-option.selected{border-color:#7086f7;background:#f2f4ff}.channel-option b,.channel-option small{display:block}.channel-option b{font-size:12px}.channel-option small{font-size:10px;color:#7c899e;margin-top:3px}.tracking-box{padding:10px;border-radius:7px;background:#eaf8f2;color:#167d61;font:700 12px ui-monospace,monospace;margin-top:12px}.archive-note{background:#fff7e8;border:1px solid #f5dfab;padding:10px;border-radius:7px;color:#876c38;font-size:11px;margin-top:12px}@media(max-width:760px){.fulfillment-hero{align-items:flex-start;flex-direction:column}.flow-compact{transform:scale(.88);transform-origin:left}.workflow-stepper{overflow:auto}.channel-options{grid-template-columns:1fr}}
.modal-layer{position:fixed;inset:0;background:#18233d77;opacity:0;pointer-events:none;transition:.2s;z-index:10;display:grid;place-items:center}.modal-layer.open{opacity:1;pointer-events:auto}.modal-box{width:min(510px,calc(100vw - 30px));background:#fff;border-radius:15px;padding:22px;box-shadow:0 25px 70px #111a355c}.modal-box h2{font-size:18px;margin:0 0 4px}.modal-box>p{color:#8892a6;font-size:12px;margin:0 0 19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;color:#67738b;font-weight:700}.form-field input{height:36px;border:1px solid #e0e6ef;border-radius:8px;padding:0 10px;color:#34415b;font:12px inherit}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}
.order-detail-modal{width:min(720px,calc(100vw - 30px))}.detail-status{display:flex;align-items:center;gap:9px;padding:9px 10px;background:#f6f8ff;border:1px solid #e0e6fb;border-radius:8px;font-size:11px;color:#65738c}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.order-detail-grid section{border:1px solid #e4e8f0;border-radius:9px;padding:12px}.order-detail-grid section:last-child{grid-column:1/-1}.order-detail-grid h3{font-size:12px;margin:0 0 8px;color:#3f4d66}.order-detail-grid dl{margin:0;display:grid;gap:7px}.order-detail-grid dl div{display:grid;grid-template-columns:105px 1fr;gap:8px;font-size:11px}.order-detail-grid dt{color:#8490a3}.order-detail-grid dd{margin:0;color:#43516a;word-break:break-all}@media(max-width:560px){.order-detail-grid{grid-template-columns:1fr}.order-detail-grid section:last-child{grid-column:auto}.order-detail-grid dl div{grid-template-columns:94px 1fr}}