/* Shared CentralOS selects. Real form controls keep their values and events. */
select:not([multiple]):not([size]),select[size="1"]:not([multiple]){
  -webkit-appearance:none!important;appearance:none!important;
  box-sizing:border-box;max-width:100%;min-width:0;min-height:42px!important;
  padding:10px 38px 10px 13px!important;border:1px solid #ddd5ed!important;border-radius:10px!important;
  background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m5 7 4 4 4-4' fill='none' stroke='%2379619b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;
  color:#302a40!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;line-height:1.45!important;
  text-overflow:ellipsis;cursor:pointer;box-shadow:0 1px 2px #30204405;
}
select:not([multiple]):not([size]):hover:enabled,select[size="1"]:hover:enabled{border-color:#aa91d0!important}
select:focus-visible,select[aria-expanded="true"]{outline:2px solid #7044be!important;outline-offset:2px}
select:disabled{color:#81788e!important;background-color:#f6f4f9!important;cursor:not-allowed;opacity:.7}
select[aria-invalid="true"]{border-color:#b44c61!important}
.cos-select-menu{position:fixed;inset:auto;margin:0;padding:5px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;
  border:1px solid #ddd5ed;border-radius:12px;background:#fff;color:#302a40;box-shadow:0 12px 32px #30204424;
  font:500 13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;z-index:2147483647;text-align:left;}
.cos-select-menu::backdrop{background:transparent;pointer-events:none}
.cos-select-option{position:relative;display:block;box-sizing:border-box;padding:11px 34px 11px 12px;border-radius:8px;min-height:40px;cursor:pointer;overflow-wrap:anywhere;white-space:normal}
.cos-select-option[aria-selected="true"]{background:#f1eafa;color:#5427a9;font-weight:600}
.cos-select-option[aria-selected="true"]::after{content:'✓';position:absolute;right:12px;top:11px;color:#6134b3;font-weight:700}
.cos-select-option.is-active{outline:2px solid #b69bdd;outline-offset:-2px;background:#f6f1fc}
.cos-select-option[aria-disabled="true"]{color:#98929f;cursor:not-allowed;background:transparent;outline:0}
.cos-select-group{padding:10px 12px 5px;color:#82738f;font-size:11px;font-weight:650;letter-spacing:.04em}
@media(forced-colors:active){select{appearance:auto!important;background-image:none!important}.cos-select-menu{border:1px solid CanvasText}.cos-select-option[aria-selected=true]{color:HighlightText;background:Highlight}.cos-select-option.is-active{outline-color:Highlight}}
/* Match both current and legacy CentralOS dark-mode attributes. */
:is(html[data-color-mode="dark"],html[data-theme="dark"]) select:not([multiple]):not([size]),:is(html[data-color-mode="dark"],html[data-theme="dark"]) select[size="1"]{
 background-color:#18212d!important;color:#eef2f8!important;border-color:#4b425d!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m5 7 4 4 4-4' fill='none' stroke='%23c6afea' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;
}
:is(html[data-color-mode="dark"],html[data-theme="dark"]) .cos-select-menu{background:#18212d;border-color:#4b425d;color:#eef2f8}
:is(html[data-color-mode="dark"],html[data-theme="dark"]) .cos-select-option[aria-selected=true]{background:#392c52;color:#e3d5fc}
:is(html[data-color-mode="dark"],html[data-theme="dark"]) .cos-select-option[aria-selected=true]::after{color:#d4b8ff}
:is(html[data-color-mode="dark"],html[data-theme="dark"]) .cos-select-option.is-active{background:#302740;outline-color:#9573c5}
:is(html[data-color-mode="dark"],html[data-theme="dark"]) .cos-select-group{color:#b6a7c7}
:is(html[data-color-mode="dark"],html[data-theme="dark"]) .cos-select-option[aria-disabled=true]{color:#948e9f;background:transparent}
/* Invoice fields used a separate arrow before the shared control. */
.invoice-builder-select::after{content:none!important;display:none!important}