/*──────────────────────────────────────────────────────────
  0. Variables de color y tipografía base (antes en style.css)
───────────────────────────────────────────────────────────*/
:root {
    --clr-bg:      #f8f9fa;
    --clr-text:    #212529;
    --clr-primary: #4455b5;
    --clr-success: #2e8a60;
    --clr-muted:   #6c757d;
    --clr-toolbar: #dae0ea;
  }

  html, body {
    font-family: system-ui, sans-serif;
    font-size: .95rem;
    background: var(--clr-bg);
    color: var(--clr-text);
    overflow-x: hidden;
  }
  h1, h2, h3, h4 {
    color: var(--clr-text);
  }

  /* Select2 dropdown mejorado (también iba en style.css) */
  .select2-container--open .select2-dropdown {
    max-height: 250px;
    overflow-y: auto;
    width: auto !important;
    white-space: normal;
  }

  /* botones uniformes */
.btn-action{min-width:150px}

/* mermaid diagram responsive */
#erd svg{width:100%; max-width:540px}