/* Pencil: negin-workspace.pen / L1hY09 and RSmOC. Scoped to order tracking. */
#fulfillmentView{--workflow-ink:#20372f;--workflow-muted:#5c6f66;--workflow-brand:#12684d;--workflow-line:#dce5df}
#fulfillmentView .panel-head{padding:18px 20px;gap:16px}
#fulfillmentView #orderStageTitle{font-size:22px;line-height:1.5}
#fulfillmentView .fulfillment-toolbar{padding:14px 20px;gap:16px;background:#f8faf9}
#fulfillmentView .fulfillment-search{max-width:none;min-width:220px}
#fulfillmentView .fulfillment-toolbar label{font-size:12px;gap:10px}
#fulfillmentView :is(input,select){min-height:36px;font-size:12px;border-radius:7px}
#fulfillmentView .fulfillment-workflow-filters{padding:12px 20px;gap:8px}
#fulfillmentView .fulfillment-workflow-filters button{min-height:36px;border-color:transparent;border-radius:7px;font-size:12px;padding:6px 12px;background:#f5f8f6}
#fulfillmentView .fulfillment-workflow-filters button[aria-pressed=true]{background:#e5f2eb;color:var(--workflow-brand);border-color:#b5d6c5}
#fulfillmentView #fulfillmentSummary{font-size:12px}
#fulfillmentTable :is(th,td){font-size:12px;line-height:1.7;padding:12px 14px;vertical-align:middle}
#fulfillmentTable thead th{color:var(--workflow-muted);background:#f5f8f6;font-size:11px}
#fulfillmentTable .fulfillment-number{font-size:12px;text-align:right;white-space:normal;overflow-wrap:anywhere}
#fulfillmentTable .fulfillment-number>small{direction:rtl;display:block;font-size:11px;line-height:1.8;margin-top:5px}
#fulfillmentTable .fulfillment-number .fulfillment-status{white-space:normal;text-align:right}
#fulfillmentTable td[data-fulfillment-column="supplier"]{white-space:normal;overflow-wrap:anywhere;color:var(--workflow-ink);font-weight:600}
#fulfillmentTable .fulfillment-remaining{line-height:1.8}
#fulfillmentTable .fulfillment-remaining div{font-size:11px;color:var(--workflow-muted);font-weight:400}
#fulfillmentTable .fulfillment-work-actions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}
#fulfillmentTable .fulfillment-work-actions :is(button,a){min-height:34px;padding:7px 10px;border-radius:7px;font-size:11px;line-height:18px}
#fulfillmentTable .fulfillment-work-actions>.primary{background:var(--workflow-brand);border-color:var(--workflow-brand);color:#fff}
body.wa-fluent #fulfillmentTable .fulfillment-work-actions>.primary{background:#12684d;border-color:#12684d;color:#fff}
.workflow-detail-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workflow-detail-dialog :is(.universal-layout-bar,.operation-tools,.table-export-bar,.shared-filter-row,.work-view-bar){display:none!important}
.workflow-detail-dialog{width:min(940px,calc(100vw - 32px));padding:0;max-height:calc(100dvh - 32px);border:1px solid #dce5df;border-radius:12px;background:#fff;color:#20372f;font-family:Vazirmatn,Tahoma,sans-serif;box-shadow:0 24px 80px #0c2e3045;overflow:hidden}
.workflow-detail-dialog[open]{display:flex;flex-direction:column}
.workflow-detail-dialog[data-kind="notification"]{width:min(620px,calc(100vw - 32px))}
.workflow-detail-dialog::backdrop{background:#102d2666;backdrop-filter:blur(2px)}
.workflow-detail-dialog .workflow-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid #e5ece7;flex:none}
.workflow-detail-dialog h2{margin:0;font-size:21px;line-height:1.5}
.workflow-detail-dialog [data-subtitle]{margin:7px 0 0;color:#5c6f66;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.workflow-detail-dialog [data-content]{min-height:0;overflow:auto}
.workflow-detail-dialog .workflow-dialog-footer{display:flex;align-items:center;justify-content:end;gap:10px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid #e5ece7;flex:none;background:#fbfcfb}
.workflow-detail-dialog [data-feedback]{margin:0;margin-inline-end:auto;font-size:13px;line-height:1.8;min-height:0;flex:1;min-width:120px}
.workflow-detail-dialog button{font:inherit;font-size:13px;min-height:38px;padding:8px 16px;border:1px solid #dce5df;border-radius:8px;background:#fff;color:#20372f;cursor:pointer}
.workflow-detail-dialog button.primary{background:#12684d;border-color:#12684d;color:#fff;font-weight:600}
.workflow-detail-dialog button.dialog-close{min-width:34px;min-height:34px;width:34px;height:34px;padding:0;line-height:1;font-size:23px;flex:none}
.workflow-detail-dialog :is(button,input):focus-visible{outline:2px solid #12684d;outline-offset:3px}
.workflow-detail-dialog button:disabled{opacity:.55;cursor:wait}
.workflow-detail-dialog .workflow-order-facts{display:flex;flex-wrap:wrap;gap:24px;padding:18px 24px;margin:0;background:#f6f9f7;border-bottom:1px solid #e5ece7}
.workflow-order-facts>div{flex:1;min-width:130px}
.workflow-order-facts dt{font-size:12px;color:#5c6f66;margin-bottom:6px}
.workflow-order-facts dd{font-size:14px;margin:0}
.workflow-detail-dialog .table-wrap{max-height:50vh;overflow:auto}
body.wa-fluent .workflow-detail-dialog .table-wrap{height:auto!important;min-height:0!important;max-height:50vh!important;flex:none}
.workflow-detail-dialog table{width:100%;border-collapse:collapse;table-layout:auto}
.workflow-detail-dialog :is(td,th){padding:14px 20px;text-align:right;font-size:13px;border-bottom:1px solid #e5ece7;line-height:1.8;white-space:normal}
.workflow-detail-dialog th{position:sticky;top:0;background:#f6f9f7;color:#5c6f66;font-size:12px}
.workflow-detail-dialog tbody tr:last-child td{border-bottom:0}
.workflow-detail-dialog td:nth-child(2){min-width:180px}
.workflow-detail-dialog td:not(:nth-child(2)){font-variant-numeric:tabular-nums}
.workflow-detail-dialog .workflow-notify-order{display:flex;flex-direction:column;gap:8px;margin:24px 24px 0;padding:16px;background:#f4f8f5;border-radius:8px;font-size:13px}
.workflow-notify-order span{font-size:12px;color:#5c6f66}
.workflow-detail-dialog form{padding:24px;display:grid;gap:12px}
.workflow-detail-dialog .workflow-channel{border:0;padding:0;margin:0 0 12px;display:flex;gap:10px}
.workflow-channel legend{padding:0;margin-bottom:10px;font-size:13px}
.workflow-detail-dialog .workflow-channel label{display:block;position:relative;cursor:pointer}
.workflow-channel input{position:absolute;opacity:0;width:1px;height:1px}
.workflow-channel span{display:block;min-width:88px;text-align:center;padding:10px 16px;border:1px solid #dce5df;border-radius:8px;font-size:13px}
.workflow-channel input:checked+span{background:#12684d;border-color:#12684d;color:#fff}
.workflow-channel input:focus-visible+span{outline:2px solid #12684d;outline-offset:3px}
.workflow-channel input:disabled+span{opacity:.55;cursor:wait}
.workflow-detail-dialog .workflow-recipient{display:grid;gap:8px;font-size:13px}
.workflow-detail-dialog .workflow-recipient input{width:100%;min-height:44px;padding:10px 14px;border:1px solid #adcbbe;border-radius:8px;font:inherit}
.workflow-detail-dialog .workflow-field-help{margin:0;font-size:12px;color:#5c6f66;line-height:1.8}
@media(max-width:700px){#fulfillmentView .panel-head,#fulfillmentView .fulfillment-toolbar{padding:12px}#fulfillmentView .fulfillment-workflow-filters{padding:10px 12px}.workflow-detail-dialog,.workflow-detail-dialog[data-kind="notification"]{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.workflow-detail-dialog .workflow-dialog-head,.workflow-detail-dialog form{padding:18px}.workflow-detail-dialog .workflow-dialog-footer{padding:14px 18px}.workflow-detail-dialog .workflow-notify-order{margin:18px 18px 0}.workflow-detail-dialog [data-feedback]{flex-basis:100%}.workflow-detail-dialog :is(td,th){padding:10px 12px}.workflow-order-facts>div{min-width:90px}}
.shipping-priority{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px 8px;border:1px solid #cbd7d0;border-radius:999px;background:#f5f8f6;color:#50645b;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap}.shipping-priority>span{width:7px;height:7px;border-radius:50%;background:currentColor}.shipping-priority-urgent{border-color:#e39a95;background:#fee2e2;color:#991b1b}.shipping-priority-high{border-color:#efbd74;background:#fff4df;color:#7a4300}.shipping-priority-normal{border-color:#9bc9ba;background:#e8f7f2;color:#11624f}.shipping-priority-low{color:#526676}.shipping-priority-row-urgent>td{background:#fff0f0!important;border-bottom-color:#efb4b0!important}.shipping-priority-row-urgent>td:first-child{box-shadow:inset -4px 0 #b42318}.shipping-priority-line-urgent{background:#fff0f0;box-shadow:inset -4px 0 #b42318}body.wa-fluent .manual-order-lines>div{grid-template-columns:110px minmax(200px,1fr) minmax(110px,max-content) 100px}