/* Preparation colors and status views. Shared across device sizes. */
/* Portrait tablet already uses a full-width canvas; cancel phone centering. */
html:is([data-ipad-portrait-phone],[data-ipad-portrait-adapted])[data-store-transfer-phone-active="true"] body #userAccessView > .app:has(#dashboardSection.is-nested) > #contentSection:not(.hide),
html:is([data-ipad-portrait-phone],[data-ipad-portrait-adapted])[data-store-transfer-phone-active="true"] body #userAccessView > .app > #contentSection:not(.hide) {
  transform: none !important;
}
#moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) {
  --prepare-text: #34435a; --prepare-muted: #596b84;
  --prepare-surface: #fff; --prepare-pill: #f0f3f8; --prepare-count: #e5eaf2;
  --prepare-border: #dce3ed; --prepare-selected: #bdd8ff; --prepare-blue: #1452ad;
  --prepare-danger: #b42335; --prepare-success: #167443;
  --prepare-heading: #172338; --prepare-summary: #f2f7ff; --prepare-toolbar: #f7f9fc;
  --prepare-action: #1d4ed8; --prepare-action-bg: #eef4ff;
  --prepare-danger-bg: #fff0f1; --prepare-success-bg: #eaf8ef;
  --prepare-warning: #854d0e; --prepare-warning-bg: #fff7df;
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-views {
  margin: 2px 0 4px; padding: 12px; border-radius: 20px;
  background: linear-gradient(110deg, #fafcff, #f7f9fc); color: var(--prepare-text);
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-toolbar { display: flex; align-items: center; gap: 20px; min-width: 0; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search {
  display: flex; align-items: center; gap: 10px; flex: 0 1 350px; min-width: 220px;
  min-height: 46px; padding: 0 14px; border: 1px solid var(--prepare-border);
  border-radius: 999px; background: var(--prepare-surface); box-sizing: border-box;
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search > span { display: flex; color: var(--prepare-muted); flex: 0 0 20px; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search svg { width: 20px; height: 20px; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search input {
  min-width: 0 !important; width: 100% !important; min-height: 44px !important;
  padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
  color: var(--prepare-text) !important; -webkit-text-fill-color: var(--prepare-text) !important;
  background: transparent !important; box-shadow: none !important; outline: none !important;
  font: 500 14px/1.3 system-ui !important;
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search input::placeholder { color: var(--prepare-muted); -webkit-text-fill-color: var(--prepare-muted); opacity: 1; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search input::-webkit-search-cancel-button { display: none; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search:focus-within { outline: 2px solid var(--prepare-blue); outline-offset: 2px; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search button {
  display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px !important;
  padding: 0 !important; border: 0 !important; border-radius: 50% !important;
  background: transparent !important; box-shadow: none !important; color: var(--prepare-muted) !important;
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons {
  display: flex; align-items: center; flex: 1 0 auto; min-width: 0; gap: 12px;
  padding-left: 20px; border-left: 1px solid var(--prepare-border);
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button {
  display: flex !important; align-items: center; justify-content: center; gap: 9px;
  flex: 1 0 auto; min-height: 46px !important; padding: 10px 16px !important; margin: 0 !important;
  border: 1px solid transparent !important; border-radius: 999px !important;
  background: var(--prepare-pill) !important; color: var(--prepare-text) !important;
  -webkit-text-fill-color: currentColor !important; box-shadow: none !important;
  font: 600 14px/1.25 system-ui !important; white-space: nowrap; cursor: pointer;
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button:hover { border-color: var(--prepare-border) !important; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button[aria-pressed="true"] {
  color: var(--prepare-blue) !important; background: var(--prepare-selected) !important;
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button:focus-visible,
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search button:focus-visible { outline: 2px solid var(--prepare-blue); outline-offset: 2px; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-icon { display: flex; align-items: center; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-icon svg { width: 21px; height: 21px; }
#moduleStoreTransfers #storeTransfersPhone [data-transfer-prepare-view="all"] svg { fill: currentColor; stroke-width: 1; }
#moduleStoreTransfers #storeTransfersPhone :is([data-transfer-prepare-view="missing"],[data-transfer-prepare-view="removed"]) .transfer-prepare-view-icon { color: var(--prepare-danger) !important; }
#moduleStoreTransfers #storeTransfersPhone [data-transfer-prepare-view="packed"] .transfer-prepare-view-icon { color: var(--prepare-success) !important; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-count {
  display: inline-flex; align-items: center; justify-content: center; min-width: 26px; min-height: 28px;
  padding: 2px 6px; border-radius: 8px; background: var(--prepare-count); box-sizing: border-box;
  font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums;
}
#moduleStoreTransfers #storeTransfersPhone [aria-pressed="true"] > .transfer-prepare-view-count { background: var(--prepare-surface); }
/* Keep the filter explanation and result count available to assistive technology. */
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-help {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-empty { padding: 28px 16px; text-align: center; color: var(--prepare-muted) !important; font: 14px/1.5 system-ui; }
html[data-theme="dark"] #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) {
  --prepare-text: #dce6f4; --prepare-muted: #acbdd4; --prepare-surface: #152236;
  --prepare-pill: #233249; --prepare-count: #32445e; --prepare-border: #3e506a;
  --prepare-selected: #244c7e; --prepare-blue: #c6e0ff; --prepare-danger: #ff868b; --prepare-success: #6ed8a4;
  --prepare-heading: #f8fbff; --prepare-summary: #111e31; --prepare-toolbar: #101d30;
  --prepare-action: #bedaff; --prepare-action-bg: #1b3152;
  --prepare-danger-bg: #3e202b; --prepare-success-bg: #173b30;
  --prepare-warning: #f6d783; --prepare-warning-bg: #3b301d;
}
html[data-theme="dark"] #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-views { background: var(--prepare-toolbar); }

/* These surfaces exist only during preparation, not receiving or completed transfers. */
html[data-theme="light"][data-store-transfer-phone-active="true"] body #userAccessView #contentSection:has(#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-views) { background: #f8fafc !important; }
html[data-theme="dark"][data-store-transfer-phone-active="true"] body #userAccessView #contentSection:has(#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-views) { background: #091426 !important; }
/* The desktop action strip sits above fixed workspaces; hide it while this flow owns the screen. */
html[data-store-transfer-phone-active="true"] body:has(#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-views) #dashboardSection .desktop-reference-actions { visibility: hidden !important; pointer-events: none !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-card,.transfer-phone-review-panel) {
  background: var(--prepare-summary) !important; border-color: var(--prepare-border) !important;
  box-shadow: none !important;
}
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-title,.transfer-phone-summary-ready,.restock-phone-review-head strong,.transfer-phone-item-copy strong,.transfer-phone-item-metrics strong) {
  color: var(--prepare-heading) !important; -webkit-text-fill-color: currentColor !important;
}
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-legend,.transfer-phone-summary-legend span,.small-note,.transfer-phone-item-metrics small,.transfer-phone-item-metrics em) {
  color: var(--prepare-muted) !important; -webkit-text-fill-color: currentColor !important;
}
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-icon,.transfer-phone-item-sku,.transfer-phone-ios-back,.transfer-phone-ios-back span) {
  color: var(--prepare-action) !important; -webkit-text-fill-color: currentColor !important;
}
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) .transfer-phone-summary-icon { background: var(--prepare-action-bg) !important; border-color: var(--prepare-border) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-dot,.transfer-phone-summary-progress) { box-shadow: none !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-dot.found,.transfer-phone-summary-progress .found) { background: var(--prepare-success) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-dot.removed,.transfer-phone-summary-progress .removed) { background: var(--prepare-danger) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-dot.pending,.transfer-phone-summary-progress .pending) { background: var(--prepare-warning) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) .transfer-phone-item-card {
  background: var(--prepare-surface) !important;
  color: var(--prepare-text) !important;
}
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) .transfer-phone-item-card.is-quantity-review { border-color: var(--prepare-danger) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) .transfer-phone-status {
  color: var(--prepare-text) !important; -webkit-text-fill-color: currentColor !important;
  background: var(--prepare-pill) !important; border-color: var(--prepare-border) !important;
}
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) .transfer-phone-status:is(.found,.packed) { color: var(--prepare-success) !important; background: var(--prepare-success-bg) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) .transfer-phone-status:is(.warn,.quantity-review) { color: var(--prepare-danger) !important; background: var(--prepare-danger-bg) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) .transfer-phone-status.pack-pending { color: var(--prepare-warning) !important; background: var(--prepare-warning-bg) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-soft-btn,.transfer-phone-icon-btn) {
  color: var(--prepare-action) !important; -webkit-text-fill-color: currentColor !important;
  background: var(--prepare-action-bg) !important; border-color: var(--prepare-border) !important;
  box-shadow: none !important;
}
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-soft-btn.not-found,.transfer-phone-icon-btn.danger) { color: var(--prepare-danger) !important; background: var(--prepare-danger-bg) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) .transfer-phone-soft-btn.undo { color: var(--prepare-text) !important; background: var(--prepare-pill) !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-summary-icon,.transfer-phone-icon-btn) :is(span,svg) { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-soft-btn,.transfer-phone-icon-btn):hover:not(:disabled) { border-color: currentColor !important; }
html:is([data-theme="light"],[data-theme="dark"]) #moduleStoreTransfers #storeTransfersPhone:has(.transfer-prepare-views) :is(.transfer-phone-soft-btn,.transfer-phone-icon-btn,.transfer-phone-ios-back):focus-visible { outline: 2px solid var(--prepare-blue); outline-offset: 2px; }
@media (max-width: 1199px) {
  html:not([data-ipad-landscape-desktop]) #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-toolbar { flex-wrap: wrap; gap: 12px; }
  html:not([data-ipad-landscape-desktop]) #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search { flex: 1 1 100%; min-width: 0; }
  html:not([data-ipad-landscape-desktop]) #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons {
    flex-basis: 100%; padding: 3px; border-left: 0; overflow-x: auto; scrollbar-width: thin; overscroll-behavior-x: contain;
  }
  html:not([data-ipad-landscape-desktop]) #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button { flex: 0 0 auto; }
  #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search input { font-size: 16px !important; }
}
html[data-ipad-landscape-desktop] #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button,
html[data-ipad-landscape-desktop] #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search,
html[data-ipad-landscape-desktop] #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search input,
html[data-ipad-landscape-desktop] #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search button {
  min-height: calc(44px / var(--rm-ipad-landscape-scale, .75)) !important;
}
html[data-ipad-landscape-desktop] #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button { padding-inline: 12px !important; }
html[data-ipad-landscape-desktop] #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search { flex-basis: 280px; }

#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button > span { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
#moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-icon svg { color: inherit !important; stroke: currentColor !important; }
#moduleStoreTransfers #storeTransfersPhone :is([data-transfer-prepare-view="missing"],[data-transfer-prepare-view="removed"]) .transfer-prepare-view-icon { color: var(--prepare-danger) !important; }
#moduleStoreTransfers #storeTransfersPhone [data-transfer-prepare-view="packed"] .transfer-prepare-view-icon { color: var(--prepare-success) !important; }
@media (min-width: 1200px) and (max-width: 1399px) {
  #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-toolbar { gap: 14px; }
  #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-search { min-width: 200px; }
  #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons { gap: 8px; padding-left: 14px; }
  #moduleStoreTransfers #storeTransfersPhone .transfer-prepare-view-buttons button { gap: 7px; padding-inline: 11px !important; font-size: 13px !important; }
}