/* A shared, offline select presentation for the portal, request form and workbench. */
.brand-select{--brand-select-height:46px;--brand-select-font:14px;--brand-select-padding:11px 12px;display:block;position:relative;width:100%;min-width:0;font-weight:400;line-height:1.6}
.brand-select-native{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;clip-path:inset(50%)!important;overflow:hidden!important;pointer-events:none!important}
.brand-select-button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:var(--brand-select-height);padding:var(--brand-select-padding);margin:0;border:1px solid #ccd6e6;border-radius:8px;background:#fbfcff;color:var(--ink,#172f59);font:inherit;font-size:var(--brand-select-font);font-weight:400;line-height:1.6;text-align:left;cursor:pointer;box-shadow:none;appearance:none;-webkit-appearance:none}
.brand-select-button:hover:not(:disabled){border-color:#a9bbdf;background:#f7faff}
.brand-select-button:focus-visible,.brand-select.is-open .brand-select-button{outline:0;box-shadow:0 0 0 3px #002fa712;border-color:#4069ce}
.brand-select-button:disabled{opacity:.55;cursor:not-allowed;background:#f1f4f9}
.brand-select.is-placeholder .brand-select-value{color:#7c8da9}
.brand-select.is-invalid .brand-select-button{border-color:#b45543}
.brand-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field>.brand-select{display:block;margin-bottom:0}
.brand-select-arrow{width:9px;height:9px;border:solid #254b8a;border-width:0 1.7px 1.7px 0;transform:translateY(-2px) rotate(45deg);flex:none;margin:0 3px 0 5px;transition:transform .15s ease}
.brand-select.is-open .brand-select-arrow{transform:translateY(2px) rotate(225deg)}
.brand-select-menu{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #d6e1f3;border-radius:10px;background:#fff;color:#172f59;font:14px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;text-align:left;box-shadow:0 10px 32px #002fa71a,0 2px 7px #172f5908;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7d6ee transparent;z-index:1000;isolation:isolate}
.brand-select-menu[hidden]{display:none!important}
.brand-select-menu::backdrop{background:transparent;pointer-events:none}
.brand-select-option{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:8px 11px;margin:1px 0;border:0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:400;line-height:1.55;overflow-wrap:anywhere;user-select:none;-webkit-user-select:none}
.brand-select-option>span:first-child{min-width:0;flex:1}
.brand-select-option.is-active:not([aria-disabled=true]),.brand-select-option:hover:not([aria-disabled=true]){background:#edf3ff;color:#002fa7}
.brand-select-option.is-selected{background:#f4f7ff;color:#002fa7;font-weight:550}
.brand-select-check{flex:none;width:17px;color:#002fa7;font-size:16px;font-weight:650;visibility:hidden;text-align:center}
.brand-select-option.is-selected .brand-select-check{visibility:visible}
.brand-select-option[aria-disabled=true]{color:#a9b3c4;cursor:not-allowed}
.brand-select-group{padding:8px 11px 4px;color:#8495b1;font-size:11px;font-weight:550;line-height:1.5}
.brand-select-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.quick-fields .brand-select{--brand-select-height:37px;--brand-select-font:11px;--brand-select-padding:8px 10px;margin-top:6px}
.essential-label>.brand-select{--brand-select-font:13px;margin-top:10px}
.task-filters>.brand-select{--brand-select-height:34px;--brand-select-font:10px;--brand-select-padding:7px 9px;width:120px}
.task-filters .brand-select-button{background:#fafcff;border-color:#e1e9f5}
.detail-status-row .brand-select{margin-top:7px;--brand-select-height:38px;--brand-select-font:12px;--brand-select-padding:8px 10px}
.guide-section .brand-select{--brand-select-height:43px;--brand-select-font:13px}
.guide-section .brand-select-button{background:#fff}
.admin-guide-grid .brand-select{margin-top:7px;--brand-select-height:40px;--brand-select-font:12px}
.record-switch>.brand-select{flex:1;width:0;--brand-select-height:39px;--brand-select-font:14px;--brand-select-padding:7px 9px}
.record-switch>.brand-select .brand-select-button{border:0;background:transparent}
.preview-controls>.brand-select{width:76px;--brand-select-height:34px;--brand-select-font:12px;--brand-select-padding:6px 8px}
.preview-footer>.brand-select{width:162px;--brand-select-height:36px;--brand-select-font:13px;--brand-select-padding:6px 8px}
.template-settings>.brand-select{margin-bottom:17px;--brand-select-height:40px;--brand-select-font:13px}
.field-controls .brand-select{--brand-select-height:39px;--brand-select-font:13px;--brand-select-padding:7px 9px}
.editor-panel label>.brand-select,.template-settings label>.brand-select{margin-top:8px;--brand-select-height:42px}
td>.brand-select{min-width:90px;--brand-select-height:37px;--brand-select-font:13px;--brand-select-padding:7px}
@media(min-width:1500px){.quick-fields .brand-select{--brand-select-font:13px}.essential-label>.brand-select{--brand-select-font:15px}}
@media(max-width:760px){.quick-fields .brand-select{--brand-select-height:45px;--brand-select-font:15px}.essential-label>.brand-select{--brand-select-font:16px}.task-filters>.brand-select{--brand-select-height:40px;--brand-select-font:12px;width:calc(50% - 5px)}.detail-status-row .brand-select{--brand-select-height:42px;--brand-select-font:14px}.brand-select-menu{max-width:calc(100vw - 20px)}.brand-select-option{min-height:44px}}
@media(max-width:600px){.field .brand-select{--brand-select-height:48px;--brand-select-font:16px}.guide-section .brand-select{--brand-select-height:46px;--brand-select-font:16px}}
@media(prefers-reduced-motion:reduce){.brand-select-arrow{transition:none}}