/* Encabezados */
.ms-DetailsList [data-automationid="DetailsHeader"] .ms-DetailsHeader-cellName{
  color:#072A39 !important;
}
/* Iconos ordenar/filtrar (más oscuro) */
.ms-DetailsList [data-automationid="DetailsHeader"] .ms-Icon{
  color:#4b5d6b !important;
}

/* Texto de filas (gris más oscuro) */
.ms-DetailsList .ms-DetailsRow .ms-DetailsRow-cell{
  color:#1f2937 !important;
}

/* Link primera columna */
.ms-DetailsList .ms-DetailsRow .ms-Link{
  color:#0b3d52 !important;
  font-weight:500;
  text-decoration:none;
}
.ms-DetailsList .ms-DetailsRow .ms-Link:hover{
  color:#0f516e !important;
  text-decoration:underline;
}

/* Ícono del menú de acciones (más oscuro) */
.ms-DetailsList .ms-Button--icon .ms-Button-icon{ color:#4b5563 !important; }
.ms-DetailsList .ms-Button--icon:hover .ms-Button-icon{ color:#0b3d52 !important; }


/* ===== Modal de confirmación — Eliminar ===== */
.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Dialog-title{
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #072A39 !important;
}

.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Dialog-subText{
  font-size: .95rem !important;
  color: #334155 !important;
}

.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Dialog-button--close{
  color: #6b7280 !important;
}
.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Dialog-button--close:hover{
  color: #111827 !important;
}

/* Botones */
.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Dialog-actions .ms-Button{
  border-radius: 8px !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  font-size: .95rem !important;
  min-width: 100px !important;
}

.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Button--primary{
  background: #d32f2f !important;
  border-color: #d32f2f !important;
  color: #fff !important;
}
.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Button--primary:hover{
  background: #b71c1c !important;
  border-color: #b71c1c !important;
}

.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Button--default{
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid #d0d7de !important;
}
.ms-Modal-scrollableContent:has(.ms-Button--primary[name="Eliminar"]) .ms-Button--default:hover{
  background: #f3f4f6 !important;
}

/* =========================================================
   Power Pages - DetailsList (Entity List) - Scroll unificado
   + Anti “scroll chaining”
   ========================================================= */

/* Unificar scroll horizontal a nivel de página */
html,
body {
  overflow-x: auto !important;
}

/* Evitar scroll interno del contenedor raíz de la lista */
.ms-DetailsList,
[data-automationid="DetailsList"] {
  overflow: visible !important;
}

/* El wrapper de contenido no debe generar su propia barra */
[data-automationid="DetailsList"] .ms-DetailsList-contentWrapper {
  overflow: visible !important;
}

/* Hacer que el ancho real de las columnas defina el ancho total (scroll X en la página) */
[data-automationid="DetailsList"] [role="grid"],
[data-automationid="DetailsList"] .ms-DetailsList-headerWrapper,
[data-automationid="DetailsList"] .ms-List,
[data-automationid="DetailsList"] .ms-List-surface {
  display: block !important;
  width: max-content !important;
  min-width: 100% !important;
}

/* Evitar que subcontenedores vuelvan a encerrar overflow */
[data-automationid="DetailsList"] .ms-List-page,
[data-automationid="DetailsList"] .ms-List-cell {
  overflow: visible !important;
}

/* Un pequeño espacio para que la barra del navegador no tape la última fila */
main,
.page,
body {
  padding-bottom: 8px;
}

/* Anti “scroll chaining”: cuando tocás el borde, no salta al body */
[data-automationid="DetailsList"],
[data-automationid="DetailsList"] .ms-DetailsList,
[data-automationid="DetailsList"] .ms-List,
[data-automationid="DetailsList"] .ms-List-surface,
[data-automationid="DetailsList"] .ms-DetailsList-contentWrapper {
  overscroll-behavior: contain;
  overscroll-behavior-inline: contain;
  overscroll-behavior-block: contain;
}

/* ========= OPCIONAL: barra horizontal “pegada” (versión alternativa)
   Si preferís que la barra X quede fija abajo (scroll interno de la lista),
   descomentá este bloque y comentá el “scroll unificado” de arriba.
*/
/*
[data-automationid="DetailsList"] .ms-DetailsList-contentWrapper {
  overflow-x: auto !important;
  overflow-y: visible !important;
  position: sticky !important;
  bottom: 0 !important;
  background: var(--portal-background, #fff) !important;
  padding-bottom: 2px !important;
  z-index: 100 !important;
}
[data-automationid="DetailsList"] .ms-List,
[data-automationid="DetailsList"] .ms-List-surface {
  width: max-content !important;
  min-width: 100% !important;
}
*/

/* ========= OPCIONAL: hacer que la tabla scrollee en Y y el body quede quieto
   Útil si querés que, mientras el mouse está sobre la grilla, el scroll vertical
   sea de la grilla (ajustá altura a gusto, ej. 70vh).
*/
/*
[data-automationid="DetailsList"] .ms-List-surface {
  max-height: 70vh;
  overflow-y: auto;
}
*/