/* Prosumia — densidad. Agregado en la consolidación v1.2.

   El archivo original definía UN solo tier (controles de 48-56px, texto 16-18).
   Un panel operativo de 8 horas con 25 filas visibles no entra en ese tier, así
   que KARMA construyó una escala paralela. Acá se oficializan DOS tiers, con la
   escala de KARMA normalizada a la grilla de 4 (por eso no hay 13px ni espacios
   de 2/6/10: el paso de 13 colapsa en 14 y el espaciado denso usa space-1/2/3).

   REGLA: un tier por pantalla. Se declara arriba del archivo y no se mezcla.
   La única excepción autorizada es un control -xs dentro de un panel o cabecera
   del tier cómodo (ver --prsm-control-h-xs). */
:root{
  /* ---- Tier cómodo (portales, formularios, perfil) ----
     Una sola altura por jerarquía: campo y botón medium miden lo mismo. */
  --prsm-control-h-md:56px;   /* acción primaria de página, campo, select */
  --prsm-control-h-sm:48px;   /* acción secundaria, control en fila */
  --prsm-control-h-xs:40px;   /* acción dentro de panel lateral o cabecera de card */
  --prsm-field-h:56px;        /* CORRECCIÓN v1.2: era 52px y desalineaba 4px con el botón */
  --prsm-field-h-lg:56px;
  --prsm-check-size:24px;     /* control de checkbox/radio dentro de su caja de 56 */
  --prsm-check-size-inline:20px; /* checkbox en listas, tablas y filas de formulario */

  /* ---- Tier denso (paneles operativos, tablas de 25+ filas) ---- */
  --prsm-control-h-dense-md:36px; /* acción primaria de zona, select de filtro */
  --prsm-control-h-dense-sm:32px; /* botón de icono, acción de cabecera, input */
  --prsm-control-h-dense-xs:24px; /* pastilla accionable, paso de paginación */
  --prsm-field-h-dense:32px;
  --prsm-row-h-dense:36px;        /* fila de tabla y de header */
  --prsm-row-h-dense-nested:32px; /* subtabla anidada */
  --prsm-menu-item-h:40px;        /* ítem de menú — igual en los dos tiers */

  /* ---- Espaciado denso: NO hay tokens nuevos a propósito ----
     Denso usa space-1/2/3 (4/8/12) y space-4 para padding de card.
     Cómodo usa space-4/6 y space-8 entre zonas. */
  --prsm-card-pad-dense:var(--prsm-space-4);
  --prsm-card-pad:var(--prsm-space-6);
  --prsm-zone-gap:var(--prsm-space-8);

  /* ---- Breakpoints oficiales ---- (el archivo era desktop-only)
     Debajo de 1024 el tier denso no se sostiene: la tabla va a scroll horizontal
     con primera columna fija, y la grilla de gráficos baja a una columna. */
  --prsm-bp-sm:1024px; /* @kind other */
  --prsm-bp-md:1440px; /* @kind other */
  --prsm-bp-lg:1920px; /* @kind other */

  /* ---- Navbar por breakpoint ---- (el archivo fijaba 100px a 1920) */
  --prsm-navbar-h-sm:64px;   /* < 1440 y mobile */
  --prsm-navbar-h-md:80px;   /* 1440-1919 */
  --prsm-navbar-h-lg:100px;  /* >= 1920 — el valor original del archivo */
  --prsm-navbar-h:var(--prsm-navbar-h-sm);
  --prsm-sidepanel-w:380px;  /* panel lateral / vista dividida */
  --prsm-sidepanel-w-dense:320px;
}
@media (min-width:1440px){:root{--prsm-navbar-h:var(--prsm-navbar-h-md)}}
@media (min-width:1920px){:root{--prsm-navbar-h:var(--prsm-navbar-h-lg)}}
