.order-option-control { position: relative; min-width: 0; }
.order-option-control > input[data-order-option] { width: 100%; padding-right: 32px; }
.order-option-arrow { position: absolute; top: 50%; right: 5px; display: grid; place-items: center; width: 28px; height: 30px; transform: translateY(-50%); padding: 0; border: 0; border-radius: 9px; color: var(--blue-700, #1769aa); background: transparent; cursor: pointer; font: inherit; }
.order-option-arrow:disabled { opacity: .4; cursor: default; }
.order-option-arrow:hover:not(:disabled) { background: color-mix(in srgb, var(--blue-500, #368ddd) 12%, transparent); }
#orderOptionsPopover { box-sizing: border-box; z-index: 12000; padding: 8px; overflow-y: auto; border: 1px solid color-mix(in srgb, var(--blue-400, #7cb8ea) 36%, white); border-radius: 18px; background: color-mix(in srgb, var(--glass, #f4faff) 95%, transparent); color: var(--blue-900, #143a5f); box-shadow: 0 16px 45px #16497433; backdrop-filter: blur(22px); }
#orderOptionsPopover[hidden] { display: none; }
#orderOptionsList { overflow-y: auto; overscroll-behavior: contain; }
.order-option-item, .order-option-add { display: block; width: 100%; border: 0; padding: 10px 12px; border-radius: 11px; background: transparent; color: inherit; text-align: left; overflow-wrap: anywhere; font: inherit; font-size: 13px; cursor: pointer; }
.order-option-item:hover, .order-option-item[data-active="true"], .order-option-item[aria-selected="true"] { background: color-mix(in srgb, var(--blue-500, #328bda) 15%, transparent); }
.order-option-add { margin-top: 5px; border-top: 1px solid #438aca20; color: var(--blue-700, #146db3); font-weight: 700; }
.order-option-add:disabled { opacity: .5; cursor: default; }
.order-option-hint { margin: 5px 10px 3px; color: var(--muted, #60788c); font-size: 11px; line-height: 1.5; }
.pages-legacy-warning { display: block; margin-top: 3px; color: #a66718; font-size: 10px; white-space: normal; }