/* V156 - bloquea de verdad el encabezado de la tabla y mejora el color de los nombres de columnas */
:root{
  --ps156-head-light-bg:#f3f6fa;
  --ps156-head-light-text:#1b2b40;
  --ps156-head-light-accent:#06a9d6;
  --ps156-head-light-line:#d7e1eb;
  --ps156-head-dark-bg:#0b1825;
  --ps156-head-dark-text:#f2fbff;
  --ps156-head-dark-accent:#06d4ff;
  --ps156-head-dark-line:#13465d;
}

/* wrapper y tabla */
body.ps155-scan-detail .ps67-tablewrap,
body.ps156-scan-detail .ps67-tablewrap{
  position:relative !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
}

/* encabezado verdaderamente fijo dentro del scroll */
body.ps155-scan-detail #ps67Table thead,
body.ps156-scan-detail #ps67Table thead{
  position:relative !important;
  z-index:920 !important;
  will-change:transform !important;
}

body.ps155-scan-detail #ps67Table thead tr,
body.ps156-scan-detail #ps67Table thead tr{
  position:relative !important;
  z-index:925 !important;
}

body.ps155-scan-detail #ps67Table thead th,
body.ps156-scan-detail #ps67Table thead th{
  position:sticky !important;
  top:0 !important;
  z-index:930 !important;
  background-clip:padding-box !important;
  box-shadow:0 1px 0 rgba(0,0,0,.03) !important;
}

/* fallback por JS: cuando hacemos translateY del header */
body.ps156-scroll-lock #ps67Table thead th{
  top:0 !important;
}

/* color y aspecto nombres columnas - modo claro */
body.ps155-theme-light #ps67Table thead th,
body.ps156-theme-light #ps67Table thead th{
  background:var(--ps156-head-light-bg) !important;
  color:var(--ps156-head-light-text) !important;
  border-bottom:1px solid var(--ps156-head-light-line) !important;
  border-right:1px solid #e3eaf1 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
}

body.ps155-theme-light #ps67Table thead th .ps155-grip,
body.ps155-theme-light #ps67Table thead th .ps156-grip,
body.ps156-theme-light #ps67Table thead th .ps155-grip,
body.ps156-theme-light #ps67Table thead th .ps156-grip{
  color:#7d8fa2 !important;
}

body.ps155-theme-light #ps67Table thead th::before,
body.ps156-theme-light #ps67Table thead th::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:7px !important;
  bottom:7px !important;
  width:2px !important;
  background:var(--ps156-head-light-accent) !important;
  opacity:.9 !important;
}

/* color y aspecto nombres columnas - modo oscuro */
body.ps155-theme-dark #ps67Table thead th,
body.ps156-theme-dark #ps67Table thead th{
  background:var(--ps156-head-dark-bg) !important;
  color:var(--ps156-head-dark-text) !important;
  border-bottom:2px solid var(--ps156-head-dark-accent) !important;
  border-right:1px solid var(--ps156-head-dark-line) !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
}

body.ps155-theme-dark #ps67Table thead th::before,
body.ps156-theme-dark #ps67Table thead th::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:7px !important;
  bottom:7px !important;
  width:2px !important;
  background:var(--ps156-head-dark-accent) !important;
  opacity:.95 !important;
}

/* cuando baja el scroll, sombra suave para que se vea bloqueado */
body.ps156-head-scrolled #ps67Table thead th{
  box-shadow:0 2px 0 rgba(6,169,214,.10), 0 10px 18px rgba(15,23,42,.06) !important;
}

/* mantiene el alto del encabezado y evita saltos */
body.ps155-scan-detail #ps67Table thead th,
body.ps156-scan-detail #ps67Table thead th{
  min-height:42px !important;
  height:42px !important;
  vertical-align:middle !important;
}