/* One dropdown language across filters, tables, dialogs and account settings. */
:root {
  --select-border: #cdded3;
  --select-accent: #187766;
  --select-selected: #e8f3ed;
  --select-hover: #eff6f2;
  --select-shadow: 0 8px 24px #1a3a2d20;
}
.unified-select { position: relative; display: inline-grid; min-width: 0; max-width: 100%; vertical-align: middle; }
.unified-select[hidden] { display: none !important; }
/* The original element still sizes the control using each page's layout rules. */
.unified-select > select.unified-select-source {
  opacity: 0; pointer-events: none; grid-area: 1 / 1; margin: 0;
  min-height: 38px; padding: 9px 46px 9px 12px; appearance: none;
  border: 1px solid transparent; font-size: 13px; line-height: 1.5;
}
.unified-select > .unified-select-trigger,
#order-urgency-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  position: absolute; inset: 0; width: 100%; min-width: 0; min-height: 38px; margin: 0;
  padding: 8px 11px; border: 1px solid var(--select-border); border-radius: 6px;
  background: #fff; color: #334b40; font: inherit; font-size: 13px; font-weight: 400;
  line-height: 1.5; text-align: left; cursor: pointer; box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.unified-select-value { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.unified-select-trigger > svg, #order-urgency-trigger > svg { width: 16px; height: 16px; flex: 0 0 16px; color: #718576; transition: transform .15s ease; }
.unified-select-trigger[aria-expanded="true"] > svg, #order-urgency-trigger[aria-expanded="true"] > svg { transform: rotate(180deg); }
.unified-select > .unified-select-trigger:hover:not(:disabled) { border-color: #91b5a2; }
.unified-select > .unified-select-trigger[aria-expanded="true"] { border-color: var(--select-accent); box-shadow: 0 0 0 2px #18776612; }
.unified-select-trigger:focus-visible, #order-urgency-trigger:focus-visible { outline: 2px solid var(--select-accent); outline-offset: 2px; }
.unified-select > .unified-select-trigger:disabled { opacity: 1; background: #f4f7f5; color: #7c8c82; border-color: #e1e8e3; cursor: not-allowed; }
.unified-select > .unified-select-trigger[aria-invalid="true"] { border-color: #bf4a4a; }
.unified-select-error { display: block; color: #ad4141; font-size: 12px; margin-top: 5px; }
.unified-select-menu,
.order-region-options, .order-urgency-options, .order-list-status-menu {
  padding: 5px; border: 1px solid var(--select-border); border-radius: 8px;
  background: #fff; box-shadow: var(--select-shadow); color: #334b40;
  overflow: auto; overscroll-behavior: contain; scrollbar-width: thin;
}
.unified-select-menu {
  position: fixed; inset: auto; z-index: 10000; margin: 0; box-sizing: border-box;
  max-width: calc(100vw - 16px); max-height: 320px; min-width: 0;
}
.unified-select-menu::backdrop { background: transparent; pointer-events: none; }
.unified-select-menu [role="option"],
.order-region-options [role="option"], .order-urgency-options [role="option"], .order-list-status-menu [role="option"] {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; min-height: 40px; padding: 10px 12px; margin: 0;
  border: 0; border-radius: 5px; background: transparent; font: inherit;
  font-size: 13px; line-height: 1.5; font-weight: 400; text-align: left; color: #334b40;
  cursor: pointer; white-space: normal; overflow-wrap: anywhere;
}
.unified-select-menu [role="option"] > svg,
.order-region-options [role="option"] > svg, .order-urgency-options [role="option"] > svg, .order-list-status-menu [role="option"] > svg { width: 16px; height: 16px; flex: 0 0 16px; visibility: hidden; }
.unified-select-menu [role="option"][aria-selected="true"],
.order-region-options [role="option"][aria-selected="true"], .order-urgency-options [role="option"][aria-selected="true"], .order-list-status-menu [role="option"][aria-selected="true"] { background: var(--select-selected); color: var(--select-accent); font-weight: 600; }
.unified-select-menu [aria-selected="true"] > svg,
.order-region-options [aria-selected="true"] > svg, .order-urgency-options [aria-selected="true"] > svg, .order-list-status-menu [aria-selected="true"] > svg { visibility: visible; }
.unified-select-menu [role="option"].is-active:not([aria-disabled="true"]),
.order-region-options [role="option"]:hover, .order-urgency-options [role="option"]:hover, .order-list-status-menu [role="option"]:hover { background: var(--select-hover); color: var(--select-accent); }
.unified-select-menu [role="option"][aria-selected="true"].is-active { background: var(--select-selected); }
.unified-select-menu [role="option"][aria-disabled="true"] { color: #8a978f; cursor: not-allowed; }
.unified-select-group, .unified-select-empty { padding: 10px 12px; color: #6a7e72; font-size: 12px; }
.unified-select-group { font-weight: 600; }
.field > .unified-select, .ad-filter-field > .unified-select,
.integration-filters label > .unified-select, .lg-field > .unified-select,
.fx-converter > .unified-select, .quote-goods-loss .unified-select,
.integration-map-table .unified-select, .ad-label-condition label > .unified-select { width: 100%; }
.filter-group > .unified-select { max-width: 220px; }
.date-select-wrap { padding-left: 11px; }
.date-select-wrap > .unified-select { flex: 1; }
.date-select-wrap .unified-select-trigger { border: 0; border-radius: 0 6px 6px 0; }
.date-select-wrap:has(.unified-select) > .select-chevron { display: none; }
.date-select-wrap .unified-select-trigger > svg { width: 16px; height: 16px; }
.ad-date-month-heading .unified-select { max-width: 112px; }
.ad-date-month-heading .unified-select-trigger { padding: 5px 7px; gap: 4px; }
.ad-date-month-heading select.unified-select-source { min-height: 34px; padding: 5px 25px 5px 7px; }
.ad-date-month-heading .unified-select-trigger { min-height: 34px; }
.order-urgency-field { position: relative; }
#order-urgency-trigger { position: relative; inset: auto; }
.order-urgency-options { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; right: 0; max-height: 240px; }
.order-urgency-options[hidden], .order-region-options[hidden] { display: none; }
/* Existing multi-shop pickers keep their multi-select behavior and match the popup. */
.data-center-shop-options, .ad-filter-shop-menu { padding: 5px; border: 1px solid var(--select-border); border-radius: 8px; box-shadow: var(--select-shadow); }
.data-center-shop-choice, .ad-filter-shop-menu label, .data-center-shop-tools { border-radius: 5px; }
.data-center-shop-choice:has(input:checked), .ad-filter-shop-menu label:has(input:checked), .data-center-shop-tools:has(input:checked) { background: var(--select-selected); color: var(--select-accent); }
.data-center-shop-choice:has(input:checked) label, .ad-filter-shop-menu label:has(input:checked) { font-weight: 600; }
.data-center-shop-choice:hover, .ad-filter-shop-menu label:hover { background: var(--select-hover); }
.data-center-shop-options label, .ad-filter-shop-menu label { min-height: 40px; font-size: 13px; }
.ad-filter-shop-menu input[type="checkbox"], .data-center-shop-options input[type="checkbox"] { appearance: none; margin-left: auto; order: 2; width: 16px; height: 16px; border: 0; background: transparent; border-radius: 0; }
.ad-filter-shop-menu input[type="checkbox"]:checked, .data-center-shop-options input[type="checkbox"]:checked { background: center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 10 3 3 7-7' stroke='%23187766' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.ad-filter-shop-menu input[type="checkbox"]:indeterminate, .data-center-shop-options input[type="checkbox"]:indeterminate { background: linear-gradient(var(--select-accent),var(--select-accent)) center / 10px 2px no-repeat; }
.ad-filter-shop-menu input:focus-visible, .data-center-shop-options input:focus-visible { outline: 2px solid var(--select-accent); outline-offset: 3px; }
@media (max-width: 650px) {
  .unified-select > select.unified-select-source, .unified-select > .unified-select-trigger, #order-urgency-trigger { min-height: 44px; }
  .unified-select-menu [role="option"] { min-height: 44px; font-size: 14px; }
  .filter-group > .unified-select { flex: 1; max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .unified-select-trigger, .unified-select-trigger > svg, #order-urgency-trigger > svg { transition: none !important; }
}
@media print {
  .unified-select-menu, .order-region-options, .order-urgency-options { display: none !important; }
}

.order-region-control > label { padding: 8px 10px 0; font-size: 11px; font-weight: 400; color: #617568; }
.order-region-control > .unified-select { width: 100%; }
.order-region-control .unified-select-trigger { border: 0; border-radius: 0 0 0 6px; }
.order-region-control select.unified-select-source { min-height: 36px; }

.ad-date-month-heading select[data-date-year].unified-select-source { width: 92px; }
.ad-date-month-heading select[data-date-month].unified-select-source { width: 70px; }