/* consult_float.css — Independencia de ventanas: estilos de las consultas ADICIONALES
   (2.ª+) abiertas en ventana flotante propia. Dos cosas:
   1) .mode-consult-float reemplaza a .mode-container (que es display:none salvo .active-mode
      y switchMode lo apagaría): la consulta flotante es SIEMPRE visible dentro de su ventana.
   2) Se duplican a la clase .mode-consultation las reglas que el primario #mode-CONSULTATION
      tenía por #id (util_window.css + main.css), para que la flotante (sin id) las herede.
      El primario tiene AMBOS (id y clase) → estas reglas de clase no le cambian nada. */

/* Contenedor de la consulta flotante: llena su ventana, siempre visible. */
.mode-consult-float {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 10px 14px;
    box-sizing: border-box;
}

/* Fondo de la VENTANA de consulta: mismo cristal del tema que .util-window. Antes el
   contenedor #mode-CONSULTATION (y su clon .mode-consultation) NO tenía fondo propio —
   solo lo tenían la barra y las cabeceras—, así que en el área libre de las cabeceras
   (pocas consultas) se veía el escritorio, "como si faltara un vidrio". Theme-aware:
   esmerilado, oscuro o sólido según el tema (--fr-window-*/--glass-*, idéntico a util_window). */
/* SOLO fondo (sin backdrop-filter en el CONTENEDOR): el contenedor tenía backdrop-filter y sus
   hijos (barra, cabeceras, workspace) también → backdrop-filter ANIDADO, que en iPad/Safari hace
   que los hijos NO se pinten completos (cabeceras de consulta a medias, sin el botón rojo de
   eliminar). El blur del cristal ya lo aplican los hijos; el contenedor solo necesita rellenar el
   hueco con el color del tema (opaco en sólido por --fr-window-op:1; translúcido en glass). */
#mode-CONSULTATION.cima-win-float,
.mode-consultation.cima-win-float {
    background: rgba(var(--fr-window-rgb, var(--glass-bg-rgb, 20,20,30)), var(--fr-window-op, var(--glass-opacity)));
    border-radius: 12px;
}

/* Bordes del workspace pegados a la barra (mirror de util_window.css por #id). */
.mode-consultation > .uw-standalone + .timeline-wrapper:not(.hidden),
.mode-consultation > .uw-standalone + .main-workspace { border-top-left-radius: 0; border-top-right-radius: 0; }
.mode-consultation .main-workspace { border-top-left-radius: 0; border-top-right-radius: 0; }

/* Cabeceras de tabs (mirror por #id). */
.mode-consultation .patient-tab.active,
.mode-consultation .consult-tab.active {
    background: rgba(var(--fr-tabhead-rgb, var(--glass-bg-rgb, 20,20,30)), var(--fr-tabhead-op, 0));
    backdrop-filter: blur(calc(var(--glass-blur, 16px) + var(--fr-tabhead-blur, 0px)));
    -webkit-backdrop-filter: blur(calc(var(--glass-blur, 16px) + var(--fr-tabhead-blur, 0px)));
}
.mode-consultation .patient-tab.active::after,
.mode-consultation .consult-tab.active::after { background: transparent; }
.mode-consultation .patient-tab,
.mode-consultation .consult-tab { border-radius: 0; }
.mode-consultation .consult-tab:not(.active) { background: rgba(var(--fr-tabhead-rgb, 255,255,255), var(--fr-tabhead-op, 0.07)); }
.mode-consultation .consult-tab:not(.active):hover { background: rgba(var(--fr-tabhead-rgb, 255,255,255), 0.16); }

/* Padding inferior del workspace para que el dock no tape contenido (mirror de main.css). */
.mode-consultation .workspace-body { padding-bottom: 90px; }

/* Resaltado sutil al intentar reabrir una consulta ya abierta: pulso del marco para que el
   doctor ubique la ventana existente (no se duplica el paciente). */
@keyframes cimaWinFlash {
    0%   { box-shadow: 0 0 0 0 rgba(29,78,216,0.0); }
    20%  { box-shadow: 0 0 0 3px rgba(29,78,216,0.55), 0 0 22px 4px rgba(29,78,216,0.35); }
    100% { box-shadow: 0 0 0 0 rgba(29,78,216,0.0); }
}
.cima-win-flash { animation: cimaWinFlash 1s ease; }