/* Eureka WebUI sobre ZK10 - reportes HTML.
   Hoja autónoma: tabla, encabezado fijo, totales y espaciado final. */

.rp-href {
	color: #000000;
}

.rp-table-container {
  max-height: 600px;
  overflow-y: auto;
  position: relative;          /* necesario para sticky */
  overflow-anchor: none;       /* evita posiciones raras tras refrescar */
}

/* === Cabecera pegajosa === */
/* Nota: los <th> están en el primer <tr> del <tbody>, no en <thead> */
.rp-table tbody tr:first-child th {
  position: sticky;
  top: 0;
  z-index: 20;
  background-color: #1F9BDE;
  color: #FFF;
}

/* === Tabla base === */
.rp-table {
  border-collapse: collapse;
  width: 90%;
  font-family: sans-serif;
  font-size: smaller;
  border: 1px solid #BBBBBB;
}

/* Encabezados */
.rp-table th {
  text-align: center;
  padding: 4px 6px;
  font-weight: bold;
  background-color: #1F9BDE;
  color: #FFF;
  border: 1px solid #FFF;
}
.rp-table th:last-child {
  border-right: none;
}

/* Celdas */
.rp-table td {
  border: 1px solid #BBBBBB;
  padding: 3px 6px;
  vertical-align: top;
}
.rp-table td:last-child {
  border-right: none;
}

/* Alineación */
.rp-number { text-align: right !important; }
.rp-text, .rp-date { text-align: left; }

/* Fila de totales/funciones */
.rp-functionrow td {
  background-color: #D6EAF6;
  font-weight: bold;
  border: 1px solid #BBBBBB;
  white-space: nowrap;
  padding: 3px;
  height: 24px;
  box-sizing: border-box;
}

/* Fila impar */
.rp-odd {
  background-color: #f7f7f7;
}

/* Espaciador real al final del contenido (para que no se corte al refrescar) */
body::after,
.rp-table-container::after {
  content: "";
  display: block;
  height: 48px;
}

.rp-table-container {
	max-height: 600px;
	overflow-y: auto;
	position: relative;
	overflow-anchor: none;
}

/* Los reportes generan los encabezados dentro del primer tr del tbody. */
.rp-table tbody tr:first-child th {
	position: sticky;
	top: 0;
	z-index: 20;
	background-color: #1F9BDE;
	color: #FFF;
}

.rp-functionrow td {
	white-space: nowrap;
	height: 24px;
	box-sizing: border-box;
}

body::after,
.rp-table-container::after {
	content: "";
	display: block;
	height: 48px;
}