/* The firm frontend owns its dropdown affordance. Reserve a trailing gutter
   and center one chevron independently of platform-native select rendering. */
:is([data-boyce-calendar],.boyce-case-task-screen,.boyce-form-dialog,.boyce-task-detail-dialog,.boyce-business-picker-dialog) select:not([multiple]),
dialog.boyce-task-authoring select:not([multiple]) {
  appearance:none;
  -webkit-appearance:none;
  padding-inline-end:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23252844' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:16px 16px;
}

/* Retained client/Client View comboboxes use an SVG caret. Anchor it to the
   actual toggle, including when a selected label wraps or the viewport narrows. */
:is(.client-portal-app,.client-portal-shell,.client-task-detail,.is-client-intake,[data-native-client-view]) .import-data-select__toggle {
  position:relative;
  padding-inline-end:32px;
}
:is(.client-portal-app,.client-portal-shell,.client-task-detail,.is-client-intake,[data-native-client-view]) .import-data-select__toggle > .contact-create-multiselect__caret {
  position:absolute;
  inset-inline-end:10px;
  top:50%;
  width:12px;
  height:8px;
  margin:0;
  transform:translateY(-50%);
  flex:none;
  pointer-events:none;
}