/* ============================================================================
   NANOSPHERE — hoja de impresion del portal de cliente
   ----------------------------------------------------------------------------
   Un tema oscuro impreso es un desastre de toner. Aqui se fuerza claro sobre
   blanco y se neutraliza todo el cristal, los halos, el grano y las sombras.

   Conserva los display:none del print.css original (cabecera, nav, footer,
   formulario de respuesta, paginacion, barra de redactor, zona de arrastre).
   ========================================================================== */

/* --- Lo que no se imprime (identico al stock) ----------------------------- */
#header,
#nav,
#meta,
#footer,
#reply,
#pagination,
.reload,
.refresh,
.redactor-toolbar,
.filedrop .dropzone,
.back,
#loading,
#overlay,
.buttons {
  display: none !important;
}

/* --- Neutralizar el tema oscuro ------------------------------------------ */
:root { color-scheme: light; }

html,
body {
  background: #fff !important;
  color: #000 !important;
}

/* El halo del login y el grano de la Fase 5 son pseudo-elementos fijos */
body::before,
body::after { display: none !important; }

*,
*::before,
*::after {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #000 !important;
}

#container {
  max-width: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

#content {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* El cristal se vuelve un marco gris simple */
.ns-glass,
#clientLogin,
.sidebar .content,
.search.well,
.freetext-files,
.infoTable,
table.custom-data,
#ticketTable {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
}

/* --- Tipografia legible en papel ------------------------------------------ */
body,
input,
select,
textarea {
  font-family: "Instrument Sans", Helvetica, Arial, sans-serif;
  font-size: 11pt;
  line-height: 1.4;
}

h1, h2, h3, h4 {
  font-family: "Bricolage Grotesque", Helvetica, Arial, sans-serif;
  page-break-after: avoid;
}

th { text-align: left; }

a { color: #000 !important; text-decoration: none; }

caption {
  text-align: left;
  padding-bottom: 10px;
  font-weight: bold;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* --- Hilo del ticket ------------------------------------------------------ */
.message,
.response {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.message th,
.response th {
  font-size: 12pt;
  font-weight: bold;
  padding-bottom: 5px;
}

.thread-entry,
.thread-entry .header,
.thread-entry .thread-body {
  border-color: #ccc !important;
  background: #fff !important;
  page-break-inside: avoid;
}

#ticketTable th,
#ticketTable td {
  border-bottom: 1px solid #ddd !important;
}