/* web_viewer/static/css/selecteur_affichage_valeurs.css */

/* Native select version: simple, robust, low-overhead */
.ia-lbl {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
}

.ia-lbl-native {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--ia-panels-body-fg);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  padding: 0 18px 0 6px;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}

.ia-lbl-native:focus {
  outline: none;
}

.ia-lbl::after {
  content: "v";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  opacity: 0.75;
  pointer-events: none;
  color: var(--ia-panels-body-fg);
}

/* Keep old classes harmless in case stale HTML is still present. */
.ia-lbl-btn,
.ia-lbl-menu,
.ia-lbl-opt {
  display: none;
}