/* SIMA — capas intra-ventana (modules/inwin.js).
   Norma CIMA: un modal/diálogo/panel abierto desde una ventana vive DENTRO de
   esa ventana y solo la congela a ella. Todo prefijado con #sima-panel: el
   reset `#sima-panel * { margin:0; padding:0 }` de shell.css anula cualquier
   selector de clase sin prefijo. */

/* El .mac-win del modo rígido es static: sin esto la capa absoluta se
   posicionaría contra otro ancestro y taparía más de la cuenta. El .sima-win
   del modo SO ya es fixed. */
#sima-panel .mac-win.sima-inwin-host { position: relative; }

#sima-panel .sima-inwin-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: var(--inwin-top, 0px);          /* bajo la barra de título de SU ventana */
  z-index: 800;                          /* sobre el contenido de la ventana; nunca sobre otras ventanas */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 36px 16px 16px;
  background: color-mix(in srgb, var(--panel-bg, #000) 55%, transparent);
  opacity: 0;
  transition: opacity .16s ease;
  overflow: auto;
}
#sima-panel .sima-inwin-overlay.is-open { opacity: 1; }

/* Recuadro tipo modal: mismo look que #sima-modal-box (.modal-box glass), pero
   pegajoso arriba para que en modo rígido (ventana muy alta con scroll de la
   página) aparezca a la vista y no a mitad de 500 filas. */
#sima-panel .sima-inwin-box {
  position: sticky;
  top: 24px;
  width: 460px;
  max-width: 100%;
  max-height: calc(100% - 12px);
  overflow-y: auto;
  padding: 24px;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
}

/* Panel de trabajo ancho (p. ej. la Ráfaga del CRM). */
#sima-panel .sima-inwin-overlay.is-sheet { align-items: center; padding: 16px; }
#sima-panel .sima-inwin-sheet {
  position: sticky;
  top: 16px;
  width: 100%;
  max-width: 540px;
}

@media (prefers-reduced-motion: reduce) {
  #sima-panel .sima-inwin-overlay { transition: none; }
}