/* EASY EDIT — Skills workspace, skill selector, activity cards and skill-level UI. */

/* V1.01.427 — Switch Skill uses the browser top layer so sticky content can never cover it. */
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-card {
  overflow:visible !important;
}

body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switcher {
  position:relative !important;
  width:100% !important;
  z-index:12 !important;
}

body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switch {
  min-height:44px !important;
  margin:3px 0 1px !important;
  padding:7px 9px 7px 10px !important;
  grid-template-columns:minmax(0,1fr) 24px !important;
  border-radius:6px !important;
  border-color:rgba(190,143,62,.34) !important;
  background:linear-gradient(180deg,rgba(13,31,35,.98),rgba(8,22,27,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  transform:none !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switch:hover {
  border-color:rgba(222,171,78,.58) !important;
  background:linear-gradient(180deg,rgba(17,39,41,.99),rgba(9,27,30,.99)) !important;
  transform:none !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switch[aria-expanded="true"] {
  border-color:rgba(224,173,79,.76) !important;
  background:linear-gradient(180deg,rgba(24,47,44,.99),rgba(11,31,32,.99)) !important;
  box-shadow:inset 0 0 0 1px rgba(224,173,79,.055),0 5px 14px rgba(0,0,0,.14) !important;
  transform:none !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switch-copy {
  gap:1px !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switch-copy strong {
  font-size:12px !important;
  line-height:1.1 !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switch-copy small {
  font-size:8px !important;
  color:#89958f !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switch-chevron {
  width:24px !important;
  height:24px !important;
  border:1px solid rgba(204,155,69,.20) !important;
  border-radius:5px !important;
  background:rgba(5,17,21,.58) !important;
  font-size:13px !important;
}

body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-panel {
  position:fixed !important;
  inset:auto !important;
  left:var(--activity-skill-popover-left,12px) !important;
  top:var(--activity-skill-popover-top,12px) !important;
  width:var(--activity-skill-popover-width,386px) !important;
  max-width:calc(100vw - 24px) !important;
  max-height:calc(100dvh - 24px) !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(199,151,67,.44) !important;
  border-radius:7px !important;
  background:linear-gradient(180deg,#0b2025 0%,#07171c 100%) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.025) !important;
  overflow:hidden !important;
  z-index:2147483000 !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-panel:popover-open {
  display:block !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-panel::backdrop {
  background:transparent !important;
  pointer-events:none !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-panel[hidden] {
  display:none !important;
}

body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-header {
  min-height:49px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:9px 11px 8px !important;
  border-bottom:1px solid rgba(187,140,60,.20) !important;
  background:linear-gradient(180deg,rgba(22,45,45,.76),rgba(12,30,33,.72)) !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-header > div {
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-header strong {
  color:#eadbc0 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:13px !important;
  font-weight:600 !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-header small {
  color:#81908a !important;
  font-size:8px !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-header > span {
  flex:0 0 auto !important;
  padding:3px 5px !important;
  border:1px solid rgba(177,134,57,.20) !important;
  border-radius:4px !important;
  color:#8f9b94 !important;
  background:rgba(4,15,19,.54) !important;
  font-size:7px !important;
  letter-spacing:.04em !important;
}

body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-list {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:start !important;
  gap:10px 12px !important;
  max-height:min(430px,calc(100dvh - 88px)) !important;
  overflow:auto !important;
  padding:10px !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-group {
  gap:5px !important;
  min-width:0 !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-group-heading {
  min-height:16px !important;
  padding:0 2px !important;
  color:#b98b42 !important;
  font-size:7px !important;
  letter-spacing:.10em !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-choices {
  gap:3px !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice {
  min-height:39px !important;
  grid-template-columns:25px minmax(0,1fr) 13px !important;
  gap:6px !important;
  padding:5px 6px !important;
  border-radius:5px !important;
  border-color:rgba(176,130,56,.14) !important;
  background:rgba(7,20,24,.76) !important;
  box-shadow:none !important;
  transform:none !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice:hover {
  border-color:rgba(210,160,71,.42) !important;
  background:rgba(12,31,34,.94) !important;
  transform:none !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice.active {
  border-color:rgba(161,190,92,.68) !important;
  background:linear-gradient(180deg,rgba(20,52,43,.92),rgba(11,34,31,.96)) !important;
  box-shadow:inset 2px 0 0 rgba(180,210,106,.82) !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice-icon {
  width:24px !important;
  height:24px !important;
  border:none !important;
  border-radius:4px !important;
  background:rgba(4,15,19,.58) !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice-icon :is(img,.jd-skill-icon,.activity-context-skill-choice-icon-art) {
  width:17px !important;
  height:17px !important;
  max-width:17px !important;
  max-height:17px !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice-copy {
  gap:1px !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice-copy b {
  font-family:inherit !important;
  font-size:9px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice-copy small {
  font-size:7px !important;
  line-height:1.1 !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice-state {
  font-size:10px !important;
}
body.skills-workspace-v101414 #activitiesPage .activity-context-skill-choice-progress {
  display:none !important;
}

@media (max-width:1180px) and (min-width:901px) {
  body.skills-workspace-v101414 #activitiesPage .activity-context-skill-picker-list {
    gap:9px !important;
    padding:9px !important;
  }
}

@media (max-width:900px) {
  body.skills-workspace-v101414 #activitiesPage .activity-context-skill-switcher {
    display:none !important;
  }
}