.client-mission-control {
  border: 2px solid #39ff14 !important;
  background:
    radial-gradient(circle at top right, rgba(255,255,210,.55), transparent 40%),
    linear-gradient(135deg, #ffeaa8 0%, #d8aa42 50%, #5b4618 100%) !important;
  color: #39ff14 !important;
  box-shadow:
    0 0 28px rgba(57,255,20,.45),
    0 0 36px rgba(255,223,90,.30),
    inset 0 0 22px rgba(255,255,255,.18) !important;
}

.client-mission-title,
.client-mission-label,
.client-mission-code {
  color: #39ff14 !important;
  text-shadow:
    -1px -1px 0 #052000,
     1px -1px 0 #052000,
    -1px  1px 0 #052000,
     1px  1px 0 #052000,
     0 0 10px rgba(57,255,20,.75) !important;
}

.client-mission-value,
.client-mission-small,
.client-mission-drag-note {
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.80) !important;
}

.client-mission-toggle,
.client-mission-btn {
  border-color: #39ff14 !important;
  color: #39ff14 !important;
  background: rgba(0,20,8,.48) !important;
  text-shadow:
    -1px -1px 0 #052000,
     1px -1px 0 #052000,
    -1px  1px 0 #052000,
     1px  1px 0 #052000 !important;
}

.client-mission-btn:hover,
.client-mission-toggle:hover {
  box-shadow: 0 0 18px rgba(57,255,20,.55) !important;
}

.client-mission-btn.client-mission-active {
  color: #031003 !important;
  background: #39ff14 !important;
  text-shadow: none !important;
  box-shadow:
    0 0 18px rgba(57,255,20,.85),
    0 0 34px rgba(57,255,20,.45) !important;
}

.client-mission-progress {
  border-color: #39ff14 !important;
  background: rgba(0,20,8,.42) !important;
}

.client-mission-progress-bar {
  background: #39ff14 !important;
}

/* Client Mission Control readability update */
.client-mission-value,
.client-mission-small,
.client-mission-drag-note {
  color: #031003 !important;
  text-shadow: none !important;
}

.client-mission-next-action {
  color: #031003 !important;
  text-shadow: none !important;
}

.client-mission-progress + .client-mission-value {
  color: #031003 !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}


/* SYSTEMS STUDIO — force client mission widget top-right */
#clientMissionControlWidget,
.client-mission-control,
.clientMissionControlWidget,
[class*="client-mission"],
[id*="clientMission"] {
  position: fixed !important;
  left: auto !important;
  right: 24px !important;
  top: 76px !important;
  transform: none !important;
  z-index: 99999 !important;
}
#clientMissionControlWidget.cmc-user-moved {
  right: auto !important;
}
@media (max-width: 900px) {
  #clientMissionControlWidget,
  .client-mission-control,
  .clientMissionControlWidget,
  [class*="client-mission"],
  [id*="clientMission"] {
    left: 12px !important;
    right: 12px !important;
    top: 76px !important;
    width: auto !important;
  }
}