/* Tokens de PLAN.md §1b. Ningún color suelto en las plantillas: solo estas variables. */
:root {
  --es-sidebar: #1E2A38;
  --es-sidebar-hover: #2A3847;
  --es-sidebar-text: #C9D1DB;
  --es-primary: #1B9E92;
  --es-primary-hover: #178A80;
  --es-bg: #F4F6F8;
  --es-surface: #FFFFFF;
  --es-border: #E3E8EE;
  --es-text: #2B3645;
  --es-text-muted: #6B7A8C;
  --es-table-head: #EDF0F3;
  --es-success: #2EAD6E;
  --es-warning: #F2A93B;
  --es-danger: #D9534F;
  --es-accent-pink: #E91E8C;
  --es-purple: #6C5CE7;
  --es-teal-block: #5BBFB5;
  --es-radius: 6px;
}

html, body {
  margin: 0;
  background: var(--es-bg);
  color: var(--es-text);
  font-family: "Open Sans", system-ui, sans-serif;
  font-size: 14px;
}

[x-cloak] { display: none !important; }

/* Panel en móvil: márgenes más estrechos y tablas con desplazamiento horizontal en lugar
   de desbordar la página. */
@media (max-width: 767px) {
  main .px-8 { padding-left: 1rem; padding-right: 1rem; }
  main .grid > * { min-width: 0; }
  main table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  main th, main td { white-space: nowrap; }
}