/* ===================================
   CONFIG MANEJO — FULLSCREEN
   ===================================
   Clon visual de #config-tratamiento (configTratamiento.css).
   Las variables --ct-* y TODAS las clases internas (.ct-header, .ct-body,
   .ct-card, .ct-form-grid, .ct-input, .ct-btn-guardar, .ct-btn-limpiar,
   .ct-divisor, etc.) son GLOBALES y se reutilizan desde configTratamiento.css.
   Aquí solo viven las reglas propias del id nuevo #config-manejo. */

/* ── Panel principal ─────────────────────────────────────────────────────── */
#config-manejo {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* z-index 10011: SOBRE el workspace (10000) y el panel de tratamientos (10010),
     BAJO el container de SweetAlert2 (10100). */
  z-index: 10011;
  background: var(--ct-bg);
  transform: translateY(100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

#config-manejo.ct-activo {
  transform: translateY(0);
}