/* Édition 23 — indicateur compact des sélecteurs, sans modifier le bouton parent. */
.appui-select-chevron {
  display: grid;
  place-items: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  color: var(--ux-accent);
}
.appui-select-chevron > svg {
  display: block;
  width: 20px;
  height: 20px;
  overflow: visible;
  transition: transform 180ms cubic-bezier(.2,.7,.25,1);
}
.appui-select-chevron > svg > path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
html[data-appearance="dark"] .appui-select-chevron,
html[data-theme="dark"] .appui-select-chevron {
  color: var(--gold, var(--ux-accent));
}
html[data-appearance="glass"] .appui-select-chevron,
html[data-appearance="brutal"] .appui-select-chevron {
  color: var(--ink);
}
.appui-select-trigger[aria-expanded="true"] .appui-select-chevron > svg {
  transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
  .appui-select-chevron > svg {
    transition: none;
  }
}