/* ==========================================================
   ELGHIS · PSICOMETRÍA WORKFLOW 3 COLUMNAS
   ========================================================== */

:root {
  --pw-primary:
    var(--et-primary, #062843);

  --pw-accent:
    var(--et-accent, #118f97);

  --pw-accent-strong:
    var(--et-accent-strong, #087e86);

  --pw-soft:
    var(--et-soft, #dcf2f1);

  --pw-bg:
    var(--et-bg, #f3f8fa);

  --pw-panel-soft:
    var(--et-panel-soft, #f7fafb);

  --pw-border:
    var(--et-border, #d7e4e8);

  --pw-text:
    var(--et-text, #08243c);

  --pw-muted:
    var(--et-muted, #6c8295);
}


/* ==========================================================
   QUITAR ESTRUCTURA VISUAL ANTERIOR
   ========================================================== */

body.elghis-psychometrics-workflow
.psychometrics-topbar {
  display: none !important;
}


body.elghis-psychometrics-workflow
#elghis-psychometrics-hero,
body.elghis-psychometrics-workflow
#elghis-psychometrics-quota-strip {
  display: none !important;
}


body.elghis-psychometrics-workflow
.psychometrics-intro,
body.elghis-psychometrics-workflow
.psychometrics-workspace-summary {
  display: none !important;
}


/* ==========================================================
   CONTENEDOR PRINCIPAL
   ========================================================== */

body.elghis-psychometrics-workflow
.psychometrics-content {
  max-width: none !important;

  margin-left: 106px !important;
  margin-right: 0 !important;

  padding:
    20px
    28px
    42px !important;

  background:
    var(--pw-bg) !important;
}


/* ==========================================================
   SIDEBAR
   Evitamos que vuelva a tapar el header principal.
   ========================================================== */

.elghis-psychometrics-workflow-sidebar {
  position: fixed;

  z-index: 800;

  left: 14px;
  top: 104px;
  bottom: 14px;

  width: 78px;

  padding:
    14px 10px;

  overflow: hidden;

  border-radius:
    22px;

  background:
    linear-gradient(
      180deg,
      var(--pw-primary),
      color-mix(
        in srgb,
        var(--pw-primary) 82%,
        black
      )
    );

  box-shadow:
    0 18px 42px
    color-mix(
      in srgb,
      var(--pw-primary) 18%,
      transparent
    );
}


.elghis-psychometrics-workflow-sidebar
.elghis-dashboard-sidebar-brand {
  width: 54px !important;
  height: 54px !important;

  margin: 0 auto !important;
}


.elghis-psychometrics-workflow-sidebar
.elghis-dashboard-sidebar-nav {
  margin-top: 22px !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 10px !important;
}


.elghis-psychometrics-workflow-sidebar
.elghis-dashboard-sidebar-button {
  width: 54px !important;
  min-width: 54px !important;

  height: 54px !important;
  min-height: 54px !important;

  margin: 0 auto !important;

  border-radius:
    15px !important;
}


.elghis-psychometrics-workflow-sidebar
.elghis-dashboard-sidebar-button.active {
  background:
    linear-gradient(
      145deg,
      var(--pw-accent),
      var(--pw-accent-strong)
    ) !important;

  color: #fff !important;
}


/* ==========================================================
   HEADER DEL MÓDULO
   ========================================================== */

#pw-header {
  min-height: 72px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 22px;

  margin-bottom: 13px;
}


.pw-header-copy {
  min-width: 0;
}


.pw-header-copy h1 {
  margin: 0;

  color:
    var(--pw-text);

  font-size: 24px;
  line-height: 1.15;

  letter-spacing:
    -.03em;
}


.pw-header-copy p {
  margin:
    5px 0 0;

  color:
    var(--pw-muted);

  font-size: 12px;
}


.pw-header-actions {
  display: flex;
  align-items: center;

  gap: 10px;
}


.pw-header-button {
  min-height: 42px;

  padding:
    0 16px;

  display: inline-flex;
  align-items: center;

  gap: 8px;

  border:
    1px solid var(--pw-border);

  border-radius:
    12px;

  background:
    #fff;

  color:
    var(--pw-text);

  cursor: pointer;

  font: inherit;
  font-size: 11px;
  font-weight: 800;
}


.pw-header-button:hover {
  background:
    var(--pw-panel-soft);
}


.pw-header-button svg {
  width: 16px;
  height: 16px;

  fill: none;

  stroke:
    currentColor;

  stroke-width:
    1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================================
   BUSCADOR + FILTROS
   ========================================================== */

#pw-toolbar {
  display: flex;
  align-items: center;

  gap: 16px;

  margin-bottom: 17px;
}


.pw-search {
  position: relative;

  width:
    min(510px, 42vw);

  flex: 0 1 510px;
}


.pw-search svg {
  position: absolute;

  left: 16px;
  top: 50%;

  width: 17px;
  height: 17px;

  transform:
    translateY(-50%);

  fill: none;

  stroke:
    var(--pw-muted);

  stroke-width:
    1.8;
}


.pw-search input {
  width: 100%;
  height: 47px;

  padding:
    0 16px
    0 46px;

  border:
    1px solid var(--pw-border);

  border-radius:
    13px;

  outline: 0;

  background:
    #fff;

  color:
    var(--pw-text);

  font: inherit;
  font-size: 12px;
}


.pw-search input:focus {
  border-color:
    var(--pw-accent);

  box-shadow:
    0 0 0 3px
    color-mix(
      in srgb,
      var(--pw-accent) 11%,
      transparent
    );
}


.pw-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 8px;
}


.pw-filter {
  min-height: 41px;

  padding:
    0 18px;

  border:
    1px solid var(--pw-border);

  border-radius:
    999px;

  background:
    #fff;

  color:
    var(--pw-text);

  cursor: pointer;

  font: inherit;
  font-size: 11px;
  font-weight: 750;
}


.pw-filter.is-active {
  border-color:
    var(--pw-primary);

  background:
    var(--pw-primary);

  color: #fff;
}


/* ==========================================================
   TRES COLUMNAS
   ========================================================== */

#pw-workflow {
  display: grid;

  grid-template-columns:
    minmax(290px, 1fr)
    minmax(300px, .98fr)
    minmax(360px, 1.16fr);

  align-items: start;

  gap: 14px;
}


.pw-column {
  min-width: 0;

  overflow: hidden;

  border:
    1px solid var(--pw-border);

  border-radius:
    18px;

  background:
    #fff;

  box-shadow:
    0 8px 24px
    color-mix(
      in srgb,
      var(--pw-primary) 5%,
      transparent
    );
}


.pw-column-header {
  min-height: 91px;

  padding:
    18px 20px;

  display: flex;
  align-items: flex-start;

  gap: 13px;

  border-bottom:
    1px solid var(--pw-border);
}


.pw-step {
  width: 34px;
  height: 34px;

  flex: 0 0 34px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      var(--pw-primary),
      color-mix(
        in srgb,
        var(--pw-primary) 58%,
        var(--pw-accent)
      )
    );

  color: #fff;

  font-size: 13px;
  font-weight: 850;
}


.pw-column-header h2 {
  margin:
    2px 0 0;

  color:
    var(--pw-text);

  font-size: 17px;

  letter-spacing:
    -.02em;
}


.pw-column-header p {
  margin:
    5px 0 0;

  color:
    var(--pw-muted);

  font-size: 10px;
  line-height: 1.45;
}


.pw-column-body {
  padding:
    17px 18px 20px;
}


/* ==========================================================
   COLUMNA 1 · PRUEBAS
   ========================================================== */

.pw-section-label {
  margin-bottom: 11px;

  color:
    var(--pw-accent-strong);

  font-size: 10px;
  font-weight: 850;

  letter-spacing:
    .035em;
}


#pw-tests-host
.psychometrics-tests-grid {
  display: flex !important;

  flex-direction: column !important;

  gap: 10px !important;
}


#pw-tests-host
.psychometric-test-card {
  position: relative;

  padding:
    14px !important;

  border:
    1px solid var(--pw-border) !important;

  border-radius:
    13px !important;

  box-shadow:
    none !important;

  cursor: pointer;

  transform: none !important;
}


#pw-tests-host
.psychometric-test-card.pw-selected {
  border-color:
    color-mix(
      in srgb,
      var(--pw-accent) 62%,
      var(--pw-border)
    ) !important;

  box-shadow:
    inset 0 0 0 1px
    color-mix(
      in srgb,
      var(--pw-accent) 24%,
      transparent
    ) !important;
}


#pw-tests-host
.psychometric-test-heading {
  padding-right:
    34px;
}


#pw-tests-host
.psychometric-test-icon {
  width: 42px !important;
  height: 42px !important;

  border-radius:
    11px !important;
}


#pw-tests-host
.psychometric-test-heading h3 {
  font-size:
    15px !important;
}


#pw-tests-host
.psychometric-test-status {
  font-size:
    8px !important;
}


#pw-tests-host
.psychometric-test-description {
  min-height: 0 !important;

  margin:
    9px 0 !important;

  font-size:
    10px !important;

  line-height:
    1.45 !important;
}


#pw-tests-host
.psychometric-test-details {
  margin-top:
    8px !important;
}


#pw-tests-host
.psychometric-test-details div {
  min-height: 28px;

  padding:
    5px 0 !important;
}


#pw-tests-host
.psychometric-test-details dt,
#pw-tests-host
.psychometric-test-details dd {
  font-size:
    9px !important;
}


#pw-tests-host
.psychometric-test-action,
#pw-tests-host
.psychometric-test-note {
  display:
    none !important;
}


.pw-radio {
  position: absolute;

  top: 16px;
  right: 14px;

  width: 21px;
  height: 21px;

  display: grid;
  place-items: center;

  border:
    1.5px solid
    #8ea0b3;

  border-radius: 50%;

  background:
    #fff;
}


.pw-selected
.pw-radio {
  border-color:
    var(--pw-accent);
}


.pw-selected
.pw-radio::after {
  content: "";

  width: 11px;
  height: 11px;

  border-radius: 50%;

  background:
    var(--pw-accent);
}


/* ==========================================================
   COLUMNA 2 · ENVÍO
   ========================================================== */

.pw-form-section + .pw-form-section {
  margin-top: 19px;
}


.pw-form-label {
  display: block;

  margin-bottom: 8px;

  color:
    var(--pw-accent-strong);

  font-size: 11px;
  font-weight: 800;
}


.pw-field-caption {
  display: block;

  margin-bottom: 7px;

  color:
    var(--pw-muted);

  font-size: 9px;
}


.pw-input-wrap {
  position: relative;
}


.pw-input-wrap svg {
  position: absolute;

  left: 13px;
  top: 50%;

  width: 16px;
  height: 16px;

  transform:
    translateY(-50%);

  fill: none;

  stroke:
    var(--pw-muted);

  stroke-width:
    1.7;
}


#pw-recipient-email {
  width: 100%;
  height: 44px;

  padding:
    0 13px
    0 40px;

  border:
    1px solid var(--pw-border);

  border-radius:
    10px;

  outline: 0;

  color:
    var(--pw-text);

  font: inherit;
  font-size: 11px;
}


#pw-recipient-email:focus {
  border-color:
    var(--pw-accent);
}


#pw-selected-test {
  min-height: 76px;

  padding:
    13px;

  display: grid;

  grid-template-columns:
    43px 1fr auto;

  align-items: center;

  gap: 11px;

  border:
    1px solid var(--pw-border);

  border-radius:
    11px;

  background:
    #fff;
}


.pw-selected-icon {
  width: 43px;
  height: 43px;

  display: grid;
  place-items: center;

  border-radius:
    11px;

  background:
    color-mix(
      in srgb,
      var(--pw-accent) 12%,
      white
    );

  color:
    var(--pw-accent-strong);

  font-size: 15px;
  font-weight: 850;
}


.pw-selected-copy {
  min-width: 0;
}


.pw-selected-copy strong {
  display: block;

  overflow: hidden;

  color:
    var(--pw-text);

  font-size:
    13px;

  white-space: nowrap;
  text-overflow: ellipsis;
}


.pw-selected-copy span {
  display: block;

  margin-top:
    4px;

  overflow: hidden;

  color:
    var(--pw-muted);

  font-size:
    9px;

  white-space: nowrap;
  text-overflow: ellipsis;
}


.pw-selected-count {
  padding:
    6px 8px;

  border-radius:
    999px;

  background:
    var(--pw-soft);

  color:
    var(--pw-accent-strong);

  font-size:
    8px;
  font-weight: 800;

  white-space: nowrap;
}


.pw-message-box {
  width: 100%;
  min-height: 90px;

  padding:
    12px;

  resize: vertical;

  border:
    1px solid var(--pw-border);

  border-radius:
    10px;

  outline: 0;

  background:
    #fff;

  color:
    var(--pw-text);

  font: inherit;
  font-size: 10px;
}


.pw-message-box:focus {
  border-color:
    var(--pw-accent);
}


.pw-message-help {
  margin-top:
    7px;

  color:
    var(--pw-muted);

  font-size:
    8px;
}


.pw-send-info {
  margin-top:
    19px;

  padding:
    12px 13px;

  display: flex;

  gap: 9px;

  border-radius:
    10px;

  background:
    color-mix(
      in srgb,
      var(--pw-accent) 8%,
      white
    );

  color:
    var(--pw-muted);

  font-size:
    9px;
  line-height:
    1.45;
}


.pw-send-info strong {
  color:
    var(--pw-accent-strong);
}


#pw-send-button {
  width: 100%;

  min-height: 48px;

  margin-top:
    18px;

  border: 0;

  border-radius:
    11px;

  background:
    linear-gradient(
      120deg,
      var(--pw-primary),
      color-mix(
        in srgb,
        var(--pw-primary) 64%,
        var(--pw-accent)
      )
    );

  color: #fff;

  cursor: pointer;

  font: inherit;
  font-size: 12px;
  font-weight: 850;
}


#pw-send-button:disabled {
  opacity: .45;

  cursor: not-allowed;
}


#pw-send-feedback {
  min-height:
    16px;

  margin-top:
    8px;

  color:
    var(--pw-muted);

  font-size:
    9px;
}


#pw-send-feedback.is-error {
  color:
    #b34747;
}


/* ==========================================================
   COLUMNA 3 · HISTORIAL
   ========================================================== */

#pw-history-host
.psychometrics-history {
  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;
}


#pw-history-host
.psychometrics-history-header {
  margin-bottom:
    10px !important;

  align-items:
    center !important;
}


#pw-history-host
.psychometrics-history-header h2 {
  font-size:
    11px !important;

  color:
    var(--pw-accent-strong) !important;
}


#pw-history-host
.psychometrics-history-header p,
#pw-history-host
.psychometrics-applications-count {
  display:
    none !important;
}


#pw-history-host
.psychometrics-applications-refresh {
  min-height:
    34px !important;

  padding:
    0 11px !important;

  border-radius:
    9px !important;

  font-size:
    9px !important;
}


#pw-history-host
.psychometrics-applications-list {
  gap:
    10px !important;
}


#pw-history-host
.psychometrics-application-card {
  display: block !important;

  padding:
    13px !important;

  border:
    1px solid var(--pw-border) !important;

  border-radius:
    12px !important;

  background:
    #fff !important;

  box-shadow:
    none !important;
}


#pw-history-host
.psychometrics-application-card-header {
  align-items:
    flex-start !important;

  margin-bottom:
    9px;
}


#pw-history-host
.psychometrics-application-card
.eyebrow {
  font-size:
    8px !important;

  color:
    var(--pw-accent-strong) !important;
}


#pw-history-host
.psychometrics-application-card h3 {
  font-size:
    11px !important;

  margin-top:
    4px !important;
}


#pw-history-host
.psychometrics-application-status {
  max-width:
    120px;

  font-size:
    8px !important;
}


#pw-history-host
.psychometrics-application-details {
  display: grid !important;

  grid-template-columns:
    repeat(
      auto-fit,
      minmax(105px, 1fr)
    ) !important;

  gap:
    5px !important;
}


#pw-history-host
.psychometrics-application-detail {
  padding:
    8px !important;

  border-radius:
    8px !important;

  background:
    var(--pw-panel-soft);
}


#pw-history-host
.psychometrics-application-detail-label {
  font-size:
    7px !important;
}


#pw-history-host
.psychometrics-application-detail-value {
  font-size:
    8px !important;
}


#pw-history-host
.psychometrics-application-actions {
  margin-top:
    9px;

  justify-content:
    flex-end !important;
}


#pw-history-host
.psychometrics-report-link,
#pw-history-host
.psychometrics-report-pending,
#pw-history-host
.psychometrics-application-action {
  min-height:
    34px !important;

  padding:
    0 11px !important;

  border-radius:
    9px !important;

  font-size:
    8px !important;
}


/* ==========================================================
   FILTRADO
   ========================================================== */

.pw-hidden {
  display:
    none !important;
}


.pw-filter-empty {
  padding:
    20px 10px;

  color:
    var(--pw-muted);

  font-size:
    10px;

  text-align:
    center;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1250px) {

  #pw-workflow {
    grid-template-columns:
      1fr 1fr;
  }

  #pw-column-results {
    grid-column:
      1 / -1;
  }
}


@media (max-width: 820px) {

  .elghis-psychometrics-workflow-sidebar {
    display:
      none !important;
  }

  body.elghis-psychometrics-workflow
  .psychometrics-content {
    margin-left:
      0 !important;

    padding:
      16px !important;
  }

  #pw-header {
    align-items:
      flex-start;

    flex-direction:
      column;
  }

  #pw-toolbar {
    align-items:
      stretch;

    flex-direction:
      column;
  }

  .pw-search {
    width:
      100%;

    flex-basis:
      auto;
  }

  #pw-workflow {
    grid-template-columns:
      1fr;
  }

  #pw-column-results {
    grid-column:
      auto;
  }
}


/* ==========================================================
   ELGHIS_PSYCHOMETRICS_LOCAL_FIX_10C3
   SOLO afecta Psicometría
   ========================================================== */


/* Eliminar visualmente clones anteriores */

body.elghis-psychometrics-workflow
.elghis-psychometrics-sidebar,
body.elghis-psychometrics-workflow
.elghis-psychometrics-workflow-sidebar {
  display: none !important;
}


/* ----------------------------------------------------------
   SIDEBAR LOCAL
   ---------------------------------------------------------- */

#pw-local-sidebar {
  position: fixed !important;

  z-index: 1200 !important;

  left: 14px !important;
  top: 112px !important;
  bottom: 14px !important;

  width: 80px !important;
  height: auto !important;

  box-sizing: border-box;

  display: flex;
  flex-direction: column;

  padding:
    14px 11px !important;

  margin: 0 !important;

  overflow: hidden;

  border-radius:
    22px !important;

  background:
    linear-gradient(
      180deg,
      var(--pw-primary) 0%,
      color-mix(
        in srgb,
        var(--pw-primary) 88%,
        var(--pw-accent)
      ) 55%,
      color-mix(
        in srgb,
        var(--pw-primary) 84%,
        black
      ) 100%
    ) !important;

  box-shadow:
    0 18px 42px
    color-mix(
      in srgb,
      var(--pw-primary) 18%,
      transparent
    ) !important;

  transform: none !important;
}


#pw-local-sidebar
.elghis-dashboard-sidebar-brand {
  width: 56px !important;
  height: 56px !important;

  flex:
    0 0 56px;

  margin:
    0 auto !important;
}


#pw-local-sidebar
.elghis-dashboard-sidebar-nav {
  display: flex !important;

  flex-direction: column !important;

  align-items: center;

  gap: 10px !important;

  margin-top:
    22px !important;
}


#pw-local-sidebar
.elghis-dashboard-sidebar-button {
  width: 56px !important;
  min-width: 56px !important;

  height: 56px !important;
  min-height: 56px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;
  place-items: center;

  border-radius:
    15px !important;
}


#pw-local-sidebar
.elghis-dashboard-sidebar-button.active {
  background:
    linear-gradient(
      145deg,
      var(--pw-accent),
      var(--pw-accent-strong)
    ) !important;

  color:
    #ffffff !important;
}


/* ----------------------------------------------------------
   CUERPO
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
.psychometrics-content {
  box-sizing:
    border-box !important;

  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;

  padding:
    22px
    28px
    48px
    116px !important;

  overflow:
    visible !important;
}


/* ----------------------------------------------------------
   ANCHO INTERNO
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-header,
body.elghis-psychometrics-workflow
#pw-toolbar,
body.elghis-psychometrics-workflow
#pw-workflow {
  box-sizing:
    border-box !important;

  width:
    100% !important;

  max-width:
    1640px !important;

  margin-left:
    auto !important;

  margin-right:
    auto !important;
}


/* ----------------------------------------------------------
   TOOLBAR
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-toolbar {
  display: grid !important;

  grid-template-columns:
    minmax(340px, .9fr)
    minmax(520px, 1.25fr);

  gap:
    18px !important;
}


body.elghis-psychometrics-workflow
.pw-search {
  width:
    100% !important;

  max-width:
    none !important;

  flex:
    none !important;
}


/* ----------------------------------------------------------
   TRES COLUMNAS
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-workflow {
  display: grid !important;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(0, 1fr)
    minmax(0, 1.16fr)
    !important;

  gap:
    16px !important;

  align-items:
    start !important;
}


body.elghis-psychometrics-workflow
.pw-column {
  width:
    100% !important;

  min-width:
    0 !important;

  box-sizing:
    border-box !important;
}


/* ----------------------------------------------------------
   Evitar overflow de emails y textos
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
.psychometrics-application-detail-value,
body.elghis-psychometrics-workflow
.psychometrics-application-card h3,
body.elghis-psychometrics-workflow
.pw-selected-copy {
  min-width: 0;

  overflow-wrap:
    anywhere;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 1250px) {

  body.elghis-psychometrics-workflow
  #pw-toolbar {
    grid-template-columns:
      1fr !important;
  }

  body.elghis-psychometrics-workflow
  #pw-workflow {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;
  }

  body.elghis-psychometrics-workflow
  #pw-column-results {
    grid-column:
      1 / -1;
  }
}


@media (max-width: 820px) {

  #pw-local-sidebar {
    display:
      none !important;
  }

  body.elghis-psychometrics-workflow
  .psychometrics-content {
    padding:
      15px !important;
  }

  body.elghis-psychometrics-workflow
  #pw-workflow {
    grid-template-columns:
      1fr !important;
  }

  body.elghis-psychometrics-workflow
  #pw-column-results {
    grid-column:
      auto;
  }
}



/* ==========================================================
   ELGHIS_PW_SHELL_10C4
   Sidebar integrada al cuerpo de Psicometría
   ========================================================== */


/* ----------------------------------------------------------
   CONTENEDOR EXTERIOR
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
.psychometrics-content {
  box-sizing:
    border-box !important;

  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;

  padding:
    16px !important;

  background:
    var(--pw-bg) !important;

  overflow:
    visible !important;
}


/* ----------------------------------------------------------
   SHELL
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-shell {
  width:
    100%;

  max-width:
    1700px;

  margin:
    0 auto;

  display:
    grid;

  grid-template-columns:
    86px minmax(0, 1fr);

  align-items:
    stretch;

  gap:
    0;

  box-sizing:
    border-box;

  border:
    1px solid
    var(--pw-border);

  border-radius:
    27px;

  background:
    #ffffff;

  box-shadow:
    0 14px 40px
    color-mix(
      in srgb,
      var(--pw-primary) 7%,
      transparent
    );
}


/* ----------------------------------------------------------
   SIDEBAR
   Ya NO es fixed.
   Está dentro del mismo shell.
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-shell
#pw-local-sidebar {
  position:
    sticky !important;

  top:
    14px !important;

  bottom:
    auto !important;

  left:
    auto !important;

  align-self:
    start !important;

  width:
    86px !important;

  height:
    calc(100vh - 28px) !important;

  min-height:
    600px;

  margin:
    0 !important;

  padding:
    16px 12px !important;

  box-sizing:
    border-box;

  border-radius:
    27px 0 0 27px !important;

  background:
    linear-gradient(
      180deg,
      var(--pw-primary) 0%,
      color-mix(
        in srgb,
        var(--pw-primary) 88%,
        var(--pw-accent)
      ) 55%,
      color-mix(
        in srgb,
        var(--pw-primary) 84%,
        black
      ) 100%
    ) !important;

  box-shadow:
    none !important;

  transform:
    none !important;

  z-index:
    3 !important;
}


/* Logo */

body.elghis-psychometrics-workflow
#pw-local-sidebar
.elghis-dashboard-sidebar-brand {
  width:
    58px !important;

  height:
    58px !important;

  margin:
    0 auto !important;
}


/* Navegación */

body.elghis-psychometrics-workflow
#pw-local-sidebar
.elghis-dashboard-sidebar-nav {
  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    center;

  gap:
    10px !important;

  margin-top:
    24px !important;
}


body.elghis-psychometrics-workflow
#pw-local-sidebar
.elghis-dashboard-sidebar-button {
  width:
    58px !important;

  min-width:
    58px !important;

  height:
    58px !important;

  min-height:
    58px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  display:
    grid !important;

  place-items:
    center;

  border-radius:
    16px !important;
}


body.elghis-psychometrics-workflow
#pw-local-sidebar
.elghis-dashboard-sidebar-button.active {
  background:
    linear-gradient(
      145deg,
      var(--pw-accent),
      var(--pw-accent-strong)
    ) !important;

  color:
    #ffffff !important;
}


/* ----------------------------------------------------------
   CUERPO DERECHO
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-main {
  min-width:
    0;

  box-sizing:
    border-box;

  padding:
    22px
    24px
    34px;

  border-radius:
    0 27px 27px 0;

  background:
    var(--pw-bg);
}


/* ----------------------------------------------------------
   HEADER / TOOLBAR / WORKFLOW
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-main
#pw-header,
body.elghis-psychometrics-workflow
#pw-module-main
#pw-toolbar,
body.elghis-psychometrics-workflow
#pw-module-main
#pw-workflow {
  width:
    100% !important;

  max-width:
    none !important;

  margin-left:
    0 !important;

  margin-right:
    0 !important;

  box-sizing:
    border-box !important;
}


/* ----------------------------------------------------------
   TOOLBAR
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-main
#pw-toolbar {
  display:
    grid !important;

  grid-template-columns:
    minmax(300px, .9fr)
    minmax(490px, 1.3fr);

  gap:
    16px !important;

  align-items:
    center;
}


body.elghis-psychometrics-workflow
#pw-module-main
.pw-search {
  width:
    100% !important;

  max-width:
    none !important;

  flex:
    none !important;
}


/* ----------------------------------------------------------
   TRES COLUMNAS
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-main
#pw-workflow {
  display:
    grid !important;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(0, 1fr)
    minmax(0, 1.15fr)
    !important;

  gap:
    15px !important;

  align-items:
    start !important;
}


body.elghis-psychometrics-workflow
#pw-module-main
.pw-column {
  width:
    100% !important;

  min-width:
    0 !important;

  box-sizing:
    border-box !important;
}


/* ----------------------------------------------------------
   Clones viejos
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
.elghis-psychometrics-sidebar,
body.elghis-psychometrics-workflow
.elghis-psychometrics-workflow-sidebar {
  display:
    none !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 1250px) {

  body.elghis-psychometrics-workflow
  #pw-module-main
  #pw-toolbar {
    grid-template-columns:
      1fr !important;
  }

  body.elghis-psychometrics-workflow
  #pw-module-main
  #pw-workflow {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;
  }

  body.elghis-psychometrics-workflow
  #pw-column-results {
    grid-column:
      1 / -1;
  }
}


@media (max-width: 820px) {

  body.elghis-psychometrics-workflow
  #pw-module-shell {
    display:
      block;
  }

  body.elghis-psychometrics-workflow
  #pw-local-sidebar {
    display:
      none !important;
  }

  body.elghis-psychometrics-workflow
  #pw-module-main {
    padding:
      15px;
  }

  body.elghis-psychometrics-workflow
  #pw-module-main
  #pw-workflow {
    grid-template-columns:
      1fr !important;
  }

  body.elghis-psychometrics-workflow
  #pw-column-results {
    grid-column:
      auto;
  }
}


/* ==========================================================
ELGHIS_PW_STICKY_FIX_10C5
Corrige la sidebar local para que quede adherida al cuerpo
y no baje al hacer scroll.
========================================================== */

.psychometrics-content,
.pw-shell,
.pw-shell-main,
.pw-workflow-shell,
.pw-workflow-main {
  overflow: visible !important;
  min-width: 0 !important;
}

.pw-shell,
.pw-workflow-shell {
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 24px !important;
}

#pw-local-sidebar,
.pw-shell > #pw-local-sidebar,
.pw-workflow-shell > #pw-local-sidebar {
  position: sticky !important;
  top: 0 !important;
  align-self: start !important;
  margin: 0 !important;
  transform: none !important;
  inset: auto !important;
  z-index: 20 !important;
}

#pw-local-sidebar .elghis-dashboard-sidebar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  transform: none !important;
}

.pw-shell-main,
.pw-workflow-main,
.psychometrics-content > * {
  min-width: 0 !important;
}

@media (max-width: 1100px) {
  .pw-shell,
  .pw-workflow-shell {
    grid-template-columns: 1fr !important;
  }

  #pw-local-sidebar,
  .pw-shell > #pw-local-sidebar,
  .pw-workflow-shell > #pw-local-sidebar {
    position: relative !important;
    top: auto !important;
  }
}



/* ==========================================================
   ELGHIS_PW_VISUAL_FIX_10C6
   Sidebar fija + escala tipográfica + cards compactas
   ========================================================== */


/* ==========================================================
   SHELL
   ========================================================== */

body.elghis-psychometrics-workflow
#pw-module-shell {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  max-width: 1700px !important;

  min-height: 100vh;

  margin: 0 auto !important;

  border: 0 !important;
  border-radius: 0 !important;

  background:
    transparent !important;

  box-shadow:
    none !important;
}


/* ==========================================================
   SIDEBAR
   FIJA EN PANTALLA, PERO VISUALMENTE UNIDA AL CUERPO
   ========================================================== */

body.elghis-psychometrics-workflow
#pw-local-sidebar {
  position: fixed !important;

  top: 0 !important;
  bottom: 0 !important;

  left:
    max(
      0px,
      calc(
        (100vw - 1700px) / 2
      )
    ) !important;

  width: 86px !important;

  height: 100vh !important;
  min-height: 100vh !important;

  margin: 0 !important;

  padding:
    18px 12px !important;

  box-sizing:
    border-box !important;

  overflow:
    hidden !important;

  border-radius:
    26px 0 0 26px !important;

  background:
    linear-gradient(
      180deg,
      var(--pw-primary) 0%,
      color-mix(
        in srgb,
        var(--pw-primary) 88%,
        var(--pw-accent)
      ) 58%,
      color-mix(
        in srgb,
        var(--pw-primary) 84%,
        black
      ) 100%
    ) !important;

  box-shadow:
    none !important;

  transform:
    none !important;

  z-index:
    1200 !important;
}


/* ==========================================================
   CUERPO
   Empieza exactamente donde termina la sidebar
   ========================================================== */

body.elghis-psychometrics-workflow
#pw-module-main {
  box-sizing:
    border-box !important;

  width:
    calc(100% - 86px) !important;

  min-width:
    0 !important;

  min-height:
    100vh;

  margin:
    0 0 0 86px !important;

  padding:
    22px 28px 38px !important;

  border:
    1px solid
    var(--pw-border);

  border-left:
    0;

  border-radius:
    0 26px 26px 0 !important;

  background:
    var(--pw-bg) !important;
}


/* El contenedor exterior no añade separación */

body.elghis-psychometrics-workflow
.psychometrics-content {
  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    var(--pw-bg) !important;

  overflow:
    visible !important;
}


/* ==========================================================
   ESCALA TIPOGRÁFICA
   Igualamos el módulo al resto de Elghis
   ========================================================== */

body.elghis-psychometrics-workflow
#pw-module-main {
  font-size:
    14px !important;

  line-height:
    1.45;
}


body.elghis-psychometrics-workflow
.pw-header-copy h1 {
  font-size:
    28px !important;

  line-height:
    1.15 !important;
}


body.elghis-psychometrics-workflow
.pw-header-copy p {
  font-size:
    13px !important;
}


body.elghis-psychometrics-workflow
.pw-column-header h2 {
  font-size:
    18px !important;

  line-height:
    1.25 !important;
}


body.elghis-psychometrics-workflow
.pw-column-header p {
  font-size:
    12px !important;

  line-height:
    1.45 !important;
}


body.elghis-psychometrics-workflow
.pw-section-label,
body.elghis-psychometrics-workflow
.pw-form-label {
  font-size:
    12px !important;
}


body.elghis-psychometrics-workflow
.pw-field-caption {
  font-size:
    11px !important;
}


body.elghis-psychometrics-workflow
.pw-filter,
body.elghis-psychometrics-workflow
.pw-header-button {
  font-size:
    12px !important;
}


body.elghis-psychometrics-workflow
.pw-search input,
body.elghis-psychometrics-workflow
#pw-recipient-email {
  font-size:
    13px !important;
}


/* ==========================================================
   TARJETAS DE PRUEBAS
   Eliminar altura desperdiciada
   ========================================================== */

body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-card {
  display:
    block !important;

  min-height:
    0 !important;

  height:
    auto !important;

  padding:
    16px !important;

  justify-content:
    initial !important;

  align-content:
    initial !important;

  gap:
    0 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-heading {
  min-height:
    0 !important;

  margin:
    0 !important;

  padding-right:
    34px !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-icon {
  width:
    46px !important;

  height:
    46px !important;

  font-size:
    16px !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-heading h3 {
  margin:
    0 !important;

  font-size:
    17px !important;

  line-height:
    1.25 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-status {
  margin-top:
    5px !important;

  font-size:
    10px !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-description {
  min-height:
    0 !important;

  height:
    auto !important;

  margin:
    14px 0 12px !important;

  font-size:
    12px !important;

  line-height:
    1.5 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-details {
  min-height:
    0 !important;

  height:
    auto !important;

  margin:
    4px 0 0 !important;

  padding:
    0 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-details div {
  min-height:
    0 !important;

  height:
    auto !important;

  padding:
    8px 0 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-details dt {
  font-size:
    11px !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-details dd {
  font-size:
    11px !important;
}


/* Seguimos usando el botón central de envío */

body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-action,
body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-note {
  display:
    none !important;
}


/* ==========================================================
   COLUMNA CENTRAL
   ========================================================== */

body.elghis-psychometrics-workflow
.pw-selected-copy strong {
  font-size:
    15px !important;
}


body.elghis-psychometrics-workflow
.pw-selected-copy span {
  font-size:
    11px !important;
}


body.elghis-psychometrics-workflow
.pw-selected-count {
  font-size:
    10px !important;
}


body.elghis-psychometrics-workflow
.pw-message-box {
  font-size:
    12px !important;

  line-height:
    1.5 !important;
}


body.elghis-psychometrics-workflow
.pw-message-help,
body.elghis-psychometrics-workflow
.pw-send-info,
body.elghis-psychometrics-workflow
#pw-send-feedback {
  font-size:
    10px !important;
}


body.elghis-psychometrics-workflow
#pw-send-button {
  font-size:
    13px !important;
}


/* ==========================================================
   HISTORIAL
   Recuperar legibilidad
   ========================================================== */

body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-history-header h2 {
  font-size:
    13px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-card
.eyebrow {
  font-size:
    10px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-card h3 {
  font-size:
    13px !important;

  line-height:
    1.35 !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-status {
  font-size:
    9px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-detail-label {
  font-size:
    9px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-detail-value {
  font-size:
    10px !important;

  line-height:
    1.4 !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-report-link,
body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-report-pending,
body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-action,
body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-applications-refresh {
  font-size:
    10px !important;
}


/* ==========================================================
   TRES COLUMNAS
   ========================================================== */

body.elghis-psychometrics-workflow
#pw-workflow {
  grid-template-columns:
    minmax(0, .92fr)
    minmax(0, 1fr)
    minmax(0, 1.15fr)
    !important;

  gap:
    16px !important;
}


body.elghis-psychometrics-workflow
.pw-column {
  min-width:
    0 !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1250px) {

  body.elghis-psychometrics-workflow
  #pw-workflow {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;
  }

  body.elghis-psychometrics-workflow
  #pw-column-results {
    grid-column:
      1 / -1;
  }
}


@media (max-width: 820px) {

  body.elghis-psychometrics-workflow
  #pw-local-sidebar {
    display:
      none !important;
  }

  body.elghis-psychometrics-workflow
  #pw-module-main {
    width:
      100% !important;

    margin:
      0 !important;

    border-left:
      1px solid
      var(--pw-border);

    border-radius:
      20px !important;

    padding:
      15px !important;
  }

  body.elghis-psychometrics-workflow
  #pw-workflow {
    grid-template-columns:
      1fr !important;
  }

  body.elghis-psychometrics-workflow
  #pw-column-results {
    grid-column:
      auto;
  }
}



/* ==========================================================
   ELGHIS_PW_FINAL_LAYOUT_10C7
   Reset definitivo de geometría de Psicometría
   ========================================================== */


/* ----------------------------------------------------------
   1. CONTENEDOR
   Eliminar cualquier espacio heredado anterior
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
.psychometrics-content {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;

  min-height: 100vh !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  background:
    var(--pw-bg) !important;
}


/*
 * Después de 10C-4 todo el módulo real vive
 * dentro de #pw-module-shell.
 * Ocultamos residuos visuales que hayan quedado
 * como hijos directos fuera del shell.
 */

body.elghis-psychometrics-workflow
.psychometrics-content
> :not(#pw-module-shell) {
  display: none !important;
}


/* ----------------------------------------------------------
   2. SHELL
   Sidebar y contenido son físicamente una sola cuadrícula
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-shell {
  position: relative !important;

  top: auto !important;
  left: auto !important;

  display: grid !important;

  grid-template-columns:
    100px minmax(0, 1fr) !important;

  align-items: stretch !important;

  gap: 0 !important;

  width: 100% !important;
  max-width: none !important;

  min-height: 100vh !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  border: 0 !important;
  border-radius: 0 !important;

  background:
    var(--pw-bg) !important;

  box-shadow: none !important;

  transform: none !important;
}


/* ----------------------------------------------------------
   3. SIDEBAR
   Pegada al cuerpo y fija visualmente durante el scroll
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-shell
#pw-local-sidebar {
  position: sticky !important;

  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  align-self: start !important;

  width: 100px !important;
  height: 100vh !important;

  min-height: 100vh !important;

  margin: 0 !important;
  padding: 18px 14px !important;

  box-sizing: border-box !important;

  overflow: hidden !important;

  border-radius:
    0 !important;

  background:
    linear-gradient(
      180deg,
      var(--pw-primary) 0%,
      color-mix(
        in srgb,
        var(--pw-primary) 88%,
        var(--pw-accent)
      ) 58%,
      color-mix(
        in srgb,
        var(--pw-primary) 83%,
        black
      ) 100%
    ) !important;

  box-shadow: none !important;

  transform: none !important;

  z-index: 20 !important;
}


body.elghis-psychometrics-workflow
#pw-local-sidebar
.elghis-dashboard-sidebar-brand {
  width: 64px !important;
  height: 64px !important;

  margin:
    0 auto !important;
}


body.elghis-psychometrics-workflow
#pw-local-sidebar
.elghis-dashboard-sidebar-nav {
  display: flex !important;

  flex-direction: column !important;
  align-items: center !important;

  gap: 12px !important;

  margin-top:
    28px !important;
}


body.elghis-psychometrics-workflow
#pw-local-sidebar
.elghis-dashboard-sidebar-button {
  width: 64px !important;
  min-width: 64px !important;

  height: 64px !important;
  min-height: 64px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;
  place-items: center !important;

  border-radius:
    17px !important;
}


body.elghis-psychometrics-workflow
#pw-local-sidebar
.elghis-dashboard-sidebar-button svg {
  width: 23px !important;
  height: 23px !important;
}


/* ----------------------------------------------------------
   4. CUERPO
   Empieza ARRIBA y pegado a la sidebar
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-module-main {
  position: relative !important;

  top: auto !important;
  left: auto !important;

  width: auto !important;
  max-width: none !important;

  min-width: 0 !important;
  min-height: 100vh !important;

  margin: 0 !important;

  padding:
    26px
    clamp(24px, 2.2vw, 38px)
    44px !important;

  box-sizing: border-box !important;

  border: 0 !important;
  border-radius: 0 !important;

  background:
    var(--pw-bg) !important;

  transform: none !important;
}


/* ----------------------------------------------------------
   5. ANCHO INTERNO
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-header,
body.elghis-psychometrics-workflow
#pw-toolbar,
body.elghis-psychometrics-workflow
#pw-workflow {
  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   6. HEADER
   Escala similar al resto de Elghis
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-header {
  min-height: 78px !important;

  margin-bottom: 14px !important;
}


body.elghis-psychometrics-workflow
.pw-header-copy h1 {
  margin: 0 !important;

  font-size: 30px !important;
  line-height: 1.15 !important;

  letter-spacing: -.035em !important;
}


body.elghis-psychometrics-workflow
.pw-header-copy p {
  margin-top: 6px !important;

  font-size: 14px !important;
  line-height: 1.45 !important;
}


body.elghis-psychometrics-workflow
.pw-header-button {
  min-height: 46px !important;

  padding:
    0 17px !important;

  font-size: 13px !important;
}


/* ----------------------------------------------------------
   7. BUSCADOR Y FILTROS
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-toolbar {
  display: grid !important;

  grid-template-columns:
    minmax(320px, .9fr)
    minmax(530px, 1.3fr) !important;

  align-items: center !important;

  gap: 18px !important;

  margin-bottom: 18px !important;
}


body.elghis-psychometrics-workflow
.pw-search {
  width: 100% !important;
  max-width: none !important;

  flex: none !important;
}


body.elghis-psychometrics-workflow
.pw-search input {
  height: 50px !important;

  font-size: 14px !important;
}


body.elghis-psychometrics-workflow
.pw-filter {
  min-height: 44px !important;

  padding:
    0 18px !important;

  font-size: 13px !important;
}


/* ----------------------------------------------------------
   8. TRES COLUMNAS
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-workflow {
  display: grid !important;

  grid-template-columns:
    minmax(0, .94fr)
    minmax(0, 1fr)
    minmax(0, 1.16fr)
    !important;

  align-items: start !important;

  gap: 16px !important;
}


body.elghis-psychometrics-workflow
.pw-column {
  min-width: 0 !important;

  width: 100% !important;

  border-radius:
    18px !important;
}


body.elghis-psychometrics-workflow
.pw-column-header {
  min-height: 100px !important;

  padding:
    20px !important;
}


body.elghis-psychometrics-workflow
.pw-step {
  width: 38px !important;
  height: 38px !important;

  flex-basis: 38px !important;

  font-size: 14px !important;
}


body.elghis-psychometrics-workflow
.pw-column-header h2 {
  font-size: 20px !important;
  line-height: 1.25 !important;
}


body.elghis-psychometrics-workflow
.pw-column-header p {
  margin-top: 5px !important;

  font-size: 13px !important;
  line-height: 1.45 !important;
}


body.elghis-psychometrics-workflow
.pw-column-body {
  padding:
    20px !important;
}


/* ----------------------------------------------------------
   9. TARJETAS DE PRUEBAS
   Sin altura sobrante
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-tests-host
.psychometrics-tests-grid {
  display: flex !important;

  flex-direction: column !important;

  align-items: stretch !important;

  gap: 12px !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-card {
  display: block !important;

  width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;

  padding:
    17px !important;

  box-sizing:
    border-box !important;

  align-self: auto !important;
  justify-self: auto !important;

  flex: 0 0 auto !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-heading {
  min-height: 0 !important;

  margin: 0 !important;

  padding-right:
    34px !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-icon {
  width: 48px !important;
  height: 48px !important;

  font-size: 17px !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-heading h3 {
  font-size: 18px !important;
  line-height: 1.25 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-status {
  font-size: 10px !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-description {
  min-height: 0 !important;
  height: auto !important;

  margin:
    14px 0 12px !important;

  font-size: 13px !important;
  line-height: 1.5 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-details {
  min-height: 0 !important;
  height: auto !important;

  margin:
    0 !important;
  padding:
    0 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-details div {
  min-height: 0 !important;
  height: auto !important;

  padding:
    9px 0 !important;
}


body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-details dt,
body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-details dd {
  font-size: 12px !important;
}


/* ----------------------------------------------------------
   10. COLUMNA CENTRAL
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
.pw-section-label,
body.elghis-psychometrics-workflow
.pw-form-label {
  font-size: 13px !important;
}


body.elghis-psychometrics-workflow
.pw-field-caption {
  font-size: 12px !important;
}


body.elghis-psychometrics-workflow
#pw-recipient-email {
  height: 48px !important;

  font-size: 13px !important;
}


body.elghis-psychometrics-workflow
.pw-selected-copy strong {
  font-size: 16px !important;
}


body.elghis-psychometrics-workflow
.pw-selected-copy span {
  font-size: 12px !important;
}


body.elghis-psychometrics-workflow
.pw-selected-count {
  font-size: 10px !important;
}


body.elghis-psychometrics-workflow
.pw-message-box {
  min-height: 105px !important;

  font-size: 13px !important;
}


body.elghis-psychometrics-workflow
.pw-message-help,
body.elghis-psychometrics-workflow
.pw-send-info {
  font-size: 11px !important;
}


body.elghis-psychometrics-workflow
#pw-send-button {
  min-height: 50px !important;

  font-size: 14px !important;
}


/* ----------------------------------------------------------
   11. RESULTADOS
   ---------------------------------------------------------- */

body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-history-header h2 {
  font-size: 14px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-card
.eyebrow {
  font-size: 10px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-card h3 {
  font-size: 14px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-status {
  font-size: 10px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-detail-label {
  font-size: 9px !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-detail-value {
  font-size: 11px !important;
  line-height: 1.4 !important;
}


body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-report-link,
body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-report-pending,
body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-action,
body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-applications-refresh {
  font-size: 11px !important;
}


/* ----------------------------------------------------------
   12. RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 1250px) {

  body.elghis-psychometrics-workflow
  #pw-toolbar {
    grid-template-columns:
      1fr !important;
  }

  body.elghis-psychometrics-workflow
  #pw-workflow {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;
  }

  body.elghis-psychometrics-workflow
  #pw-column-results {
    grid-column:
      1 / -1;
  }
}


@media (max-width: 820px) {

  body.elghis-psychometrics-workflow
  #pw-module-shell {
    display: block !important;
  }

  body.elghis-psychometrics-workflow
  #pw-local-sidebar {
    display: none !important;
  }

  body.elghis-psychometrics-workflow
  #pw-module-main {
    padding:
      16px !important;
  }

  body.elghis-psychometrics-workflow
  #pw-workflow {
    grid-template-columns:
      1fr !important;
  }

  body.elghis-psychometrics-workflow
  #pw-column-results {
    grid-column: auto;
  }
}


/* ==========================================================
   ELGHIS_PW_FILTER_FIX_10C8
   La clase pw-hidden debe ganar sobre los display heredados
   ========================================================== */

body.elghis-psychometrics-workflow
#pw-tests-host
.psychometric-test-card.pw-hidden {
  display: none !important;
}

body.elghis-psychometrics-workflow
#pw-history-host
.psychometrics-application-card.pw-hidden {
  display: none !important;
}