/* =============================================================
   MENÚS — el menú del botó dret i el quadre de la fórmula
   -------------------------------------------------------------
   Traslladat tal com era de servidor/http/graella.ts (encàrrec B,
   18/09/2026): cap valor nou i cap valor canviat. Els colors que
   no eren als tokens són al bloc PROVISIONAL de tokens.css.
   ============================================================= */

.menu{position:absolute; z-index:10; background:var(--c-paper); border:1px solid var(--c-rule);
      border-radius:var(--radius-control); outline:none; box-shadow:0 4px 14px var(--c-ombra-menu);
      padding:var(--sp-2); display:flex; flex-direction:column; min-width:190px}
.menu button{border:0; text-align:left; padding:var(--sp-2) var(--sp-3); border-radius:var(--radius-control)}
.menu button[aria-disabled="false"]:hover,.menu button[aria-disabled="false"]:focus{background:var(--c-accent-weak); outline:none}
.menu button[aria-disabled="true"]{color:var(--c-text-faint); cursor:default; background:var(--c-paper)}
/* El separador entre el que canvia dades i el que només canvia la vista. */
.menu hr{border:0; border-top:1px solid var(--c-rule-hair); margin:var(--sp-2) 0; width:100%}
/* El desplegable de la casella *Lote*: la mateixa capsa, amb la llista llarga i el resum al costat. */
/* Obert sol, el desplegable només s'ensenya: els clics han d'arribar a la graella de sota. */
.menu--passiu{pointer-events:none}
.menu--combo{max-height:280px; overflow-y:auto; overflow-x:hidden; width:420px}
/* El nom en una columna fixa i el resum alineat a l'esquerra: la llista es llegeix de dalt a baix. */
.menu--combo button{display:grid; grid-template-columns:130px 1fr; gap:var(--sp-3); align-items:baseline; white-space:nowrap}
.menu--combo button small{color:var(--c-text-dim); text-align:left; overflow:hidden; text-overflow:ellipsis}
.menu button.menu__marcat{background:var(--c-accent-weak); box-shadow:inset 2px 0 0 var(--c-accent)}
.menu__buit{margin:0; padding:var(--sp-2) var(--sp-3); color:var(--c-text-dim)}
.menu-formula{display:flex; flex-direction:column; gap:var(--sp-2); padding:var(--sp-2) var(--sp-3); max-width:240px}
.menu-formula label{color:var(--c-text-dim)}
.menu-formula input{font:inherit; padding:var(--sp-1) var(--sp-2); border:1px solid var(--c-rule); border-radius:var(--radius-control)}
.menu-formula button{border:1px solid var(--c-rule); text-align:center; padding:var(--sp-1) var(--sp-3)}