style(HistoriaClinica): Agrupar tabs en menu select unificado y mostrar botones de accion en linea

src/sections/SeccionIndicaciones.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { createPortal } from 'react';
 import { toast } from 'sonner';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
@@ -13,7 +14,7 @@ import type { Indicacion, IndicacionTipo, ViaAdministracion, TipoPlanHidratacion
 import { useHospitalStore } from '@/hooks/useHospitalStore';
 import { getNombreProfesional, getLocalToday } from '@/lib/utils';
 
-export function SeccionIndicaciones({ recomendaciones, internacionId, pacienteId, add, update, del, movimientos, onAgregarMovimiento, canEdit, atbList = [], addATB, updateATB }: {
+export function SeccionIndicaciones({ recomendaciones, internacionId, pacienteId, add, update, del, movimientos, onAgregarMovimiento, canEdit, atbList = [], addATB, updateATB, portalNode}: {
   recomendaciones: Indicacion[];
   internacionId: string;
   pacienteId?: string;
@@ -23,6 +24,7 @@ export function SeccionIndicaciones({ recomendaciones, internacionId, pacienteId
   movimientos?: unknown[];
   onAgregarMovimiento?: (m: unknown) => void;
   canEdit?: boolean;
+  portalNode?: HTMLDivElement | null;
   atbList?: ATB[];
   addATB?: (a: Omit<ATB, 'id'>) => Promise<unknown>;
   updateATB?: (id: string, datos: Partial<ATB>) => void;
@@ -283,14 +285,26 @@ export function SeccionIndicaciones({ recomendaciones, internacionId, pacienteId
 
   return (
     <div className="space-y-2.5">
-      <div className="flex justify-between items-center">
-        {canEdit && <Button size="sm" variant="outline" onClick={() => { reset(); setDialog(true); }}>
-          <Plus className="h-4 w-4 mr-1.5" />Nueva Indicación
-        </Button>}
-        <Button size="sm" variant="ghost" onClick={() => setShowHistorial(!showHistorial)}>
-          {showHistorial ? 'Ocultar Historial' : `Ver Historial (${movs.length})`}
-        </Button>
-      </div>
+      {portalNode ? createPortal(
+    <>
+      {canEdit && <Button size="sm" variant="outline" onClick={() => { reset(); setDialog(true); }}>
+        <Plus className="h-4 w-4 mr-1.5" />Nueva Indicación
+      </Button>}
+      <Button size="sm" variant="ghost" onClick={() => setShowHistorial(!showHistorial)}>
+        {showHistorial ? 'Ocultar Historial' : `Ver Historial (${movs.length})`}
+      </Button>
+    </>,
+    portalNode
+  ) : (
+    <div className="flex justify-between items-center mb-4">
+      {canEdit && <Button size="sm" variant="outline" onClick={() => { reset(); setDialog(true); }}>
+        <Plus className="h-4 w-4 mr-1.5" />Nueva Indicación
+      </Button>}
+      <Button size="sm" variant="ghost" onClick={() => setShowHistorial(!showHistorial)}>
+        {showHistorial ? 'Ocultar Historial' : `Ver Historial (${movs.length})`}
+      </Button>
+    </div>
+  )}
 
       <Dialog open={dialog} onOpenChange={setDialog}>
         <DialogContent className="sm:max-w-lg">