/*
 * Enlace compartido del paciente (`/r/<token>`).
 *
 * La vista reutiliza el cascaron del Estudio porque el portal del paciente ES
 * una de sus pestanas y asi no hay dos implementaciones del mismo grafico.
 * El precio de reutilizarlo era que el paciente recibia el consultorio
 * completo: el plan contratado con su importe, el selector con los demas
 * pacientes, el flujo clinico de cinco pasos y las pestanas de Compartir
 * Reporte y Consultorio.
 *
 * Aqui se le quita todo eso. El atributo lo pone `route-boot.js` antes de
 * pintar, asi que el paciente nunca llega a ver lo que no es suyo.
 *
 * Se oculta, no se borra: el mismo cascaron sigue sirviendo a la nutriologa
 * cuando entra por `/studio`, donde este atributo no existe.
 */

/* Barra del consultorio: plan, importe, cola de sincronizacion, buscador y
   la miga de pan que habla de un "Estudio" al que el paciente no entra. */
:root[data-cz-share-view='patient'] #protectedWorkspaceBar,
/* Flujo clinico de cinco pasos: es el guion de la consulta, no del paciente. */
:root[data-cz-share-view='patient'] #markyHappyPathBar,
/* Pestanas del consultorio (Evaluacion 3D, Compartir Reporte, Consultorio...). */
:root[data-cz-share-view='patient'] .ace-tabs-nav,
/* Recorrido guiado de la demostracion comercial. */
:root[data-cz-share-view='patient'] #btnHappyPathDemo,
/* Concierge de ventas: en el reporte de un paciente no pinta nada. */
:root[data-cz-share-view='patient'] #btnChatLauncher,
/* El riel de la aplicacion, por si la ruta se abriera con sesion abierta. */
:root[data-cz-share-view='patient'] .ace-app-rail,
/* Menu de navegacion de la clinica: lleva al Estudio, a la facturacion y a
   cerrar una sesion que el paciente ni siquiera tiene. */
:root[data-cz-share-view='patient'] #btnMobileMenuToggle,
/* Acciones de la cabecera pensadas para la consulta: el glosario de formulas
   ISAK y el recorrido guiado del producto. */
:root[data-cz-share-view='patient'] #contentHeaderActions {
  display: none !important;
}

/*
 * Sin el riel, el contenido no debe quedarse con su hueco reservado.
 * `31-riel-de-aplicacion.css` empuja el cuerpo con `padding-left`; aqui se
 * deshace con la misma especificidad o mayor.
 */
:root[data-cz-share-view='patient'] body {
  padding-left: 0 !important;
}

/*
 * La pestana del paciente pasa a ser la pagina entera, centrada y con una
 * medida de lectura comoda en una pantalla grande. Antes heredaba el ancho
 * completo del area de trabajo del consultorio.
 */
:root[data-cz-share-view='patient'] .ace-content-body {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}

/*
 * Cabecera propia del enlace: la marca de la clinica sigue arriba, porque el
 * paciente tiene que saber de quien es el reporte que esta abriendo.
 */
:root[data-cz-share-view='patient'] .ace-topbar {
  position: sticky;
  top: 0;
}

@media (max-width: 768px) {
  :root[data-cz-share-view='patient'] .ace-content-body {
    padding: 16px 16px 40px;
  }
}