/* Shared monochrome replacement for native single-select popups. */
.qp-native-select{position:relative;display:inline-flex;flex-direction:column;vertical-align:middle;max-width:100%;min-width:0;color:#222;font:inherit}
select.qp-native-source{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}
.qp-native-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:100%;min-width:110px;min-height:36px;padding:8px 11px;font:inherit;font-size:12px;line-height:1.5;text-align:left;color:#222;background:#fff;border:1px solid #d4d4d4;border-radius:6px;box-shadow:none;cursor:pointer}
.qp-native-trigger::after{content:"";flex:none;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.qp-native-trigger[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg)}
.qp-native-trigger:hover:not(:disabled){border-color:#888;background:#fafafa}
.qp-native-trigger:focus-visible{outline:2px solid #222;outline-offset:3px}
.qp-native-trigger[aria-invalid=true]{border-color:#222;outline:1px solid #222;outline-offset:1px}
.qp-native-trigger:disabled{color:#777;background:#f4f4f4;cursor:not-allowed;opacity:.65}
.qp-native-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qp-native-menu{position:fixed;z-index:1000;margin:0;padding:5px;max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:#222;background:#fff;border:1px solid #d6d6d6;border-radius:6px;box-shadow:0 5px 18px #0001;font:12px/1.5 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;touch-action:pan-y}
.qp-native-option{display:flex;align-items:center;min-height:36px;padding:9px 11px;border:0;border-radius:5px;white-space:normal;overflow-wrap:anywhere;color:#222;background:#fff;cursor:pointer}
.qp-native-option:hover:not([aria-disabled=true]),.qp-native-option.qp-native-active:not([aria-selected=true]){background:#eee}
.qp-native-option[aria-selected=true]{background:#181818;color:#fff}
.qp-native-option.qp-native-active{outline:1px solid currentColor;outline-offset:-2px}
.qp-native-option[aria-disabled=true]{color:#999;cursor:not-allowed;background:#fafafa}
.qp-native-error{display:block;margin-top:5px;max-width:240px;font-size:11px;line-height:1.5;color:#333}
.qp-native-error[hidden]{display:none}
.pod-search>.qp-native-select,.qg-search>.qp-native-select{flex:0 1 auto;max-width:150px}
.usage-customer-header>.qp-native-select{max-width:260px}
.field-grid .qp-native-select{width:100%}
.app-device .pod-search>.qp-native-select{flex:0 1 130px;min-width:0;max-width:150px}
.app-device .pod-search>.qp-native-select .qp-native-trigger{min-width:0;min-height:44px}
@media(pointer:coarse){.qp-native-trigger,.qp-native-option{min-height:44px}.qp-native-menu{font-size:13px}}
