/* Acento operativo unificado. No altera estructura, estados semánticos ni logos. */
.jd-dashboard-shell,
.jd-services-shell,
.jd-workspace-shell {
  --jd-unified-green: #22e58a;
  --jd-unified-green-strong: #14c878;
  --jd-unified-green-soft: rgb(34 229 138 / 12%);
  --jd-unified-green-border: rgb(34 229 138 / 34%);
  background-image: radial-gradient(circle at 86% 0, rgb(34 229 138 / 7%), transparent 27%);
}

.jd-dashboard-brand > span,
.jd-services-brand > span,
.jd-workspace-brand > span {
  color: #02120b;
  background: linear-gradient(145deg, var(--jd-unified-green), #0ca864);
  box-shadow: 0 8px 24px rgb(22 201 120 / 25%);
}

.jd-dashboard-nav a.active,
.jd-services-nav a.active,
.jd-workspace-nav a.active {
  color: #e8fff4;
  border-color: var(--jd-unified-green-border);
  background: linear-gradient(100deg, rgb(13 125 79 / 72%), rgb(9 79 57 / 78%));
  box-shadow: inset 3px 0 var(--jd-unified-green), 0 8px 24px rgb(22 201 120 / 15%);
}

.jd-dashboard-nav a.active svg,
.jd-services-nav a.active svg,
.jd-workspace-nav a.active svg {
  color: #5bf0aa;
  filter: drop-shadow(0 0 8px rgb(34 229 138 / 45%));
}

.jd-dashboard-primary,
.jd-services-primary,
.jd-workspace-primary,
.jd-workspace-shell .jd-btn-primary,
.jd-services-filters button {
  color: #02120b;
  border-color: var(--jd-unified-green);
  background: linear-gradient(105deg, var(--jd-unified-green), var(--jd-unified-green-strong));
  box-shadow: 0 9px 25px rgb(22 201 120 / 20%);
}

.jd-dashboard-search input:focus,
.jd-services-global-search input:focus,
.jd-workspace-search input:focus,
.jd-services-filters input:focus,
.jd-services-filters select:focus,
.jd-workspace-shell input:focus,
.jd-workspace-shell select:focus,
.jd-workspace-shell textarea:focus {
  border-color: var(--jd-unified-green);
  box-shadow: 0 0 0 3px rgb(34 229 138 / 10%);
}

.jd-dashboard-eyebrow,
.jd-dashboard-panel-heading p,
.jd-dashboard-panel > header > a,
.jd-services-intro > div > a,
.jd-service-view,
.jd-workspace-shell .jd-eyebrow {
  color: #4beaa2;
}

.jd-dashboard-platform-progress > i > span,
.jd-services-metrics article > b > span {
  background: linear-gradient(90deg, #0b8354, var(--jd-unified-green));
  box-shadow: 0 0 12px rgb(34 229 138 / 24%);
}

/* Los recursos oficiales conservan sus colores y ganan contraste sobre el tema oscuro. */
.jd-brand-logo[class*="jd-platform-logo-"] {
  padding: .35rem;
  border-color: rgb(255 255 255 / 14%);
  background: #fff;
  box-shadow: 0 7px 20px rgb(0 0 0 / 22%);
}

.jd-brand-logo[class*="jd-platform-logo-"] img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.jd-brand-logo.jd-platform-logo-netflix img {
  padding: .05rem .28rem;
}

.jd-brand-logo.jd-platform-logo-prime-video img,
.jd-brand-logo.jd-platform-logo-prime img {
  padding: .12rem .04rem;
}

.jd-brand-logo.jd-platform-logo-hbo-max img,
.jd-brand-logo.jd-platform-logo-max img {
  padding: .08rem;
}