/* ESDE 15.10.322 — tarjetas compactas y tabla de historial aprovechando todo el ancho. */

/* TARJETA DEL PARTICIPANTE: volver a una barra baja, legible y de identidad uniforme. */
html body .esde-cert244 .esde-cert237-list > details.esde-cert251-profile,
html body .esde-cert244 details.esde-cert251-profile {
  margin:0 0 8px!important;
  border:1px solid #D7E2E8!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
html body .esde-cert244 .esde-cert251-profile > summary.esde-cert251-profile-summary {
  display:grid!important;
  grid-template-columns:minmax(190px,1.05fr) minmax(185px,.95fr) minmax(360px,1.65fr) 26px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:62px!important;
  margin:3px!important;
  padding:5px 8px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
html body .esde-cert244 .esde-cert251-summary-identity {
  display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;
}
html body .esde-cert244 .esde-cert251-summary-identity .esde-cert243-avatar {
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  border:1.5px solid rgba(255,255,255,.95)!important;box-shadow:none!important;
}
html body .esde-cert244 .esde-cert251-summary-copy {
  display:grid!important;gap:1px!important;min-width:0!important;
}
html body .esde-cert244 .esde-cert251-summary-copy .esde-cert243-participant-label {
  font:800 8px/1.1 Montserrat,Poppins,sans-serif!important;letter-spacing:.1em!important;
}
html body .esde-cert244 .esde-cert251-summary-copy .esde-cert251-participant-name {
  font:400 15px/1.12 Marvin,"Marvin Round",Poppins,sans-serif!important;
  overflow-wrap:anywhere!important;
}
html body .esde-cert244 .esde-cert251-summary-copy :is(.esde-cert243-participant-login,.esde-cert243-participant-role) {
  font:500 9px/1.2 Montserrat,Poppins,sans-serif!important;overflow-wrap:anywhere!important;
}
html body .esde-cert244 .esde-cert251-summary-title {
  display:grid!important;align-content:center!important;gap:3px!important;min-width:0!important;
}
html body .esde-cert244 .esde-cert251-summary-title .esde-cert237-state {
  width:max-content!important;max-width:100%!important;margin:0!important;
  padding:2px 6px!important;border-radius:999px!important;
  font:700 8px/1.15 Montserrat,Poppins,sans-serif!important;
}
html body .esde-cert244 .esde-cert251-program-title {
  display:block!important;font:400 14px/1.12 Marvin,"Marvin Round",Poppins,sans-serif!important;
  overflow-wrap:anywhere!important;
}
html body .esde-cert244 .esde-cert321-summary-meta {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:3px!important;margin-top:2px!important;max-width:100%!important;
}
html body .esde-cert244 .esde-cert321-summary-meta > span {
  display:inline-flex!important;align-items:center!important;min-height:17px!important;
  padding:2px 5px!important;border:1px solid rgba(23,35,45,.14)!important;
  border-radius:999px!important;background:#FFFFFF!important;color:#17232D!important;
  font:700 8px/1.15 Montserrat,Poppins,sans-serif!important;white-space:normal!important;
}
html body .esde-cert244 .esde-cert321-summary-meta > .esde-cert321-readiness-pill {
  background:#F2FBFE!important;border-color:#B7D7E5!important;color:#17425B!important;
}
html body .esde-cert244 .esde-cert321-summary-meta > .esde-cert321-readiness-pill.is-completed {
  background:#FFF4C9!important;border-color:#E2C65A!important;color:#5A4310!important;
}
html body .esde-cert244 .esde-cert321-summary-meta > .esde-cert321-readiness-pill.is-certified {
  background:#DDF5E5!important;border-color:#8EC9A0!important;color:#15562D!important;
}

/* Acciones compactas: una o dos filas horizontales alineadas a la derecha, no una columna alta. */
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions,
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert284-participant-actions {
  display:flex!important;flex-flow:row wrap!important;align-content:center!important;
  align-items:center!important;justify-content:flex-end!important;gap:4px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde314-visual-selector {
  display:grid!important;flex:0 1 158px!important;grid-column:auto!important;
  width:158px!important;max-width:158px!important;min-width:120px!important;
  gap:1px!important;margin:0!important;padding:0!important;background:transparent!important;
  color:inherit!important;font:700 8px/1.15 Montserrat,Poppins,sans-serif!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde314-visual-selector select {
  width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:25px!important;height:25px!important;padding:3px 5px!important;
  border:1px solid #C7D3DA!important;border-radius:6px!important;
  background:#FFFFFF!important;color:#17232D!important;
  font:700 8.5px/1.15 Montserrat,Poppins,sans-serif!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions :is(.esde-cert284-action,.esde314-hide-toggle,.esde314-archive-program,.esde-cert321-cert-shortcut) {
  display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;justify-content:center!important;
  grid-column:auto!important;width:auto!important;min-width:0!important;max-width:118px!important;
  min-height:25px!important;height:auto!important;margin:0!important;padding:4px 6px!important;
  border:1px solid #C9D6DE!important;border-radius:6px!important;
  background:#FFFFFF!important;color:#17232D!important;
  font:700 8.5px/1.15 Montserrat,Poppins,sans-serif!important;
  text-align:center!important;text-decoration:none!important;white-space:normal!important;
  overflow-wrap:anywhere!important;box-shadow:none!important;cursor:pointer!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions :is(.esde-cert284-action:hover,.esde314-hide-toggle:hover,.esde314-archive-program:hover) {
  background:#F0FAFD!important;border-color:#70C8DE!important;color:#17232D!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde-cert284-alert.is-marked {
  background:#17232D!important;border-color:#17232D!important;color:#FFFFFF!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde-cert321-cert-shortcut {
  background:#173B59!important;border-color:#173B59!important;color:#FFFFFF!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde-cert321-cert-shortcut:hover {
  background:#0F5877!important;border-color:#0F5877!important;color:#FFFFFF!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde314-archive-program {
  border-color:#C87878!important;color:#8B1E24!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde-cert284-action-status {
  flex:0 1 100%!important;grid-column:auto!important;margin:0!important;padding:0!important;
  color:inherit!important;font:600 8.5px/1.2 Poppins,sans-serif!important;
}
html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde-cert284-action-status:empty {display:none!important;}
html body .esde-cert244 .esde-cert251-profile-chevron.esde-cert311-chevron {
  display:grid!important;place-items:center!important;width:25px!important;height:25px!important;
  border:1px solid #17232D!important;border-radius:50%!important;background:#FFFFFF!important;
  color:#17232D!important;font:800 15px/1 Montserrat,sans-serif!important;
}
html body .esde-cert244 .esde-cert251-profile[open] > summary.esde-cert251-profile-summary {
  margin-bottom:0!important;border-bottom-width:1px!important;
}

/* La tabla de historial debe ocupar el ancho del panel, con columnas proporcionadas. */
html body .esde-cert244 .esde-cert238-history {
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals {
  display:block!important;float:none!important;clear:both!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:8px 0 0!important;padding:0!important;box-sizing:border-box!important;
  overflow-x:visible!important;overflow-y:visible!important;
  border:1px solid #D7E2E8!important;border-radius:8px!important;background:#FFFFFF!important;
}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table {
  display:table!important;width:100%!important;min-width:100%!important;max-width:100%!important;
  margin:0!important;table-layout:fixed!important;border-collapse:collapse!important;
  border-spacing:0!important;box-sizing:border-box!important;background:#FFFFFF!important;
}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table th:nth-child(1){width:11%!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table th:nth-child(2){width:11%!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table th:nth-child(3){width:22%!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table th:nth-child(4){width:10%!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table th:nth-child(5){width:26%!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table th:nth-child(6){width:20%!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table :is(th,td) {
  padding:7px 8px!important;border-bottom:1px solid #E1E9EE!important;
  color:#223C50!important;font:500 10px/1.35 Montserrat,Poppins,sans-serif!important;
  text-align:left!important;vertical-align:middle!important;white-space:normal!important;
  overflow-wrap:anywhere!important;box-sizing:border-box!important;
}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table thead th {
  background:#E7F8FC!important;color:#16384C!important;font-weight:800!important;
  font-size:9px!important;text-transform:uppercase!important;letter-spacing:.025em!important;
}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table tbody tr:nth-child(even) td {background:#F8FCFD!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table tbody tr:last-child td {border-bottom:0!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table td:last-child {text-align:right!important;}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals .esde-cert259-publish-form {
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;
  width:100%!important;max-width:100%!important;margin:4px 0 0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals .esde-cert259-publish-button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:26px!important;height:auto!important;margin:0!important;padding:5px 8px!important;
  border:1px solid #2496BB!important;border-radius:6px!important;background:#42B8E6!important;
  color:#102B3B!important;font:800 9px/1.15 Montserrat,Poppins,sans-serif!important;white-space:nowrap!important;
}

/* En pantallas medianas se mantienen tres zonas; en móvil se apilan sin controles desbordados. */
@media (min-width:1051px) {
  html body .esde-cert244 .esde-cert251-profile > summary.esde-cert251-profile-summary {
    grid-template-columns:minmax(190px,1.05fr) minmax(185px,.95fr) minmax(360px,1.65fr) 26px!important;
  }
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert251-summary-identity {grid-column:auto!important;grid-row:auto!important;}
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert251-summary-title {grid-column:auto!important;grid-row:auto!important;}
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions {grid-column:auto!important;grid-row:auto!important;}
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert251-profile-chevron {grid-column:auto!important;grid-row:auto!important;}
}
@media (max-width:1050px) {
  html body .esde-cert244 .esde-cert251-profile > summary.esde-cert251-profile-summary {
    grid-template-columns:minmax(0,1fr) 25px!important;gap:6px!important;min-height:0!important;padding:7px!important;
  }
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert251-summary-identity {grid-column:1!important;grid-row:1!important;}
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert251-summary-title {grid-column:1!important;grid-row:2!important;}
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions {grid-column:1/-1!important;grid-row:3!important;justify-content:flex-start!important;}
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert251-profile-chevron {grid-column:2!important;grid-row:1!important;}
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions .esde314-visual-selector {flex:0 1 155px!important;}
}
@media (max-width:780px) {
  html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals {overflow-x:auto!important;}
  html body .esde-cert244 .esde-cert238-history .esde-cert237-evals.esde-cert238-evals table {min-width:650px!important;width:650px!important;}
  html body .esde-cert244 .esde-cert251-profile > summary .esde-cert311-summary-actions :is(.esde-cert284-action,.esde314-hide-toggle,.esde314-archive-program,.esde-cert321-cert-shortcut) {font-size:9px!important;}
}