/* jobs-md.css v1.4.0 */
:root{
  --job-selected-bg:#1F4461;
  --job-selected-text:#fff;
  --job-selected-icon:#000;
  --job-selected-text-muted:rgba(255,255,255,.85);
}

.instrua-job-detail-container{position:relative;min-height:180px}

/* Overlay simples só para bloquear interação (sem “flash de luz”) */
.instrua-job-detail-skeleton{
  display:none;
  position:absolute; inset:0;
  background: transparent; /* sem brilho/flash */
  z-index: 2;
  pointer-events: all;      /* bloqueia cliques no conteúdo */
  cursor: progress;
}

/* Enquanto carrega, aplica blur suave no conteúdo do painel direito */
.instrua-job-detail-content{
  transition: filter .18s ease, opacity .18s ease;
}
.instrua-job-detail-container.is-loading .instrua-job-detail-content{
  filter: blur(3px);
  opacity: .92; /* leve fade opcional */
}

/* quando carregando, esquerda desativa (sem spinner) */
.instrua-loading-detail #jobs-list .jet-listing-grid__item:not(.is-selected){
  opacity:.45; pointer-events:none; filter:grayscale(.1);
}

/* ====== ESTILO DO CARD SELECIONADO (esquerda) ====== */
#jobs-list .jet-listing-grid__item.is-selected .job-card{
  background-color:var(--job-selected-bg) !important;
  color:var(--job-selected-text) !important;
}

/* exemplo extra do seu CSS original */
#jobs-list .jet-listing-grid__item.is-selected .job-card .btnset svg{
  transform: rotate(90deg) !important;
}

#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-heading-title,
#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-icon-box-title,
#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-icon-list-item,
#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-widget-text-editor,
#jobs-list .jet-listing-grid__item.is-selected .job-card .jet-listing-dynamic-field,
#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-widget-icon,
#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-icon{
  color:var(--job-selected-text) !important;
  fill:var(--job-selected-text) !important;
}

#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-widget-text-editor p,
#jobs-list .jet-listing-grid__item.is-selected .job-card .jet-listing-dynamic-field .jet-listing-dynamic-field__content{
  color:var(--job-selected-text-muted) !important;
}

#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-button{
  color:var(--job-selected-icon) !important;
  background:#fff !important;
  border-color:#fff !important;
}

#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-button svg,
#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-button path{
  fill:var(--job-selected-text) !important;
}

#jobs-list .jet-listing-grid__item.is-selected .job-card .elementor-button svg{
  background: var(--job-selected-bg) !important;
}

/* mantém bordas do seu card */
#jobs-list .jet-listing-grid__item.is-selected .job-card{
  border-radius:40px !important;
}

/* helper */
.job-id{display:none!important}
