/* vrc- : pastille de répétition — taille émoticône, thème clair */
.vrc-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 22px;
  height: 20px;
  padding: 0 3px;
  font: inherit;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  border: 1px solid var(--line, #ccc);
  border-radius: 4px;
  background: var(--paper, #fff);
  color: var(--ink, #222);
  cursor: pointer;
}
.vrc-chip:hover { background: var(--surface, #f5f5f5); }
.vrc-chip:focus-visible { outline: 2px solid var(--green, #2b7); outline-offset: 1px; }
.vrc-chip[disabled],
.vrc-chip[aria-disabled="true"] {
  opacity: .45;
  cursor: default;
}
/* Dé dessiné en SVG, de la couleur du texte. */
.vrc-de { flex: none; width: 13px; height: 13px; }
/* Trois dés reconnaissables d'un coup d'œil : court (5–30 s) en bleu, long (15–60 s) en ambre, très long (40–120 s) en violet ; contraste AA en thème clair. */
.vrc-chip--de-court, .vrc-chip--de-long, .vrc-chip--de-tres-long { font-weight: 600; font-variant-numeric: tabular-nums; }
.vrc-chip--de-court { background: #e3f0fd; border-color: #2a6fb5; color: #0c3d6e; }
.vrc-chip--de-court:hover { background: #cfe4fa; }
.vrc-chip--de-long { background: #fdecc8; border-color: #b8650a; color: #5e2f00; }
.vrc-chip--de-long:hover { background: #fadfa8; }
.vrc-chip--de-tres-long { background: #efe6fb; border-color: #6b3fb0; color: #3b1873; }
.vrc-chip--de-tres-long:hover { background: #e2d3f7; }
.vcm-item.vrc-chip--de-court { color: #0c3d6e; }
.vcm-item.vrc-chip--de-long { color: #5e2f00; }
.vcm-item.vrc-chip--de-tres-long { color: #3b1873; }
.vcm-item.vrc-chip--de-court svg, .vcm-item.vrc-chip--de-long svg, .vcm-item.vrc-chip--de-tres-long svg { flex: none; width: 1.1em; height: 1.1em; }
/* Le menu de la pastille est le menu contextuel partagé (context-menu.css). */