/* Freight maintenance status controls share the application's theme and use one arrow. */
.status.oms-forwarding-status--new { color: #84e3a2; background: rgba(52, 168, 83, .19); }
.status.oms-forwarding-status--working { color: #ffd56a; background: rgba(224, 164, 25, .18); }
.status.oms-forwarding-status--done { color: #92bcff; background: rgba(65, 125, 235, .2); }
body.theme-light .status.oms-forwarding-status--new { color: #17753b; background: #e4f6ea; }
body.theme-light .status.oms-forwarding-status--working { color: #8a5c00; background: #fff2c9; }
body.theme-light .status.oms-forwarding-status--done { color: #245bbe; background: #e7efff; }
.oms-forwarding-status-notice { display: flex; align-items: center; gap: 12px; padding: 12px 18px; color: var(--text); background: var(--card-soft); border: 1px solid var(--border); border-radius: 8px; }

[data-maintenance-page="intlLogisticsOrderMaintenance"] select {
  color-scheme: dark;
}

body.theme-light [data-maintenance-page="intlLogisticsOrderMaintenance"] select {
  color-scheme: light;
}

/* Native option menus require an opaque color; --card is a gradient in dark mode. */
[data-maintenance-page="intlLogisticsOrderMaintenance"] select option,
[data-maintenance-page="intlLogisticsOrderMaintenance"] select optgroup {
  color: var(--text, #eef5ff);
  background: var(--panel-solid, #101d31);
}

[data-maintenance-page="intlLogisticsOrderMaintenance"] select option:disabled,
[data-maintenance-page="intlLogisticsOrderMaintenance"] select optgroup:disabled {
  color: var(--muted-2, #6d7b94);
}

/* The status wrapper already paints the boxed arrow. Suppress the global select SVG. */
[data-maintenance-page="intlLogisticsOrderMaintenance"] .oms-business-status-control > select.oms-business-status-select[data-business-status-picker] {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 43px !important;
  background-image: none !important;
}

@media (forced-colors: active) {
  [data-maintenance-page="intlLogisticsOrderMaintenance"] .oms-business-status-control::before,
  [data-maintenance-page="intlLogisticsOrderMaintenance"] .oms-business-status-control::after {
    display: none;
  }

  [data-maintenance-page="intlLogisticsOrderMaintenance"] .oms-business-status-control > select.oms-business-status-select[data-business-status-picker] {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    padding-right: inherit !important;
  }

  [data-maintenance-page="intlLogisticsOrderMaintenance"] select option,
  [data-maintenance-page="intlLogisticsOrderMaintenance"] select optgroup {
    color: CanvasText;
    background: Canvas;
  }
}