/* ═══════════════════════════════════════
   ▓ COMPONENTE · Selector de copia — gemelo vanilla ▓
   v0.2 · 2026-10-20. Ficha: `design-system/COMPONENTE_SELECTOR_COPIA.md`

   El botón de una barra que dice QUÉ COPIA de la misma lista se está viendo (ícono de
   calendario · fecha de la copia · chevrón) y abre un Menú con las fechas elegibles.

   ⛔ ESTA HOJA NO PINTA EL BOTÓN NI EL MENÚ: son piezas con su propia hoja. El botón es el
   de la barra (`.exds-pl-btn2` en una barra de lista, o `.exds-btn` secundario fuera de ella)
   y el panel con su opción marcada es `menu.css`. Aquí sólo viven las DOS cosas que ninguna
   de las dos sabe de una fecha: que el rótulo no se parte en dos renglones y que la raíz
   se esconde de verdad cuando no hay copias.

   REQUISITOS DEL ANFITRIÓN:
     1. Los tokens del canon (`colors_and_type.css`).
     2. `box-sizing: border-box`.
     3. `componentes/menu/menu.css` y `componentes/menu/menu.js` (el panel y su conducta).
   ═══════════════════════════════════════ */

/* SIN COPIAS NO SE PINTA (la lista enseña su estado vacío). ⛔ `.exds-menu` declara
   `display: inline-flex` y una regla de clase le gana al `[hidden]` del navegador
   (INC-726): sin esta guarda la raíz seguiría ocupando su sitio en la barra. */
.exds-sc[hidden] { display: none; }

/* EL RÓTULO NUNCA SE PARTE EN DOS RENGLONES (Ricardo, 2026-10-08: primero acortar, luego
   «…» con globo; doble renglón nunca). Una fecha como «14 oct 2026» mide 11 caracteres y no
   se recorta; el tope existe para que un rótulo más largo se acorte en vez de romper la
   barra. Cifras tabulares (regla dura 7): el botón no baila al cambiar de fecha. */
.exds-sc-lbl {
  display: block;
  min-width: 0;
  max-width: 16ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-variant-numeric: tabular-nums;
}