/* Verified Boyce workspace mounts share one proportional dropdown affordance.
   This changes glyphs and trailing gutters only; controllers, labels, target
   sizes, native options, navigation arrows and accordion indicators stay owned
   by their existing components. Client themes and Studio are separate scopes. */
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog,.boyce-business-picker-dialog,.boyce-form-rich-formatting) {
  --boyce-workspace-dropdown-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m1 3 4 4 4-4' fill='none' stroke='%23465569' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Native single-selects include the directory, Home matter selector, staff
   roles/pagination, task authoring, Calendar, Messages and form drawers. The
   narrow important overrides survive native background/padding shorthand resets. */
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog,.boyce-business-picker-dialog,.boyce-form-rich-formatting) select:not([multiple]):not([hidden]):not([aria-hidden=true]):not([size]:not([size="1"])):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) {
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-inline-end:40px!important;
  background-image:var(--boyce-workspace-dropdown-image)!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:10px 10px!important;
}

/* Retained combobox and multiselect image carets keep their canonical aspect
   ratio in a 10px box, including the approved email Paragraph control. */
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog,.boyce-business-picker-dialog,.boyce-form-rich-formatting) :is(.contact-create-multiselect__toggle,.import-data-select__toggle,.business-profile-select__toggle):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) {
  position:relative;
  padding-inline-end:36px!important;
}
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog,.boyce-business-picker-dialog,.boyce-form-rich-formatting) :is(.contact-create-multiselect__toggle,.import-data-select__toggle) > .contact-create-multiselect__caret:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) {
  position:absolute!important;
  inset-inline-end:12px!important;
  top:50%!important;
  flex:0 0 10px!important;
  width:10px!important;
  height:10px!important;
  margin:0!important;
  object-fit:contain;
  transform:translateY(-50%)!important;
  pointer-events:none;
}
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog,.boyce-business-picker-dialog,.boyce-form-rich-formatting) :is(.contact-create-multiselect__toggle,.import-data-select__toggle)[aria-expanded=true] > .contact-create-multiselect__caret:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) {
  transform:translateY(-50%) rotate(180deg)!important;
}

/* Case Info and Firm settings already use pseudo-element carets. Preserve
   those nodes instead of displaying a second image beside them. */
.boyce-workspace .boyce-case-section-frame .import-data-select__toggle > .contact-create-multiselect__caret:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) { display:none!important; }
.boyce-workspace :is(.boyce-case-section-frame .import-data-select__toggle,.boyce-firm-settings .business-profile-select__toggle):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *))::after {
  position:absolute;
  inset-inline-end:12px;
  top:50%;
  width:10px!important;
  height:10px!important;
  margin:0;
  border:0;
  background-image:var(--boyce-workspace-dropdown-image)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:10px 10px!important;
  transform:translateY(-50%)!important;
  pointer-events:none;
}
.boyce-workspace :is(.boyce-case-section-frame .import-data-select__toggle,.boyce-firm-settings .business-profile-select__toggle)[aria-expanded=true]:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *))::after {
  transform:translateY(-50%) rotate(180deg)!important;
}

/* These are actual popup menus. Their existing marker/SVG/text is replaced
   visually by the shared glyph; ordinary disclosure and navigation arrows are
   deliberately outside this list. Open state still comes from native details. */
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog) :is(.boyce-action-menu,.boyce-staff-list-manager,[data-boyce-people-menu],.boyce-cal-filter-menu,.boyce-workspace-account-menu) > summary:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) {
  position:relative;
  padding-inline-end:36px!important;
  list-style:none;
}
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog) :is(.boyce-action-menu,.boyce-staff-list-manager,[data-boyce-people-menu],.boyce-cal-filter-menu,.boyce-workspace-account-menu) > summary:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *))::-webkit-details-marker { display:none; }
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog) :is(.boyce-action-menu,.boyce-staff-list-manager,[data-boyce-people-menu],.boyce-cal-filter-menu,.boyce-workspace-account-menu) > summary:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *))::after {
  position:absolute;
  inset-inline-end:12px;
  top:50%;
  display:block;
  flex:0 0 10px;
  width:10px!important;
  height:10px!important;
  margin:0!important;
  border:0!important;
  background:var(--boyce-workspace-dropdown-image) center/10px 10px no-repeat!important;
  transform:translateY(-50%)!important;
  pointer-events:none;
  content:"";
}
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog) :is(.boyce-action-menu,.boyce-staff-list-manager,[data-boyce-people-menu],.boyce-cal-filter-menu,.boyce-workspace-account-menu)[open] > summary:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *))::after { transform:translateY(-50%) rotate(180deg)!important; }
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog,.boyce-cal-dialog,.boyce-task-detail-dialog,.boyce-task-authoring,.boyce-firm-dialog) .boyce-action-menu > summary > svg:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)),
.boyce-workspace .boyce-workspace-account-menu > summary > span[aria-hidden=true]:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) { display:none; }
.boyce-workspace .boyce-workspace-account-menu > summary:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *))::after { filter:brightness(0) invert(1); }

/* Filter builders retain icon-only value buttons and their existing hit area.
   Text-bearing dropdowns reserve a gutter; the other field icons stay intact. */
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog) :is(.filter-chip--more__caret,.quick-filter-popover__operator-caret,.quick-filter-popover__value-caret,.advanced-filter-condition__control-caret,.advanced-filter-directory__menu-caret):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) { flex:0 0 10px; width:10px!important; height:10px!important; object-fit:contain; }
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog) :is(.filter-chip--more,.quick-filter-popover__operator-trigger,.quick-filter-popover__value-trigger,.advanced-filter-condition__field-trigger,.advanced-filter-condition__operator-trigger,.advanced-filter-directory__menu-trigger):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) { position:relative; padding-inline-end:36px!important; }
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog) :is(.filter-chip--more,.quick-filter-popover__operator-trigger,.quick-filter-popover__value-trigger,.advanced-filter-condition__field-trigger,.advanced-filter-condition__operator-trigger,.advanced-filter-directory__menu-trigger) > :is(.filter-chip--more__caret,.quick-filter-popover__operator-caret,.quick-filter-popover__value-caret,.advanced-filter-condition__control-caret,.advanced-filter-directory__menu-caret):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) { position:absolute; inset-inline-end:12px; top:50%; margin:0; transform:translateY(-50%); }
:is(.boyce-workspace,.boyce-people-overlays,.boyce-context-overlays,.boyce-form-dialog,.boyce-context-dialog) :is(.filter-chip--more,.quick-filter-popover__operator-trigger,.quick-filter-popover__value-trigger,.advanced-filter-condition__field-trigger,.advanced-filter-condition__operator-trigger,.advanced-filter-directory__menu-trigger)[aria-expanded=true] > :is(.filter-chip--more__caret,.quick-filter-popover__operator-caret,.quick-filter-popover__value-caret,.advanced-filter-condition__control-caret,.advanced-filter-directory__menu-caret):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) { transform:translateY(-50%) rotate(180deg); }

/* The color menu uses an inline arrow alongside its A color indicator. Its
   button width/height and the separate formatting command remain unchanged. */
.boyce-message-dialog .boyce-email-text-color > svg:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) { flex:0 0 10px!important; min-width:10px!important; width:10px!important; height:10px!important; }
.boyce-message-dialog .boyce-email-text-color > svg > path:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) { transform:scale(2); transform-origin:8px 8px; }

/* A wide notification matrix must scroll within its own wrapper rather than
   size the adjacent Staff Preferences dropdowns beyond a narrow dialog. */
@media(max-width:700px) {
  .boyce-workspace dialog:is(.business-staff-profile-dialog,.business-staff-dialog) :is(.business-staff-preferences-stack,.business-staff-call-preferences):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) {
    grid-template-columns:minmax(0,1fr);
  }
  .boyce-workspace dialog:is(.business-staff-profile-dialog,.business-staff-dialog) :is(.business-staff-preferences-stack,.business-staff-preferences-card,.business-staff-preferences-card > .business-staff-profile-card__content,.business-staff-preference-select):where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
  }
  .boyce-workspace dialog:is(.business-staff-profile-dialog,.business-staff-dialog) .business-staff-preference-select > .contact-create-multiselect__toggle:where(:not([data-boyce-client-theme] *, .studio-screen *, .studio-render *, .studio-ui *)) {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
  }
}