/* The select itself owns layout, labels, validation and form serialization. */
select.cfo-select {
  -webkit-appearance:none!important;
  appearance:none!important;
  min-height:var(--control-height,44px);
  padding:8px 36px 8px 12px!important;
  border:1px solid var(--line-strong)!important;
  border-radius:var(--radius-control)!important;
  background-color:var(--surface)!important;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;
  background-repeat:no-repeat!important;
  background-position:right 16px center,right 11px center!important;
  background-size:5px 5px!important;
  color:var(--ink);
  font-family:inherit;
  font-size:var(--font-size-ui);
  font-weight:var(--font-weight-regular);
  line-height:var(--line-ui);
  cursor:pointer;
  text-overflow:ellipsis;
  box-shadow:none;
}
select.cfo-select:hover:not(:disabled) { border-color:var(--muted)!important; }
select.cfo-select:focus-visible,select.cfo-select[aria-expanded="true"] {
  border-color:var(--muted)!important;
  outline:none;
}
select.cfo-select:disabled { cursor:not-allowed;background-color:var(--surface-subtle)!important;color:var(--muted);opacity:.65; }
.cfo-select-popup {
  position:fixed;inset:auto;margin:0;z-index:1500;
  box-sizing:border-box;overflow:auto;overscroll-behavior:contain;
  padding:5px;border:1px solid var(--line);border-radius:var(--radius-card);
  background:var(--surface);color:var(--ink);box-shadow:var(--shadow-popover);
  font-family:var(--font-family-sans);font-size:var(--font-size-ui);font-weight:var(--font-weight-regular);line-height:var(--line-ui);
}
.cfo-select-popup::backdrop { background:transparent;pointer-events:none; }
.cfo-select-option { display:flex;align-items:center;gap:12px;min-height:36px;padding:7px 10px;border-radius:var(--radius-control);cursor:pointer; }
.cfo-select-option-label { flex:1;min-width:0;overflow-wrap:anywhere; }
.cfo-select-option-check { flex:none;width:16px;height:16px;position:relative; }
.cfo-select-option[aria-selected="true"] { color:var(--selected-ink);font-weight:var(--font-weight-medium); }
.cfo-select-option[aria-selected="true"] .cfo-select-option-check::after { content:"";position:absolute;left:4px;top:2px;width:5px;height:9px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg); }
.cfo-select-option.is-active { background:var(--surface-hover); }
.cfo-select-option.is-active[aria-selected="true"] { background:var(--surface-selected); }
.cfo-select-option[aria-disabled="true"] { color:var(--muted);opacity:.55;cursor:not-allowed; }
.cfo-select-group+.cfo-select-group { border-top:1px solid var(--line);margin-top:5px;padding-top:5px; }
.cfo-select-group-label { padding:7px 10px 4px;color:var(--muted);font-size:var(--font-size-note); }
.cfo-select-empty { padding:12px 10px;color:var(--muted); }
@media(pointer:coarse){.cfo-select-option{min-height:44px;}}
@media(forced-colors:active){select.cfo-select{appearance:auto!important;background-image:none!important;}.cfo-select-option.is-active{outline:1px solid Highlight;}}