/* Tabla general */
.tabla_mostrar_incidencias {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-family: "Segoe UI", Roboto, Arial, sans-serif; /* fuente profesional */
  font-size: 10px; /* más pequeña pero legible */
}

/* Cabecera */
.tabla_mostrar_incidencias thead th {
  background-color: #3f3f3f;
  color: #ffffff;
  padding: 8px 6px;
  text-align: left;
  font-weight: 600;
  border: 1px solid #2f2f2f;
}

/* Celdas */
.tabla_mostrar_incidencias td {
  padding: 6px 6px;
  border: 1px solid #d0d0d0;
  vertical-align: top;
  line-height: 1.35;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

/* Zebra suave profesional */
.tabla_mostrar_incidencias tbody tr:nth-child(even) {
  background-color: #f6f6f6;
}

/* Hover elegante */
.tabla_mostrar_incidencias tbody tr:hover {
  background-color: #e9f2fb;
}

/* --------- CLAVE: hacer Descripción más ancha --------- */
.tabla_mostrar_incidencias th:nth-child(7),
.tabla_mostrar_incidencias td:nth-child(7) {
  width: 35%;              /* ajusta entre 30% y 45% si quieres */
  font-size: 10px;       /* un pelín más pequeña */
}

/* Ajuste fino de otras columnas para ganar espacio */
.tabla_mostrar_incidencias th:nth-child(1),
.tabla_mostrar_incidencias td:nth-child(1) {
  width: 12%;
}

.tabla_mostrar_incidencias th:nth-child(2),
.tabla_mostrar_incidencias td:nth-child(2) {
  width: 4%;
  text-align: center;
}

.tabla_mostrar_incidencias th:nth-child(6),
.tabla_mostrar_incidencias td:nth-child(6) {
  width: 6%;
  text-align: center;
}

/* Columna Incidencia: que ocupe solo lo necesario */
.tabla_mostrar_incidencias th:nth-child(1),
.tabla_mostrar_incidencias td:nth-child(1) {
  width: 80px;        /* ancho perfecto para INC000010951527 */
  white-space: nowrap; /* evita que parta el texto en dos líneas */
}

 /* Columna Incumplido: solo ancho para "SI" o "NO" */
.tabla_mostrar_incidencias th:nth-child(6),
.tabla_mostrar_incidencias td:nth-child(6) {
  width: 20px;         /* suficiente para SI / NO */
  text-align: center;
  white-space: nowrap;
}


/* Columna Fecha: ancho justo para dd/mm/yyyy */
.tabla_mostrar_incidencias th:nth-child(9),
.tabla_mostrar_incidencias td:nth-child(9) {
  width: 50px;        /* justo para 19/01/2026 */
  text-align: center;
  white-space: nowrap;
}

/* Columna Descripción justificada */
.tabla_mostrar_incidencias th:nth-child(7),
.tabla_mostrar_incidencias td:nth-child(7) {
  width: 35%;
  font-size: 10px;
  text-align: justify;     /* <-- ESTO justifica el texto */
  text-justify: inter-word; /* mejora el espaciado entre palabras */
}
