/* source: sidebar-icon-repair.css */
/*
 * Sidebar icon terminal lock.
 *
 * The legacy shell previously mixed text glyphs (⌂/◉/⌁/▦/○) with several
 * pseudo-element icon systems. Later V5 rules disabled the pseudo-elements,
 * leaving tiny platform-dependent glyph fragments in the collapsed rail.
 * Keep one semantic SVG-mask implementation for both sidebar states.
 */

html:not(.react-student-embedded) body .sidebar .menu-item[data-view="landing"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m3%2010%209-7%209%207'/%3E%3Cpath%20d='M5%209v11h14V9'/%3E%3Cpath%20d='M9%2020v-6h6v6'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .menu-item[data-view="ai-coach"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='6'%20width='18'%20height='14'%20rx='3'/%3E%3Cpath%20d='M12%202v4M8%2012h.01M16%2012h.01M9%2016h6'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .menu-item[data-view="question-bank"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%204c2-2%205-2%207-2%200%202%200%205-2%207l-7%207-4-4zM9%207H5l-3%203%206%202M17%2015v4l-3%203-2-6M5%2016c-2%201-3%203-3%205%202%200%204-1%205-3'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .menu-item[data-view="engineering-lab"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14.7%206.3a4%204%200%200%200-5-5L7.5%203.5l3%203L6%2011l-3-3-2.2%202.2a4%204%200%200%200%205%205l7.8%207.8a2.1%202.1%200%200%200%203-3z'/%3E%3Cpath%20d='m15%2015%205-5'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .menu-item[data-view="knowledge-map"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%204.5A2.5%202.5%200%200%201%206.5%202H11v17H6.5A2.5%202.5%200%200%200%204%2021.5z'/%3E%3Cpath%20d='M20%204.5A2.5%202.5%200%200%200%2017.5%202H13v17h4.5a2.5%202.5%200%200%201%202.5%202.5z'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .menu-item[data-view="growth-profile"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2019V5'/%3E%3Cpath%20d='M4%2019h16'/%3E%3Cpath%20d='m7%2015%204-4%203%203%205-7'/%3E%3Cpath%20d='M15%207h4v4'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .menu-item[data-view="my"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3Cpath%20d='M19.4%2015a1.7%201.7%200%200%200%20.3%201.8l.1.1-2.1%202.1-.1-.1a1.7%201.7%200%200%200-1.8-.3%201.7%201.7%200%200%200-1%201.5v.1h-3v-.1a1.7%201.7%200%200%200-1-1.5%201.7%201.7%200%200%200-1.8.3l-.1.1-2.1-2.1.1-.1a1.7%201.7%200%200%200%20.3-1.8%201.7%201.7%200%200%200-1.5-1H3v-3h.1a1.7%201.7%200%200%200%201.5-1%201.7%201.7%200%200%200-.3-1.8l-.1-.1L6.3%206l.1.1a1.7%201.7%200%200%200%201.8.3%201.7%201.7%200%200%200%201-1.5v-.1h3v.1a1.7%201.7%200%200%200%201%201.5%201.7%201.7%200%200%200%201.8-.3l.1-.1%202.1%202.1-.1.1a1.7%201.7%200%200%200-.3%201.8%201.7%201.7%200%200%200%201.5%201h.1v3h-.1a1.7%201.7%200%200%200-1.5%201z'/%3E%3C/svg%3E");
}

/*
 * The parent button pseudo-elements are intentionally disabled by the shell's
 * critical layout lock. Render the SVG on the real child span instead so the
 * icon cannot be removed by those legacy rules.
 */
html:not(.react-student-embedded) body[data-active-panel] .shell > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body[data-active-panel] .shell > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before {
  content: "" !important;
  position: static !important;
  display: block !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: currentColor !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 0.88 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: none !important;
  -webkit-mask-image: var(--hw-nav-icon) !important;
  -webkit-mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: 20px 20px !important;
  mask-image: var(--hw-nav-icon) !important;
  mask-position: center !important;
  mask-repeat: no-repeat !important;
  mask-size: 20px 20px !important;
}

html:not(.react-student-embedded) body[data-active-panel] .shell > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active, :hover, :focus-visible) > .menu-item-icon::before {
  opacity: 1 !important;
}

html:not(.react-student-embedded) body[data-active-panel] .shell > .sidebar .menu.menu > .menu-item.menu-item-ai:not(.active, .is-active) > .menu-item-icon {
  color: #8b5cf6 !important;
}

/* Collapsed rail: a fixed 44px hit target with a centered, always-visible icon. */
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item {
  display: grid !important;
  grid-template-columns: 44px !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  column-gap: 0 !important;
  overflow: visible !important;
  font-size: 0 !important;
}

html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon,
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon,
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon {
  margin: 0 !important;
}

html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-label,
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-label,
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-label {
  display: none !important;
}

html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active) > .menu-item-icon {
  color: #ffffff !important;
}


/* source: v55-information-architecture.css */
/*
 * V5.5 information architecture
 * Five primary workspaces; review and knowledge tools stay secondary to training.
 */

html:not(.react-student-embedded) body .training-center-secondary-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--v51-border, rgba(148, 163, 184, 0.22));
  border-radius: 16px;
  background: color-mix(in srgb, var(--v51-card, #ffffff) 86%, transparent);
}

html:not(.react-student-embedded) body .training-center-secondary-tools > div:first-child {
  display: grid;
  gap: 3px;
  min-width: max-content;
}

html:not(.react-student-embedded) body .training-center-secondary-tools > div:first-child span {
  color: var(--v51-muted, #64748b);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

html:not(.react-student-embedded) body .training-center-secondary-tools > div:first-child strong {
  color: var(--v51-text, #0f172a);
  font-size: 14px;
}

html:not(.react-student-embedded) body .training-center-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

html:not(.react-student-embedded) body .training-center-secondary-actions > button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--v51-border, rgba(148, 163, 184, 0.22));
  border-radius: 10px;
  background: transparent;
  color: var(--v51-text, #0f172a);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

html:not(.react-student-embedded) body .training-center-secondary-actions > button:hover,
html:not(.react-student-embedded) body .training-center-secondary-actions > button:focus-visible {
  border-color: color-mix(in srgb, var(--v51-blue, #2563eb) 58%, transparent);
  background: color-mix(in srgb, var(--v51-blue, #2563eb) 9%, transparent);
  color: var(--v51-blue, #2563eb);
  outline: none;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  html:not(.react-student-embedded) body .training-center-secondary-tools {
    align-items: stretch;
    flex-direction: column;
  }

  html:not(.react-student-embedded) body .training-center-secondary-actions {
    justify-content: stretch;
  }

  html:not(.react-student-embedded) body .training-center-secondary-actions > button {
    flex: 1 1 140px;
  }
}


/* source: v56-home-recommendation.css */
/* V5.6 home decision rationale: explain why today's task is the right task. */

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-body {
  grid-template-columns: minmax(260px, 0.7fr) minmax(460px, 1.3fr) !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale {
  display: block !important;
  margin-top: 4px !important;
  padding: 13px 14px !important;
  border: 0 !important;
  border-left: 3px solid var(--v51-blue, #2563eb) !important;
  border-radius: 0 12px 12px 0 !important;
  background: color-mix(in srgb, var(--v51-blue, #2563eb) 8%, var(--v51-card, #ffffff)) !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale-head {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale-head > span {
  padding: 4px 7px !important;
  border-radius: 7px !important;
  color: var(--v51-blue, #2563eb) !important;
  background: color-mix(in srgb, var(--v51-blue, #2563eb) 13%, transparent) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale-head > strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale-head > small {
  margin-left: auto !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale ul {
  display: grid !important;
  gap: 6px !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale li {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 28px !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale li > b {
  display: inline-grid !important;
  place-items: center !important;
  min-height: 24px !important;
  padding: 0 6px !important;
  border-radius: 7px !important;
  color: var(--v51-blue, #2563eb) !important;
  background: var(--v51-card, #ffffff) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale li > em {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-action-row {
  align-items: center !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-metrics {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-metrics > div {
  display: grid !important;
  gap: 3px !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-metrics strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body[data-active-panel="landing"] #landingV5ExpectedGain {
  color: var(--v51-green, #16a34a) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale {
  background: color-mix(in srgb, var(--v51-blue, #3b82f6) 12%, #111c2f) !important;
  border-left-color: #60a5fa !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale li > b {
  color: #93c5fd !important;
  background: rgba(15, 23, 42, 0.72) !important;
}

@media (max-width: 980px) {
  html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-body {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale-head {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-rationale-head > small {
    flex-basis: 100% !important;
    margin-left: 0 !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-action-row,
  html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-task-metrics {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="landing"] .landing-primary-action {
    width: 100% !important;
  }
}


/* source: v57-ability-actions.css */
/* V5.7: turn home capability scores into compact, actionable training cards. */

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-ability-actions[data-home-module-key="ability-actions"] {
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 24px 26px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body[data-active-panel="landing"] .landing-ability-actions-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

html body[data-active-panel="landing"] .landing-ability-actions-head h2 {
  margin: 4px 0 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
}

html body[data-active-panel="landing"] .landing-ability-actions-head > span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body[data-active-panel="landing"] .landing-ability-action-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card {
  display: grid !important;
  align-content: start !important;
  gap: 13px !important;
  min-width: 0 !important;
  min-height: 214px !important;
  padding: 17px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transition: border-color 160ms ease, transform 160ms ease, background-color 160ms ease !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card:hover {
  border-color: color-mix(in srgb, var(--v51-blue, #2563eb) 36%, var(--v51-border, #dbe4f0)) !important;
  transform: translateY(-1px) !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card > header,
html body[data-active-panel="landing"] .landing-ability-action-card > header > div {
  display: flex !important;
  align-items: center !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card > header {
  justify-content: space-between !important;
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card > header > div {
  min-width: 0 !important;
  gap: 8px !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card > header strong {
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card > header span {
  flex: 0 0 auto !important;
  padding: 4px 7px !important;
  color: var(--v51-blue, #2563eb) !important;
  background: color-mix(in srgb, var(--v51-blue, #2563eb) 10%, transparent) !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card[data-ability-tone="strong"] > header span {
  color: #15803d !important;
  background: rgba(34, 197, 94, 0.12) !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card[data-ability-tone="priority"] > header span {
  color: #b45309 !important;
  background: rgba(245, 158, 11, 0.14) !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card > header p {
  display: flex !important;
  align-items: baseline !important;
  flex: 0 0 auto !important;
  gap: 2px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card > header b {
  color: var(--v51-text, #0f172a) !important;
  font-size: 30px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card > header small {
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
}

html body[data-active-panel="landing"] .landing-ability-action-meter {
  display: block !important;
  height: 5px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--v51-text, #0f172a) 8%, transparent) !important;
  border-radius: 999px !important;
}

html body[data-active-panel="landing"] .landing-ability-action-meter > em {
  display: block !important;
  height: 100% !important;
  background: var(--v51-blue, #2563eb) !important;
  border-radius: inherit !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card[data-ability-tone="strong"] .landing-ability-action-meter > em {
  background: #22c55e !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card[data-ability-tone="priority"] .landing-ability-action-meter > em {
  background: #f59e0b !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card dl,
html body[data-active-panel="landing"] .landing-ability-action-card dl > div {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card dl {
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-ability-action-card dt {
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
}

html body[data-active-panel="landing"] .landing-ability-mastered dd {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-ability-mastered dd > span {
  padding: 5px 7px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #ffffff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 7px !important;
  font-size: 10px !important;
  font-weight: 750 !important;
}

html body[data-active-panel="landing"] .landing-ability-next {
  padding-top: 11px !important;
  border-top: 1px solid var(--v51-border, #dbe4f0) !important;
}

html body[data-active-panel="landing"] .landing-ability-next dd {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-ability-next dd > strong {
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-ability-next button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 4px !important;
  min-width: 66px !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  color: var(--v51-blue, #2563eb) !important;
  background: transparent !important;
  border: 1px solid color-mix(in srgb, var(--v51-blue, #2563eb) 42%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

html body[data-active-panel="landing"] .landing-ability-next button:hover,
html body[data-active-panel="landing"] .landing-ability-next button:focus-visible {
  color: #ffffff !important;
  background: var(--v51-blue, #2563eb) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-active-panel="landing"] .landing-ability-action-card[data-ability-tone="strong"] > header span {
  color: #86efac !important;
}

html[data-theme="dark"] body[data-active-panel="landing"] .landing-ability-action-card[data-ability-tone="priority"] > header span {
  color: #fcd34d !important;
}

@media (max-width: 1180px) {
  html body[data-active-panel="landing"] .landing-ability-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  html body[data-active-panel="landing"] .landing-ability-actions-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  html body[data-active-panel="landing"] .landing-ability-action-grid {
    grid-template-columns: 1fr !important;
  }

  html body[data-active-panel="landing"] .landing-ability-action-card {
    min-height: 0 !important;
  }
}


/* source: v58-product-polish.css */
/* V5.8 product polish: career roadmap, engineer profile, focused interview,
   engineering mission hall, engineering knowledge base, and semantic colors. */

:root {
  --hw-primary: #2563eb;
  --hw-primary-hover: #1d4ed8;
  --hw-ai: #7c3aed;
  --hw-success: #22c55e;
  --hw-warning: #f59e0b;
  --hw-danger: #ef4444;
}

/* Semantic action colors: blue is the product action, purple is reserved for AI. */
html body .primary-btn {
  color: #fff !important;
  background: var(--hw-primary) !important;
  border-color: var(--hw-primary) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18) !important;
}

html body .primary-btn:hover,
html body .primary-btn:focus-visible {
  background: var(--hw-primary-hover) !important;
  border-color: var(--hw-primary-hover) !important;
}

html body .menu-item.active {
  background: var(--hw-primary) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.2) !important;
}

html body :is(.eyebrow, [class*="ai-"] > .eyebrow) {
  color: var(--hw-primary) !important;
}

html body :is(.companion-panel, .companion-dock) .primary-btn {
  background: var(--hw-ai) !important;
  border-color: var(--hw-ai) !important;
}

/* Home career roadmap. */
html:not(.react-student-embedded) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-career-route[data-home-module-key="career-route"],
html.react-student-embedded body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-career-route[data-home-module-key="career-route"] {
  display: grid !important;
  grid-column: 1 / -1 !important;
  gap: 20px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 24px 26px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.landing-career-route-head,
.landing-career-route-foot,
.landing-career-current,
.landing-career-path,
.landing-career-path > div,
.landing-career-route-foot > div {
  display: flex !important;
  align-items: center !important;
}

.landing-career-route-head,
.landing-career-route-foot {
  justify-content: space-between !important;
  gap: 20px !important;
}

.landing-career-route h2 {
  margin: 4px 0 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 22px !important;
}

.landing-career-current {
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.landing-career-current span,
.landing-career-current em {
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 750 !important;
}

.landing-career-current strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.landing-career-path {
  position: relative !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.landing-career-path::before {
  position: absolute !important;
  z-index: 0 !important;
  top: 18px !important;
  right: 9% !important;
  left: 9% !important;
  height: 2px !important;
  background: var(--v51-border, #dbe4f0) !important;
  content: "" !important;
}

.landing-career-path > div {
  position: relative !important;
  z-index: 1 !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  gap: 9px !important;
  min-width: 0 !important;
  color: var(--v51-muted, #64748b) !important;
  text-align: center !important;
}

.landing-career-path i {
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center !important;
  color: var(--v51-muted, #64748b) !important;
  background: var(--v51-card, #fff) !important;
  border: 2px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.landing-career-path span {
  font-size: 12px !important;
  font-weight: 850 !important;
}

.landing-career-path .is-complete i {
  color: #fff !important;
  background: var(--hw-success) !important;
  border-color: var(--hw-success) !important;
}

.landing-career-path .is-current {
  color: var(--hw-primary) !important;
}

.landing-career-path .is-current i {
  color: #fff !important;
  background: var(--hw-primary) !important;
  border-color: var(--hw-primary) !important;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.1) !important;
}

.landing-career-route-foot > div {
  flex: 1 1 auto !important;
  gap: 12px !important;
}

.landing-career-route-foot > div > i {
  display: block !important;
  flex: 1 1 auto !important;
  height: 6px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--v51-text, #0f172a) 8%, transparent) !important;
  border-radius: 999px !important;
}

.landing-career-route-foot > div > i > b {
  display: block !important;
  height: 100% !important;
  background: var(--hw-primary) !important;
  border-radius: inherit !important;
}

.landing-career-route-foot span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* My -> engineer profile and proof assets. */
html body[data-active-panel="my"] .engineer-dossier-page {
  display: grid !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 24px 28px 40px !important;
}

html body[data-active-panel="my"] .engineer-dossier-hero {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.9fr) minmax(560px, 1.65fr) !important;
  gap: 22px 30px !important;
  padding: 28px !important;
  border-radius: 16px !important;
}

html body[data-active-panel="my"] .engineer-dossier-profile {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

html body[data-active-panel="my"] .engineer-dossier-profile h2 {
  margin: 5px 0 2px !important;
  font-size: 30px !important;
}

.engineer-profile-role-en {
  margin: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.engineer-profile-stage {
  display: block !important;
  margin-top: 5px !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.engineer-profile-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.engineer-profile-stats > span {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 15px !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 12px !important;
}

.engineer-profile-stats small,
.engineer-profile-stats em {
  overflow: hidden !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 750 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.engineer-profile-stats strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 28px !important;
  font-weight: 950 !important;
}

html body[data-active-panel="my"] .engineer-dossier-summary {
  display: flex !important;
  grid-column: 1 / -1 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--v51-border, #dbe4f0) !important;
}

html body[data-active-panel="my"] .engineer-dossier-summary p {
  max-width: 840px !important;
  margin: 6px 0 0 !important;
}

.engineer-dossier-summary-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
}

.engineer-profile-assets {
  display: grid !important;
  gap: 16px !important;
}

.engineer-profile-assets-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.engineer-profile-assets-head h2 {
  margin: 4px 0 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 22px !important;
}

.engineer-profile-assets-head > span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.engineer-profile-asset-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.engineer-profile-asset-grid > button {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-height: 170px !important;
  padding: 18px !important;
  color: var(--v51-text, #0f172a) !important;
  text-align: left !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.engineer-profile-asset-grid > button:hover {
  border-color: rgba(37, 99, 235, 0.5) !important;
  transform: translateY(-1px) !important;
}

.engineer-profile-asset-grid span {
  color: var(--hw-primary) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.engineer-profile-asset-grid strong {
  font-size: 18px !important;
  font-weight: 900 !important;
}

.engineer-profile-asset-grid em {
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.65 !important;
}

.engineer-profile-asset-grid b {
  align-self: end !important;
  margin-top: auto !important;
  color: var(--hw-primary) !important;
  font-size: 12px !important;
}

/* Interview has exactly two states: lobby and focused meeting. */
html body[data-active-panel="interview"]:not(.interview-meeting-active),
html body[data-active-panel="interview"]:not(.interview-meeting-active) .shell,
html body[data-active-panel="interview"]:not(.interview-meeting-active) .main,
html body[data-active-panel="interview"]:not(.interview-meeting-active) .panel[data-panel="interview"] {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
}

html body[data-active-panel="interview"]:not(.interview-meeting-active) .main {
  display: flex !important;
  padding: 0 22px 40px !important;
  background: var(--v51-page, #f4f7fb) !important;
}

html body[data-active-panel="interview"]:not(.interview-meeting-active) .topbar {
  display: grid !important;
}

html body[data-active-panel="interview"]:not(.interview-meeting-active) .interview-space-shell {
  display: grid !important;
  gap: 18px !important;
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;
  padding: 28px 0 44px !important;
}

html body[data-active-panel="interview"]:not(.interview-meeting-active) #interviewStudio,
html body[data-active-panel="interview"]:not(.interview-meeting-active) #interviewStudio * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body[data-active-panel="interview"].interview-meeting-active .interview-space-shell {
  display: none !important;
}

html body[data-active-panel="interview"].interview-meeting-active #interviewStudio {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.interview-space-title h2 {
  margin-bottom: 5px !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 28px !important;
}

.interview-focus-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 320px !important;
  padding: 42px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 82% 24%, rgba(37, 99, 235, 0.16), transparent 30%),
    var(--v51-card, #fff) !important;
  border-radius: 18px !important;
}

.interview-focus-tag {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 6px 10px !important;
  color: var(--hw-ai) !important;
  background: rgba(124, 58, 237, 0.1) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.interview-focus-hero h3 {
  margin: 16px 0 8px !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1.1 !important;
}

.interview-focus-hero p {
  max-width: 700px !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 15px !important;
}

.interview-focus-facts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

.interview-focus-facts > span {
  display: grid !important;
  gap: 5px !important;
  min-width: 150px !important;
  padding: 13px 15px !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 11px !important;
}

.interview-focus-facts small {
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.interview-focus-facts strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 13px !important;
}

.interview-focus-hero .interview-space-start {
  min-width: 176px !important;
  min-height: 52px !important;
  font-size: 15px !important;
}

.interview-secondary-details {
  overflow: hidden !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 14px !important;
}

.interview-secondary-details > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 17px 20px !important;
  color: var(--v51-text, #0f172a) !important;
  cursor: pointer !important;
  list-style: none !important;
}

.interview-secondary-details > summary::-webkit-details-marker { display: none !important; }

.interview-secondary-details > summary span { font-weight: 900 !important; }
.interview-secondary-details > summary em {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
  font-style: normal !important;
}

.interview-secondary-content {
  display: grid !important;
  gap: 14px !important;
  padding: 0 20px 20px !important;
}

/* Engineering mission hall. */
.engineering-today-mission {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 30px !important;
  min-height: 300px !important;
  padding: 36px 40px !important;
  color: #eaf2ff !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(124, 58, 237, 0.3), transparent 34%),
    linear-gradient(135deg, #0f1f38, #10294d) !important;
  border: 1px solid rgba(96, 165, 250, 0.25) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
}

.engineering-today-mission-copy > span {
  color: #93c5fd !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.engineering-today-mission h3 {
  max-width: 780px !important;
  margin: 16px 0 10px !important;
  color: #f8fbff !important;
  font-size: clamp(30px, 4vw, 48px) !important;
  line-height: 1.12 !important;
}

.engineering-today-mission p {
  max-width: 760px !important;
  color: #b9c9df !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.engineering-today-mission-copy > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 22px !important;
}

.engineering-today-mission em {
  padding: 7px 10px !important;
  color: #dbeafe !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.engineering-today-mission > .primary-btn {
  min-width: 148px !important;
  min-height: 50px !important;
}

.engineering-secondary-apps {
  margin-top: 2px !important;
}

/* Engineering knowledge base. */
.engineering-knowledge-categories > button span {
  color: var(--hw-primary) !important;
}

.engineering-knowledge-loop {
  display: grid !important;
  gap: 18px !important;
  margin-top: 18px !important;
  padding: 22px !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 16px !important;
}

.engineering-knowledge-loop header {
  display: grid !important;
  gap: 4px !important;
}

.engineering-knowledge-loop header span {
  color: var(--hw-ai) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.engineering-knowledge-loop header strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 22px !important;
}

.engineering-knowledge-loop header em {
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  font-style: normal !important;
}

.engineering-knowledge-loop-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.engineering-knowledge-loop-grid section {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 3px 9px !important;
  min-width: 0 !important;
  padding: 14px !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 11px !important;
}

.engineering-knowledge-loop-grid i {
  display: grid !important;
  grid-row: 1 / 3 !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  color: #fff !important;
  background: var(--hw-primary) !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.engineering-knowledge-loop-grid span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.engineering-knowledge-loop-grid strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html[data-theme="dark"] body .engineer-profile-asset-grid > button,
html[data-theme="dark"] body .interview-secondary-details,
html[data-theme="dark"] body .engineering-knowledge-loop {
  background: #111827 !important;
}

@media (max-width: 1180px) {
  .engineer-profile-stats,
  .engineer-profile-asset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-active-panel="my"] .engineer-dossier-hero {
    grid-template-columns: 1fr !important;
  }

  .engineering-knowledge-loop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .landing-career-route-head,
  .landing-career-route-foot,
  .engineer-profile-assets-head,
  html body[data-active-panel="my"] .engineer-dossier-summary,
  .interview-focus-hero,
  .engineering-today-mission {
    align-items: stretch !important;
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
  }

  .landing-career-current { justify-content: flex-start !important; }
  .landing-career-path { align-items: flex-start !important; flex-direction: column !important; }
  .landing-career-path::before { display: none !important; }
  .landing-career-path > div { flex-direction: row !important; text-align: left !important; }

  .engineer-profile-stats,
  .engineer-profile-asset-grid,
  .engineering-knowledge-loop-grid {
    grid-template-columns: 1fr !important;
  }

  html body[data-active-panel="my"] .engineer-dossier-page {
    padding: 16px !important;
  }

  .interview-focus-hero,
  .engineering-today-mission {
    min-height: 0 !important;
    padding: 24px !important;
  }

  .interview-focus-hero .interview-space-start,
  .engineering-today-mission > .primary-btn {
    width: 100% !important;
  }
}

/* Saved engineering assets must remain a real workspace in both the standalone
   legacy client and the React embedded desktop client. */
.engineering-training-section {
  display: grid !important;
  gap: 16px !important;
  margin-top: 18px !important;
  padding: 22px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, rgba(148, 163, 184, 0.24)) !important;
  border-radius: 16px !important;
  box-shadow: var(--v51-shadow, 0 8px 24px rgba(15, 23, 42, 0.07)) !important;
}

.engineering-training-heading {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.engineering-training-heading :is(p, h3) { margin: 0 !important; }
.engineering-training-heading p {
  color: var(--hw-primary) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
}
.engineering-training-heading h3 {
  margin-top: 4px !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 21px !important;
}
.engineering-training-heading > span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
}

.engineering-training-section .engineering-entry-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
}

.engineering-training-section .engineering-entry-card,
.engineering-saved-assets-section .engineering-asset-card {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 158px !important;
  padding: 18px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, rgba(148, 163, 184, 0.24)) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  text-align: left !important;
}

.engineering-saved-assets-section .engineering-asset-card > span {
  width: fit-content !important;
  padding: 4px 9px !important;
  color: var(--hw-primary) !important;
  background: rgba(37, 99, 235, 0.1) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.engineering-saved-assets-section .engineering-asset-card > strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 18px !important;
}

.engineering-saved-assets-section .engineering-asset-card > p {
  margin: 0 !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.engineering-saved-assets-section .engineering-asset-card > button {
  width: fit-content !important;
  margin-top: auto !important;
}

.growth-archive-empty {
  display: grid !important;
  grid-column: 1 / -1 !important;
  gap: 8px !important;
  min-height: 132px !important;
  padding: 22px !important;
  place-content: center start !important;
  color: var(--v51-muted, #64748b) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px dashed var(--v51-border, rgba(148, 163, 184, 0.34)) !important;
  border-radius: 16px !important;
}

.growth-archive-empty strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 17px !important;
}

.growth-archive-empty p {
  max-width: 560px !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

html[data-theme="dark"] body :is(.engineering-training-section, .engineering-saved-assets-section .engineering-asset-card, .growth-archive-empty) {
  background: #111827 !important;
}

@media (max-width: 900px) {
  .engineering-training-section .engineering-entry-grid {
    grid-template-columns: 1fr !important;
  }
}

/* V6 home information architecture: AI mentor first, analysis lives in Growth.
   This is intentionally the last home override so older V5/V5.7 dashboard
   layouts cannot turn the landing page back into an equal-weight card wall. */
html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px clamp(20px, 2.5vw, 40px) 44px !important;
}

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > * {
  display: none !important;
}

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > :is(
  .landing-welcome-panel,
  .landing-v5-command-center,
  .landing-engineering-status,
  .landing-weekly-growth,
  .landing-home-shortcuts
) {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-welcome-panel {
  display: flex !important;
  order: 1 !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 92px !important;
  padding: 16px 22px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-profile-avatar {
  flex: 0 0 auto !important;
  width: 54px !important;
  height: 54px !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-welcome-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-greeting-line {
  margin: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.2 !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-current-target {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-current-target strong {
  color: var(--v51-text, #0f172a) !important;
}

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-v5-command-center {
  display: grid !important;
  order: 2 !important;
  gap: 24px !important;
  min-height: 380px !important;
  padding: clamp(28px, 3vw, 42px) !important;
  color: var(--v51-text, #0f172a) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(124, 58, 237, 0.1), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--hw-primary) 7%, var(--v51-card, #fff)), var(--v51-card, #fff) 55%) !important;
  border: 1px solid color-mix(in srgb, var(--hw-primary) 25%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1) !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-header h2 {
  margin: 5px 0 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(22px, 2vw, 28px) !important;
}

/* The three engineering-status numbers now own score/gap information. */
html body[data-active-panel="landing"] .landing-v5-command-center :is(.landing-task-score, .landing-target-gap) {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-body {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice > span {
  width: fit-content !important;
  padding: 5px 10px !important;
  color: var(--hw-ai) !important;
  background: rgba(124, 58, 237, 0.1) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice > h1 {
  max-width: 850px !important;
  margin: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(36px, 4vw, 58px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice > p {
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale {
  display: grid !important;
  grid-template-columns: minmax(210px, 0.75fr) minmax(0, 1.25fr) !important;
  gap: 14px 24px !important;
  width: 100% !important;
  max-width: 920px !important;
  padding: 16px 18px !important;
  color: var(--v51-text, #0f172a) !important;
  background: color-mix(in srgb, var(--v51-card, #fff) 78%, transparent) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 14px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale-head {
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale :is(ul, li) {
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale ul {
  display: grid !important;
  gap: 8px !important;
  padding: 0 !important;
  list-style: none !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale li {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border-radius: 10px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale li em {
  color: var(--v51-muted, #64748b) !important;
  font-style: normal !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-action-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-top: 2px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 132px !important;
  padding: 10px 14px !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 12px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 17px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-primary-action {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 176px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  border-radius: 12px !important;
}

/* My engineering status: three proof-oriented numbers, never a decorative chart. */
html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-engineering-status {
  display: grid !important;
  order: 3 !important;
  gap: 16px !important;
  min-height: 0 !important;
  padding: 22px 24px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-engineering-status :is(.landing-engineering-status-head, header) {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-engineering-status :is(h2, h3) {
  margin: 4px 0 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 21px !important;
}

html body[data-active-panel="landing"] .landing-engineering-status-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-engineering-status-grid > :is(button, article, div) {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  min-height: 118px !important;
  padding: 16px 18px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body[data-active-panel="landing"] .landing-engineering-status-grid > :is(button, article, div):hover {
  border-color: color-mix(in srgb, var(--hw-primary) 40%, var(--v51-border, #dbe4f0)) !important;
}

html body[data-active-panel="landing"] .landing-engineering-status-grid span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

html body[data-active-panel="landing"] .landing-engineering-status-grid strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(25px, 2.5vw, 34px) !important;
  line-height: 1.1 !important;
}

html body[data-active-panel="landing"] .landing-engineering-status-grid :is(em, small) {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
  font-style: normal !important;
}

/* Recent task is deliberately compact: one resumable action, not another report. */
html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-weekly-growth {
  display: grid !important;
  order: 4 !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 20px 24px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head h2 {
  margin: 4px 0 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 21px !important;
}

html body[data-active-panel="landing"] :is(.landing-recent-task, .landing-weekly-growth-list) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] :is(.landing-recent-task-card, .landing-weekly-growth-item) {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.75fr) minmax(220px, 1.25fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 82px !important;
  padding: 14px 16px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 12px !important;
}

html body[data-active-panel="landing"] :is(.landing-recent-task-card, .landing-weekly-growth-item) > * {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress > i {
  display: block !important;
  flex: 1 1 auto !important;
  height: 6px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--v51-text, #0f172a) 9%, transparent) !important;
  border-radius: 999px !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress > i > b {
  display: block !important;
  height: 100% !important;
  background: var(--hw-primary) !important;
  border-radius: inherit !important;
}

/* Four daily entry points are the final layer, deliberately lower contrast. */
html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-home-shortcuts {
  display: grid !important;
  order: 5 !important;
  gap: 16px !important;
  min-height: 0 !important;
  padding: 22px 24px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-home-shortcuts-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-home-shortcuts-head h2 {
  margin: 4px 0 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 21px !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: 3px 10px !important;
  min-width: 0 !important;
  min-height: 86px !important;
  padding: 14px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button:hover {
  border-color: color-mix(in srgb, var(--hw-primary) 40%, var(--v51-border, #dbe4f0)) !important;
  transform: translateY(-1px) !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button > span {
  display: grid !important;
  grid-row: 1 / 3 !important;
  width: 32px !important;
  height: 32px !important;
  place-items: center !important;
  background: color-mix(in srgb, var(--hw-primary) 10%, transparent) !important;
  border-radius: 9px !important;
  font-size: 16px !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button > strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 14px !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button > em {
  overflow: hidden !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
  font-style: normal !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > :is(.landing-ability-actions, .landing-career-route) {
  display: none !important;
}

html[data-theme="dark"] body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > :is(
  .landing-welcome-panel,
  .landing-v5-command-center,
  .landing-engineering-status,
  .landing-weekly-growth,
  .landing-home-shortcuts
) {
  color: #e5edf8 !important;
  background: #111827 !important;
  border-color: #26364c !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-active-panel="landing"] .landing-v5-command-center {
  background:
    radial-gradient(circle at 88% 8%, rgba(124, 58, 237, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(37, 99, 235, 0.1), #111827 52%) !important;
  border-color: rgba(59, 130, 246, 0.32) !important;
}

html[data-theme="dark"] body[data-active-panel="landing"] :is(
  .landing-v5-command-center .landing-task-rationale,
  .landing-v5-command-center .landing-task-rationale li,
  .landing-v5-command-center .landing-task-metrics > div,
  .landing-engineering-status-grid > button,
  .landing-engineering-status-grid > article,
  .landing-engineering-status-grid > div,
  .landing-recent-task-card,
  .landing-weekly-growth-item,
  .landing-home-shortcut-grid > button
) {
  color: #e5edf8 !important;
  background: #0f1b2d !important;
  border-color: #26364c !important;
}

@media (max-width: 1000px) {
  html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale {
    grid-template-columns: 1fr !important;
  }

  html body[data-active-panel="landing"] .landing-home-shortcut-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid {
    gap: 14px !important;
    padding: 16px 14px 32px !important;
  }

  html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > :is(
    .landing-welcome-panel,
    .landing-v5-command-center,
    .landing-engineering-status,
    .landing-weekly-growth,
    .landing-home-shortcuts
  ) {
    padding: 18px !important;
    border-radius: 14px !important;
  }

  html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-action-row,
  html body[data-active-panel="landing"] :is(.landing-engineering-status-head, .landing-weekly-growth-head, .landing-home-shortcuts-head) {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body[data-active-panel="landing"] .landing-v5-command-center .landing-primary-action {
    width: 100% !important;
  }

  html body[data-active-panel="landing"] .landing-engineering-status-grid {
    grid-template-columns: 1fr !important;
  }

  html body[data-active-panel="landing"] :is(.landing-recent-task-card, .landing-weekly-growth-item) {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

@media (max-width: 480px) {
  html body[data-active-panel="landing"] .landing-welcome-panel .landing-profile-avatar {
    width: 46px !important;
    height: 46px !important;
  }

  html body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice > h1 {
    font-size: 34px !important;
  }

  html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics,
  html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics > div,
  html body[data-active-panel="landing"] .landing-home-shortcut-grid {
    width: 100% !important;
  }

  html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics > div,
  html body[data-active-panel="landing"] .landing-home-shortcut-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Specificity lock: several historical standalone rules intentionally used very
   long selectors. `:is(#hw-v6-home, html)` matches the document through `html`
   while giving this final architecture an ID-level cascade priority. */
:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > * {
  display: none !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-welcome-panel,
:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-v5-command-center,
:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-engineering-status,
:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-weekly-growth,
:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-home-shortcuts {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-welcome-panel {
  display: flex !important;
  order: 1 !important;
  min-height: 92px !important;
  padding: 16px 22px !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-v5-command-center {
  display: grid !important;
  order: 2 !important;
  min-height: 380px !important;
  padding: clamp(28px, 3vw, 42px) !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center :is(.landing-task-score, .landing-target-gap) {
  display: none !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-body {
  display: block !important;
  grid-template-columns: 1fr !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice {
  display: grid !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice > h1 {
  font-size: clamp(36px, 4vw, 58px) !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale {
  display: grid !important;
  grid-template-columns: minmax(210px, 0.75fr) minmax(0, 1.25fr) !important;
  width: 100% !important;
  max-width: 920px !important;
  height: auto !important;
  padding: 16px 18px !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-action-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-primary-action {
  position: static !important;
  width: auto !important;
  min-width: 176px !important;
  min-height: 50px !important;
  margin: 0 !important;
  transform: none !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-engineering-status {
  display: grid !important;
  order: 3 !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-engineering-status-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-weekly-growth {
  display: grid !important;
  order: 4 !important;
  min-height: 0 !important;
  padding: 20px 24px !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-weekly-growth-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-weekly-growth-item {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.75fr) minmax(220px, 1.25fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 82px !important;
  padding: 14px 16px !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-home-shortcuts {
  display: grid !important;
  order: 5 !important;
  min-height: 0 !important;
  padding: 22px 24px !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-home-shortcut-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-ability-actions,
:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-career-route {
  display: none !important;
}

@media (max-width: 1000px) {
  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-rationale {
    grid-template-columns: 1fr !important;
  }

  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-home-shortcut-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-action-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-primary-action {
    width: 100% !important;
  }

  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-engineering-status-grid,
  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-weekly-growth-item {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-home-shortcut-grid {
    grid-template-columns: 1fr !important;
  }
}

/* V6.2 recent-task DOM: one continuation record, split into context + action. */
:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr) !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 104px !important;
  padding: 18px 20px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 12px !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-copy {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-copy > span {
  color: var(--hw-primary) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-copy > h3 {
  margin: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-copy > p {
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-progress {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-progress > div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-progress i {
  display: block !important;
  flex: 1 1 auto !important;
  height: 7px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--v51-text, #0f172a) 9%, transparent) !important;
  border-radius: 999px !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-progress i > b {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, var(--hw-primary), var(--hw-ai, #7c3aed)) !important;
  border-radius: inherit !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-progress > div > strong {
  min-width: 38px !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 12px !important;
  text-align: right !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-progress > button {
  min-width: 110px !important;
  min-height: 40px !important;
}

html[data-theme="dark"] body[data-active-panel="landing"] .landing-recent-task-card {
  color: #e5edf8 !important;
  background: #0f1b2d !important;
  border-color: #26364c !important;
}

@media (max-width: 760px) {
  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-card {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

@media (max-width: 480px) {
  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-recent-task-progress {
    grid-template-columns: 1fr !important;
  }
}

/* Keep the only action entirely inside the first viewport. The visible label is
   carried by `.landing-today-advice`, so the duplicated legacy header is removed. */
:is(#hw-v6-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-v5-command-center {
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  min-height: 0 !important;
  padding: clamp(28px, 2.6vw, 36px) !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center > .landing-task-header {
  display: none !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-body,
:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice {
  width: 100% !important;
  min-width: 0 !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-action-row {
  min-height: 64px !important;
  padding-top: 6px !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(132px, 1fr)) !important;
  gap: 10px !important;
  width: min(100%, 340px) !important;
  height: auto !important;
}

:is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics > div {
  min-height: 62px !important;
  padding: 10px 12px !important;
}

@media (max-width: 480px) {
  :is(#hw-v6-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-metrics {
    grid-template-columns: 1fr !important;
  }
}


/* source: v66-debug-engineering-flow.css */
/* V6.6: focused six-step engineering Debug workflow. */

html body[data-active-panel="debug-lab"] .debug-training-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 22px clamp(18px, 2.5vw, 40px) 46px !important;
}

.debug-engineering-workflow {
  --debug-surface: var(--v51-card, #fff);
  --debug-surface-soft: var(--v51-card-soft, #f7f9fc);
  --debug-border: var(--v51-border, #dbe4f0);
  --debug-text: var(--v51-text, #0f172a);
  --debug-muted: var(--v51-muted, #64748b);
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  color: var(--debug-text) !important;
}

html[data-theme="dark"] .debug-engineering-workflow {
  --debug-surface: #111827;
  --debug-surface-soft: #0d1728;
  --debug-border: #26364d;
  --debug-text: #edf4ff;
  --debug-muted: #9fb0c8;
}

.debug-workflow-hero {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 24px 26px !important;
  color: #edf5ff !important;
  background:
    radial-gradient(circle at 86% 15%, rgba(37, 99, 235, 0.27), transparent 36%),
    linear-gradient(135deg, #0b1729, #102742) !important;
  border: 1px solid rgba(96, 165, 250, 0.25) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.14) !important;
}

.debug-workflow-hero > div {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.debug-workflow-hero button[data-debug-workflow-back] {
  width: fit-content !important;
  padding: 0 !important;
  color: #93c5fd !important;
  background: none !important;
  border: 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.debug-workflow-hero > div > span {
  margin-top: 8px !important;
  color: #60a5fa !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
}

.debug-workflow-hero h2 {
  margin: 0 !important;
  color: #f8fbff !important;
  font-size: clamp(25px, 3vw, 38px) !important;
  line-height: 1.15 !important;
}

.debug-workflow-hero p {
  max-width: 780px !important;
  margin: 0 !important;
  color: #b9c9df !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.debug-workflow-hero > aside {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.debug-workflow-hero > aside :is(span, strong) {
  padding: 7px 10px !important;
  color: #dbeafe !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.debug-workflow-hero > aside strong {
  color: #fff !important;
  background: #2563eb !important;
  border-color: #2563eb !important;
}

.debug-workflow-progress {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 4px !important;
}

.debug-workflow-progress i {
  flex: 1 1 auto !important;
  height: 6px !important;
  overflow: hidden !important;
  background: var(--debug-border) !important;
  border-radius: 999px !important;
}

.debug-workflow-progress i b {
  display: block !important;
  height: 100% !important;
  background: #2563eb !important;
  border-radius: inherit !important;
  transition: width 0.25s ease !important;
}

.debug-workflow-progress > span {
  flex: 0 0 auto !important;
  color: var(--debug-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.debug-workflow-layout {
  display: grid !important;
  grid-template-columns: 216px minmax(0, 1fr) 310px !important;
  align-items: start !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.debug-workflow-step-rail,
.debug-workflow-stage,
.debug-workflow-aside > section {
  background: var(--debug-surface) !important;
  border: 1px solid var(--debug-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}

.debug-workflow-step-rail {
  position: sticky !important;
  top: 88px !important;
  display: grid !important;
  gap: 4px !important;
  padding: 10px !important;
}

.debug-workflow-step-rail > button:not(.debug-workflow-reset) {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
  color: var(--debug-text) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  text-align: left !important;
  cursor: pointer !important;
}

.debug-workflow-step-rail > button.current {
  background: rgba(37, 99, 235, 0.09) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
}

.debug-workflow-step-rail > button.done { color: #15803d !important; }
.debug-workflow-step-rail > button.locked { opacity: 0.48 !important; cursor: default !important; }

.debug-workflow-step-rail > button i {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  color: var(--debug-muted) !important;
  background: var(--debug-surface-soft) !important;
  border: 1px solid var(--debug-border) !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.debug-workflow-step-rail > button.current i { color: #fff !important; background: #2563eb !important; border-color: #2563eb !important; }
.debug-workflow-step-rail > button.done i { color: #fff !important; background: #22c55e !important; border-color: #22c55e !important; }
.debug-workflow-step-rail button > span { display: grid !important; gap: 3px !important; min-width: 0 !important; }
.debug-workflow-step-rail button strong { color: inherit !important; font-size: 12px !important; }
.debug-workflow-step-rail button em { color: var(--debug-muted) !important; font-size: 10px !important; font-style: normal !important; line-height: 1.35 !important; }

.debug-workflow-reset {
  margin-top: 5px !important;
  padding: 10px !important;
  color: var(--debug-muted) !important;
  background: transparent !important;
  border: 1px dashed var(--debug-border) !important;
  border-radius: 10px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.debug-workflow-stage {
  min-width: 0 !important;
  min-height: 600px !important;
  padding: clamp(20px, 2.5vw, 32px) !important;
}

.debug-workflow-step-head {
  display: grid !important;
  gap: 6px !important;
  margin-bottom: 22px !important;
}

.debug-workflow-step-head > span {
  color: #2563eb !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
}

.debug-workflow-step-head h3 {
  margin: 0 !important;
  color: var(--debug-text) !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
}

.debug-workflow-step-head p {
  margin: 0 !important;
  color: var(--debug-muted) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

.debug-workflow-phenomena {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.debug-workflow-phenomena article,
.debug-workflow-confirmations label,
.debug-workflow-hypotheses label,
.debug-workflow-tools label,
.debug-workflow-plan label,
.debug-workflow-measurements article,
.debug-workflow-root-causes label,
.debug-workflow-evidence-summary p,
.debug-workflow-regression-ready,
.debug-workflow-before-after article,
.debug-workflow-report-grid article {
  background: var(--debug-surface-soft) !important;
  border: 1px solid var(--debug-border) !important;
  border-radius: 12px !important;
}

.debug-workflow-phenomena article {
  position: relative !important;
  display: grid !important;
  gap: 5px !important;
  min-height: 116px !important;
  padding: 15px !important;
}

.debug-workflow-phenomena article > span { color: var(--debug-muted) !important; font-size: 10px !important; font-weight: 800 !important; }
.debug-workflow-phenomena article > strong { color: var(--debug-text) !important; font-size: 24px !important; }
.debug-workflow-phenomena article > em { width: fit-content !important; padding: 3px 7px !important; border-radius: 999px !important; font-size: 9px !important; font-style: normal !important; font-weight: 900 !important; }
.debug-workflow-phenomena article > em.danger { color: #b91c1c !important; background: rgba(239, 68, 68, 0.12) !important; }
.debug-workflow-phenomena article > em.warn { color: #b45309 !important; background: rgba(245, 158, 11, 0.13) !important; }
.debug-workflow-phenomena article > em.success { color: #15803d !important; background: rgba(34, 197, 94, 0.12) !important; }
.debug-workflow-phenomena article > p { margin: auto 0 0 !important; color: var(--debug-muted) !important; font-size: 10px !important; }

.debug-workflow-confirmations {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

.debug-workflow-confirmations label {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  padding: 14px !important;
  cursor: pointer !important;
}

.debug-workflow-confirmations input,
.debug-workflow-hypotheses input,
.debug-workflow-tools input,
.debug-workflow-plan input,
.debug-workflow-root-causes input {
  width: 17px !important;
  height: 17px !important;
  margin: 1px 0 0 !important;
  accent-color: #2563eb !important;
}

.debug-workflow-confirmations label > span { display: grid !important; gap: 4px !important; }
.debug-workflow-confirmations strong { color: var(--debug-text) !important; font-size: 12px !important; }
.debug-workflow-confirmations em { color: var(--debug-muted) !important; font-size: 10px !important; font-style: normal !important; line-height: 1.45 !important; }

.debug-workflow-primary {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 20px !important;
}

.debug-workflow-primary:disabled,
.debug-workflow-stage button:disabled {
  opacity: 0.43 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

.debug-workflow-hypotheses,
.debug-workflow-tools,
.debug-workflow-root-causes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.debug-workflow-hypotheses label,
.debug-workflow-tools label,
.debug-workflow-root-causes label {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-height: 136px !important;
  padding: 15px !important;
  cursor: pointer !important;
}

.debug-workflow-hypotheses label.selected,
.debug-workflow-tools label.selected,
.debug-workflow-root-causes label.selected,
.debug-workflow-plan label.selected {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.45) !important;
}

.debug-workflow-hypotheses label > span,
.debug-workflow-root-causes label > span {
  width: fit-content !important;
  padding: 3px 7px !important;
  color: #2563eb !important;
  background: rgba(37, 99, 235, 0.1) !important;
  border-radius: 999px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

.debug-workflow-hypotheses label > strong,
.debug-workflow-tools label > strong,
.debug-workflow-root-causes label > strong { color: var(--debug-text) !important; font-size: 13px !important; line-height: 1.45 !important; }
.debug-workflow-hypotheses label > em,
.debug-workflow-tools label > em,
.debug-workflow-root-causes label > em { color: var(--debug-muted) !important; font-size: 10px !important; font-style: normal !important; line-height: 1.45 !important; }

.debug-workflow-textarea {
  display: grid !important;
  gap: 7px !important;
  margin-top: 14px !important;
}

.debug-workflow-textarea > span { color: var(--debug-text) !important; font-size: 11px !important; font-weight: 850 !important; }
.debug-workflow-textarea textarea,
.debug-workflow-measurements select {
  width: 100% !important;
  color: var(--debug-text) !important;
  background: var(--debug-surface-soft) !important;
  border: 1px solid var(--debug-border) !important;
  border-radius: 10px !important;
}
.debug-workflow-textarea textarea { min-height: 92px !important; padding: 12px !important; resize: vertical !important; }

.debug-workflow-tools label > i {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  color: #fff !important;
  background: #2563eb !important;
  border-radius: 10px !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.debug-workflow-plan { display: grid !important; gap: 7px !important; margin-top: 16px !important; }
.debug-workflow-plan > header { display: flex !important; justify-content: space-between !important; gap: 12px !important; color: var(--debug-text) !important; }
.debug-workflow-plan > header span { color: var(--debug-muted) !important; font-size: 10px !important; }
.debug-workflow-plan label { display: grid !important; grid-template-columns: 18px 26px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; padding: 10px 12px !important; cursor: pointer !important; }
.debug-workflow-plan label > span { display: grid !important; width: 24px !important; height: 24px !important; place-items: center !important; color: var(--debug-muted) !important; background: var(--debug-surface) !important; border: 1px solid var(--debug-border) !important; border-radius: 7px !important; font-size: 9px !important; font-weight: 900 !important; }
.debug-workflow-plan label > div { display: grid !important; gap: 2px !important; }
.debug-workflow-plan strong { color: var(--debug-text) !important; font-size: 11px !important; }
.debug-workflow-plan em { color: var(--debug-muted) !important; font-size: 9px !important; font-style: normal !important; }

.debug-workflow-measurements { display: grid !important; gap: 9px !important; }
.debug-workflow-measurements article { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 16px !important; padding: 14px !important; }
.debug-workflow-measurements article > div { display: grid !important; gap: 4px !important; }
.debug-workflow-measurements article > div > span { color: #2563eb !important; font-size: 9px !important; font-weight: 900 !important; }
.debug-workflow-measurements article strong { color: var(--debug-text) !important; font-size: 13px !important; }
.debug-workflow-measurements article p { margin: 0 !important; color: var(--debug-muted) !important; font-size: 10px !important; line-height: 1.5 !important; }
.debug-workflow-measurements article > label { display: grid !important; gap: 4px !important; min-width: 140px !important; }
.debug-workflow-measurements article > label span { color: var(--debug-muted) !important; font-size: 9px !important; font-weight: 800 !important; }
.debug-workflow-measurements select { min-height: 36px !important; padding: 0 9px !important; font-size: 10px !important; }

.debug-workflow-gate-note { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; margin-top: 14px !important; padding: 11px 13px !important; color: #92400e !important; background: rgba(245, 158, 11, 0.11) !important; border: 1px solid rgba(245, 158, 11, 0.22) !important; border-radius: 10px !important; font-size: 10px !important; }

.debug-workflow-evidence-summary { display: grid !important; gap: 7px !important; margin-bottom: 14px !important; }
.debug-workflow-evidence-summary p { display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; gap: 9px !important; margin: 0 !important; padding: 10px !important; color: var(--debug-muted) !important; font-size: 10px !important; line-height: 1.5 !important; }
.debug-workflow-evidence-summary p span { color: #2563eb !important; font-weight: 900 !important; }

.debug-workflow-regression-ready { display: grid !important; gap: 10px !important; padding: 22px !important; }
.debug-workflow-regression-ready > span { color: #7c3aed !important; font-size: 10px !important; font-weight: 900 !important; }
.debug-workflow-regression-ready > strong { color: var(--debug-text) !important; font-size: 18px !important; line-height: 1.5 !important; }
.debug-workflow-regression-ready > p { margin: 0 !important; color: var(--debug-muted) !important; font-size: 11px !important; line-height: 1.6 !important; }
.debug-workflow-regression-ready > button { width: fit-content !important; margin-top: 5px !important; }

.debug-workflow-before-after { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; }
.debug-workflow-before-after article { display: grid !important; gap: 7px !important; padding: 16px !important; }
.debug-workflow-before-after article > span { color: var(--debug-muted) !important; font-size: 10px !important; font-weight: 900 !important; }
.debug-workflow-before-after article > strong { color: var(--debug-text) !important; font-size: 12px !important; }
.debug-workflow-before-after article.after { border-color: rgba(34, 197, 94, 0.34) !important; }
.debug-workflow-before-after article.after em { color: #16a34a !important; font-size: 11px !important; font-style: normal !important; font-weight: 900 !important; }
.debug-workflow-before-after > i { color: #2563eb !important; font-style: normal !important; font-weight: 900 !important; }
.debug-workflow-confirmations.regression { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

.debug-workflow-aside { position: sticky !important; top: 88px !important; display: grid !important; gap: 10px !important; min-width: 0 !important; }
.debug-workflow-aside > section { display: grid !important; gap: 8px !important; padding: 15px !important; }
.debug-workflow-mentor { border-color: rgba(124, 58, 237, 0.3) !important; background: linear-gradient(145deg, rgba(124, 58, 237, 0.08), var(--debug-surface)) !important; }
.debug-workflow-mentor > span { color: #7c3aed !important; font-size: 10px !important; font-weight: 900 !important; }
.debug-workflow-mentor > strong { color: var(--debug-text) !important; font-size: 14px !important; line-height: 1.5 !important; }
.debug-workflow-mentor > p { margin: 0 !important; color: var(--debug-muted) !important; font-size: 10px !important; line-height: 1.6 !important; }
.debug-workflow-mentor > button { width: fit-content !important; margin-top: 3px !important; }
.debug-workflow-context > span { color: var(--debug-muted) !important; font-size: 10px !important; font-weight: 900 !important; }
.debug-workflow-context p { margin: 0 !important; color: var(--debug-muted) !important; font-size: 10px !important; line-height: 1.5 !important; }
.debug-workflow-context b { color: var(--debug-text) !important; }
.debug-workflow-timeline > header { display: flex !important; justify-content: space-between !important; gap: 8px !important; }
.debug-workflow-timeline > header strong { color: var(--debug-text) !important; font-size: 12px !important; }
.debug-workflow-timeline > header span { display: grid !important; width: 22px !important; height: 22px !important; place-items: center !important; color: #2563eb !important; background: rgba(37, 99, 235, 0.1) !important; border-radius: 50% !important; font-size: 9px !important; font-weight: 900 !important; }
.debug-workflow-empty { display: grid !important; gap: 4px !important; padding: 12px !important; color: var(--debug-muted) !important; background: var(--debug-surface-soft) !important; border: 1px dashed var(--debug-border) !important; border-radius: 10px !important; }
.debug-workflow-empty strong { color: var(--debug-text) !important; font-size: 10px !important; }
.debug-workflow-empty span { font-size: 9px !important; line-height: 1.45 !important; }
.debug-workflow-timeline-item { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; gap: 8px !important; padding: 9px 0 !important; border-bottom: 1px solid var(--debug-border) !important; }
.debug-workflow-timeline-item:last-child { border-bottom: 0 !important; }
.debug-workflow-timeline-item > i { display: grid !important; width: 22px !important; height: 22px !important; place-items: center !important; color: #fff !important; background: #2563eb !important; border-radius: 7px !important; font-size: 8px !important; font-style: normal !important; font-weight: 900 !important; }
.debug-workflow-timeline-item > div { display: grid !important; gap: 2px !important; min-width: 0 !important; }
.debug-workflow-timeline-item time { color: var(--debug-muted) !important; font-size: 8px !important; }
.debug-workflow-timeline-item strong { color: var(--debug-text) !important; font-size: 10px !important; }
.debug-workflow-timeline-item p { margin: 0 !important; color: var(--debug-muted) !important; font-size: 9px !important; line-height: 1.45 !important; }
.debug-workflow-timeline-item > em { grid-column: 2 !important; width: fit-content !important; padding: 2px 6px !important; border-radius: 999px !important; font-size: 8px !important; font-style: normal !important; font-weight: 900 !important; }
.debug-workflow-timeline-item > em.support { color: #15803d !important; background: rgba(34, 197, 94, 0.12) !important; }
.debug-workflow-timeline-item > em.exclude { color: #b45309 !important; background: rgba(245, 158, 11, 0.12) !important; }
.debug-workflow-timeline-item > em.uncertain,
.debug-workflow-timeline-item > em.pending { color: var(--debug-muted) !important; background: var(--debug-surface-soft) !important; }

.debug-workflow-report { display: grid !important; gap: 18px !important; }
.debug-workflow-report > header { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; }
.debug-workflow-report > header > div { display: grid !important; gap: 5px !important; }
.debug-workflow-report > header span { color: #2563eb !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.12em !important; }
.debug-workflow-report > header h3 { margin: 0 !important; color: var(--debug-text) !important; font-size: 24px !important; }
.debug-workflow-report > header em { padding: 6px 9px !important; color: #15803d !important; background: rgba(34, 197, 94, 0.12) !important; border-radius: 999px !important; font-size: 9px !important; font-style: normal !important; font-weight: 900 !important; }
.debug-workflow-report-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
.debug-workflow-report-grid article { display: grid !important; gap: 6px !important; min-height: 108px !important; padding: 15px !important; }
.debug-workflow-report-grid article.wide { grid-column: 1 / -1 !important; min-height: 0 !important; }
.debug-workflow-report-grid article.ai { border-color: rgba(124, 58, 237, 0.3) !important; background: rgba(124, 58, 237, 0.07) !important; }
.debug-workflow-report-grid article > span { color: var(--debug-muted) !important; font-size: 9px !important; font-weight: 900 !important; }
.debug-workflow-report-grid article > strong { color: var(--debug-text) !important; font-size: 13px !important; line-height: 1.55 !important; }
.debug-workflow-report-grid article > p { margin: 0 !important; color: var(--debug-muted) !important; font-size: 10px !important; line-height: 1.5 !important; }
.debug-workflow-report-actions { display: flex !important; justify-content: flex-end !important; gap: 10px !important; }

.engineering-debug-route {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(80px, 1fr)) !important;
  gap: 8px !important;
  max-width: 860px !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.engineering-debug-route li {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 8px !important;
  color: #b9c9df !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 9px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

.engineering-debug-route li i {
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  color: #bfdbfe !important;
  background: rgba(37, 99, 235, 0.24) !important;
  border-radius: 7px !important;
  font-style: normal !important;
}

.engineering-debug-route li.current { color: #fff !important; border-color: rgba(96, 165, 250, 0.5) !important; }
.engineering-debug-route li.done i { color: #fff !important; background: #22c55e !important; }

@media (max-width: 1280px) {
  .debug-workflow-layout { grid-template-columns: 190px minmax(0, 1fr) !important; }
  .debug-workflow-aside { position: static !important; grid-column: 1 / -1 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 900px) {
  .debug-workflow-hero { align-items: flex-start !important; flex-direction: column !important; }
  .debug-workflow-hero > aside { justify-content: flex-start !important; }
  .debug-workflow-layout { grid-template-columns: 1fr !important; }
  .debug-workflow-step-rail { position: static !important; grid-template-columns: repeat(6, minmax(112px, 1fr)) !important; overflow-x: auto !important; }
  .debug-workflow-step-rail > button:not(.debug-workflow-reset) { min-width: 112px !important; }
  .debug-workflow-reset { display: none !important; }
  .debug-workflow-aside { grid-column: auto !important; grid-template-columns: 1fr !important; }
  .debug-workflow-phenomena,
  .debug-workflow-hypotheses,
  .debug-workflow-tools,
  .debug-workflow-root-causes,
  .debug-workflow-confirmations,
  .debug-workflow-confirmations.regression,
  .debug-workflow-report-grid { grid-template-columns: 1fr !important; }
  .debug-workflow-report-grid article.wide { grid-column: auto !important; }
  .debug-workflow-before-after { grid-template-columns: 1fr !important; }
  .debug-workflow-before-after > i { transform: rotate(90deg) !important; text-align: center !important; }
  .engineering-debug-route { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 600px) {
  html body[data-active-panel="debug-lab"] .debug-training-shell { padding: 12px 10px 28px !important; }
  .debug-workflow-stage { min-height: 0 !important; padding: 18px !important; }
  .debug-workflow-measurements article { grid-template-columns: 1fr !important; }
  .debug-workflow-measurements article > label { min-width: 0 !important; }
  .debug-workflow-report > header,
  .debug-workflow-report-actions { align-items: stretch !important; flex-direction: column !important; }
  .debug-workflow-report-actions > button { width: 100% !important; }
  .engineering-debug-route { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* source: v67-growth-public-profile.css */
/* V67 · recruiter-facing engineering capability profile */

body[data-active-panel="growth-profile"] .recruiter-profile-card {
  padding: 0;
  overflow: visible;
  border: 1px solid var(--v51-border, #dbe4ef);
  background: var(--v51-card, #ffffff);
  box-shadow: 0 18px 48px rgba(31, 52, 84, 0.08);
}

/* V6.9 home CTA lock: engineering actions stay blue; purple is reserved for AI signals. */
:is(#hw-v69-home, html) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-primary-action.primary-btn {
  color: #ffffff !important;
  background: #1677ff !important;
  background-image: none !important;
  border-color: #1677ff !important;
  box-shadow: 0 10px 24px rgba(22, 119, 255, 0.24) !important;
}

:is(#hw-v69-home, html) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-primary-action.primary-btn:hover,
:is(#hw-v69-home, html) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-primary-action.primary-btn:focus-visible {
  background: #0958d9 !important;
  background-image: none !important;
  border-color: #0958d9 !important;
  box-shadow: 0 12px 28px rgba(9, 88, 217, 0.28) !important;
}

/* Keep the draggable 3D mentor independent from the home decision controls. */
@media (min-width: 761px) {
  :is(#hw-v69-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice {
    padding-right: clamp(120px, 13vw, 176px) !important;
    box-sizing: border-box !important;
  }

  :is(#hw-v69-home, html) body[data-active-panel="landing"] .landing-v5-command-center .landing-task-action-row {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 760px) {
  :is(#hw-v69-home, html) body[data-active-panel="landing"] #landingStartInterviewBtn.landing-primary-action.primary-btn {
    align-self: flex-start !important;
    width: calc(100% - 112px) !important;
    min-width: 156px !important;
  }
}

.recruiter-profile-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 26px 20px;
  border-bottom: 1px solid var(--v51-border, #dbe4ef);
}

.recruiter-profile-card-head > div:first-child > span,
.recruiter-profile-controls > div:first-child > span {
  color: #7c4dff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.recruiter-profile-card-head h3,
.recruiter-profile-controls h4 {
  margin: 5px 0 0;
  color: var(--v51-text, #112238);
}

.recruiter-profile-card-head h3 {
  font-size: 24px;
}

.recruiter-profile-card-head p,
.recruiter-profile-controls p {
  margin: 7px 0 0;
  color: var(--v51-muted, #687b91);
  line-height: 1.65;
}

.recruiter-profile-card-actions,
.recruiter-profile-export-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.recruiter-profile-card-actions .primary-btn,
.recruiter-profile-dialog-toolbar .primary-btn {
  background: #1677ff;
  border-color: #1677ff;
  box-shadow: 0 9px 24px rgba(22, 119, 255, 0.2);
}

.recruiter-profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 0.78fr);
  align-items: start;
  gap: 20px;
  padding: 22px;
  background: var(--v51-card-soft, #f5f8fc);
}

.recruiter-profile-sheet {
  min-width: 0;
  padding: 26px;
  border: 1px solid var(--v51-border, #dce5f0);
  border-radius: 20px;
  background: var(--v51-card, #ffffff);
  color: var(--v51-text, #122238);
  box-shadow: 0 16px 40px rgba(25, 46, 78, 0.07);
}

.recruiter-profile-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--v51-border, #dce5f0);
}

.recruiter-profile-monogram {
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(22, 119, 255, 0.18);
  border-radius: 18px;
  background: #eaf3ff;
  color: #1268dc;
  font-size: 26px;
  font-weight: 950;
}

.recruiter-profile-identity > div:nth-child(2) > span,
.recruiter-profile-section-head > div > span {
  color: var(--v51-muted, #687b91);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.recruiter-profile-identity h3 {
  margin: 4px 0;
  font-size: 25px;
  line-height: 1.15;
}

.recruiter-profile-identity p,
.recruiter-profile-footer p {
  margin: 0;
  color: var(--v51-muted, #687b91);
}

.recruiter-profile-verified {
  min-width: 126px;
  text-align: right;
}

.recruiter-profile-verified i {
  display: inline-grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 50%;
  background: #eef2f7;
  color: #718197;
  font-style: normal;
  font-weight: 900;
}

.recruiter-profile-verified.is-ready i {
  background: #ddf8e9;
  color: #10864a;
}

.recruiter-profile-verified strong,
.recruiter-profile-verified small {
  display: block;
  margin-top: 4px;
}

.recruiter-profile-verified strong {
  font-size: 13px;
}

.recruiter-profile-verified small {
  color: var(--v51-muted, #687b91);
  font-size: 10px;
}

.recruiter-profile-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 20px 0 0;
}

.recruiter-profile-stats > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--v51-border, #dce5f0);
  border-radius: 14px;
  background: var(--v51-card-soft, #f6f9fd);
}

.recruiter-profile-stats span,
.recruiter-profile-stats small {
  display: block;
  color: var(--v51-muted, #687b91);
  font-size: 10px;
}

.recruiter-profile-stats strong {
  display: block;
  margin: 5px 0;
  color: var(--v51-text, #122238);
  font-size: 25px;
  line-height: 1;
}

.recruiter-profile-section {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--v51-border, #dce5f0);
  border-radius: 16px;
  background: var(--v51-card-soft, #f7f9fc);
}

.recruiter-profile-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.recruiter-profile-section-head h4 {
  margin: 3px 0 0;
  font-size: 16px;
}

.recruiter-profile-section-head em {
  color: var(--v51-muted, #687b91);
  font-size: 11px;
  font-style: normal;
}

.recruiter-profile-abilities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.recruiter-profile-abilities article {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--v51-border, #dce5f0);
  border-radius: 13px;
  background: var(--v51-card, #ffffff);
}

.recruiter-profile-abilities article.verified {
  border-color: rgba(24, 177, 100, 0.25);
}

.recruiter-profile-abilities article > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.recruiter-profile-abilities article > div > span {
  flex: 0 0 auto;
  color: #f3a01b;
  font-size: 13px;
  letter-spacing: 0.04em;
}

.recruiter-profile-abilities article.pending > div > span,
.recruiter-profile-abilities article.unscored > div > span {
  color: #9aa8b8;
}

.recruiter-profile-abilities p,
.recruiter-profile-abilities small {
  display: block;
  margin: 7px 0 0;
  color: var(--v51-muted, #687b91);
  font-size: 11px;
  line-height: 1.5;
}

.recruiter-profile-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.recruiter-profile-projects > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.recruiter-profile-projects > div:last-child span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(22, 119, 255, 0.1);
  color: #1268dc;
  font-size: 11px;
  font-weight: 800;
}

.recruiter-profile-projects > div:last-child span.pending {
  background: rgba(105, 123, 145, 0.1);
  color: var(--v51-muted, #687b91);
}

.recruiter-profile-cases article {
  padding: 9px 0;
  border-top: 1px solid var(--v51-border, #dce5f0);
}

.recruiter-profile-cases article:first-child {
  padding-top: 0;
  border-top: 0;
}

.recruiter-profile-cases article p {
  margin: 4px 0 0;
  color: var(--v51-muted, #687b91);
  font-size: 11px;
  line-height: 1.5;
}

.recruiter-profile-empty {
  color: var(--v51-muted, #687b91);
  font-size: 12px;
}

.recruiter-profile-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid var(--v51-border, #dce5f0);
  color: var(--v51-muted, #687b91);
  font-size: 10px;
  line-height: 1.55;
}

.recruiter-profile-footer span {
  flex: 0 0 auto;
  font-weight: 800;
}

.recruiter-profile-footer p {
  max-width: 620px;
  text-align: right;
}

.recruiter-profile-controls {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--v51-border, #dce5f0);
  border-radius: 18px;
  background: var(--v51-card, #ffffff);
}

.recruiter-profile-controls h4 {
  font-size: 17px;
}

.recruiter-profile-controls > label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 11px;
  border: 1px solid var(--v51-border, #dce5f0);
  border-radius: 12px;
  cursor: pointer;
}

.recruiter-profile-controls > label input {
  width: 17px;
  height: 17px;
  margin: 2px 0 0;
  accent-color: #1677ff;
}

.recruiter-profile-controls > label strong,
.recruiter-profile-controls > label small {
  display: block;
}

.recruiter-profile-controls > label strong {
  font-size: 12px;
}

.recruiter-profile-controls > label small {
  margin-top: 3px;
  color: var(--v51-muted, #687b91);
  font-size: 10px;
  line-height: 1.45;
}

.recruiter-profile-export-actions > button {
  flex: 1 1 110px;
}

.recruiter-profile-local-note {
  padding: 10px 11px;
  border-radius: 11px;
  background: rgba(22, 119, 255, 0.07);
  font-size: 10px;
}

.recruiter-profile-dialog {
  width: min(1120px, calc(100vw - 34px));
  max-height: calc(100vh - 34px);
  padding: 0;
  border: 1px solid var(--v51-border, #dce5f0);
  border-radius: 22px;
  background: var(--v51-card-soft, #f2f6fb);
  color: var(--v51-text, #122238);
  box-shadow: 0 40px 110px rgba(10, 24, 45, 0.28);
}

.recruiter-profile-dialog::backdrop {
  background: rgba(10, 22, 40, 0.58);
  backdrop-filter: blur(5px);
}

.recruiter-profile-dialog-toolbar {
  position: sticky;
  z-index: 3;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--v51-border, #dce5f0);
  background: color-mix(in srgb, var(--v51-card, #fff) 94%, transparent);
  backdrop-filter: blur(18px);
}

.recruiter-profile-dialog-toolbar > div:first-child span,
.recruiter-profile-dialog-toolbar > div:first-child strong {
  display: block;
}

.recruiter-profile-dialog-toolbar > div:first-child span {
  color: #7c4dff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.recruiter-profile-dialog-toolbar > div:last-child {
  display: flex;
  gap: 8px;
}

.recruiter-profile-dialog > .recruiter-profile-sheet {
  margin: 18px;
}

html[data-theme="dark"] body[data-active-panel="growth-profile"] .recruiter-profile-card,
html[data-theme="dark"] .recruiter-profile-sheet,
html[data-theme="dark"] .recruiter-profile-controls,
html[data-theme="dark"] .recruiter-profile-dialog {
  --v51-card: #101c2d;
  --v51-card-soft: #0b1626;
  --v51-text: #eaf2ff;
  --v51-muted: #91a4bd;
  --v51-border: #24364d;
}

html[data-theme="dark"] .recruiter-profile-monogram {
  background: rgba(22, 119, 255, 0.15);
  color: #79b3ff;
}

html[data-theme="dark"] .recruiter-profile-projects > div:last-child span {
  color: #8ebeff;
}

@media (max-width: 1180px) {
  .recruiter-profile-layout {
    grid-template-columns: 1fr;
  }

  .recruiter-profile-controls {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .recruiter-profile-controls > div:first-child,
  .recruiter-profile-export-actions,
  .recruiter-profile-local-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .recruiter-profile-card-head,
  .recruiter-profile-dialog-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .recruiter-profile-card-actions > button,
  .recruiter-profile-dialog-toolbar > div:last-child > button:not(.icon-btn) {
    flex: 1 1 auto;
  }

  .recruiter-profile-layout {
    padding: 12px;
  }

  .recruiter-profile-sheet {
    padding: 18px;
  }

  .recruiter-profile-identity {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .recruiter-profile-verified {
    grid-column: 1 / -1;
    text-align: left;
  }

  .recruiter-profile-stats,
  .recruiter-profile-abilities,
  .recruiter-profile-proof-grid,
  .recruiter-profile-controls {
    grid-template-columns: 1fr;
  }

  .recruiter-profile-controls > div:first-child,
  .recruiter-profile-export-actions,
  .recruiter-profile-local-note {
    grid-column: auto;
  }

  .recruiter-profile-footer {
    display: block;
  }

  .recruiter-profile-footer p {
    margin-top: 7px;
    text-align: left;
  }

  .recruiter-profile-dialog > .recruiter-profile-sheet {
    margin: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .recruiter-profile-card *,
  .recruiter-profile-dialog * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}


/* source: v71-home-action.css */
/*
 * V7.1 home action architecture
 * Four regions only: user state, AI advice, recent task, quick access.
 */

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 22px clamp(18px, 2.4vw, 34px) 40px !important;
}

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > * {
  display: none !important;
}

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > :is(
  .landing-welcome-panel,
  .landing-v5-command-center,
  .landing-weekly-growth,
  .landing-home-shortcuts
) {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-engineering-status {
  display: none !important;
}

/* Region 1: user state */
html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-welcome-panel {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  order: 1 !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 138px !important;
  padding: 20px 24px !important;
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  background:
    linear-gradient(115deg, color-mix(in srgb, var(--hw-primary, #1677ff) 7%, var(--v51-card, #fff)), var(--v51-card, #fff) 42%) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-profile-avatar {
  width: 62px !important;
  min-width: 62px !important;
  height: 62px !important;
  margin: 0 !important;
  border-radius: 18px !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-welcome-copy {
  display: grid !important;
  grid-template-columns: minmax(190px, 0.62fr) minmax(0, 1.38fr) !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-welcome-panel .landing-greeting-line {
  margin: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(23px, 2.2vw, 30px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

html body[data-active-panel="landing"] .landing-user-status-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-user-status-grid > div {
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 12px 14px !important;
  background: color-mix(in srgb, var(--v51-card-soft, #f8fafc) 84%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--v51-border, #dbe4f0) 82%, transparent) !important;
  border-radius: 13px !important;
}

html body[data-active-panel="landing"] .landing-user-status-grid span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html body[data-active-panel="landing"] .landing-user-status-grid strong {
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-user-status-grid > div:last-child strong {
  color: var(--hw-primary, #1677ff) !important;
}

/* Region 2: AI recommendation */
html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-v5-command-center {
  display: grid !important;
  order: 2 !important;
  align-content: start !important;
  gap: 20px !important;
  min-height: 0 !important;
  padding: 28px clamp(150px, 14vw, 188px) 28px 30px !important;
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(124, 58, 237, 0.16), transparent 31%),
    linear-gradient(135deg, color-mix(in srgb, var(--hw-primary, #1677ff) 9%, var(--v51-card, #fff)), var(--v51-card, #fff) 58%) !important;
  border: 1px solid color-mix(in srgb, var(--hw-ai, #7c3aed) 28%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.09) !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center > .landing-task-header,
html body[data-active-panel="landing"] .landing-v5-command-center :is(
  .landing-target-gap,
  .landing-task-score,
  .landing-task-rationale,
  .landing-task-metrics
) {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center > .landing-ai-advice-header {
  display: block !important;
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-ai-advice-header .eyebrow {
  margin: 0 0 5px !important;
  color: var(--hw-ai, #7c3aed) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
}

html body[data-active-panel="landing"] .landing-ai-advice-header h2 {
  margin: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(25px, 2.6vw, 34px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-body,
html body[data-active-panel="landing"] .landing-v5-command-center .landing-today-advice {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-panel {
  display: grid !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-panel > span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-list article {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 86px !important;
  padding: 15px 16px !important;
  color: var(--v51-text, #0f172a) !important;
  background: color-mix(in srgb, var(--v51-card, #fff) 82%, transparent) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-list article > i {
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  color: var(--hw-ai, #7c3aed) !important;
  background: color-mix(in srgb, var(--hw-ai, #7c3aed) 12%, transparent) !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-list article > div {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-list strong {
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-list p {
  margin: 0 !important;
  color: var(--v51-muted, #64748b) !important;
  font-size: 12px !important;
}

html body[data-active-panel="landing"] .landing-ai-weakness-list p b {
  color: var(--hw-ai, #7c3aed) !important;
  font-size: 14px !important;
}

html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-action-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 72px !important;
  margin-top: 18px !important;
  padding: 15px 16px !important;
  background: color-mix(in srgb, var(--hw-primary, #1677ff) 6%, var(--v51-card, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--hw-primary, #1677ff) 18%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 14px !important;
}

html body[data-active-panel="landing"] .landing-ai-training-suggestion {
  display: grid !important;
  gap: 4px !important;
}

html body[data-active-panel="landing"] .landing-ai-training-suggestion span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html body[data-active-panel="landing"] .landing-ai-training-suggestion strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 18px !important;
}

html body[data-active-panel="landing"] #landingStartInterviewBtn.landing-primary-action {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  min-width: 128px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  transform: none !important;
}

/* Region 3: recent task list */
html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-weekly-growth {
  display: grid !important;
  order: 3 !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 20px 22px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head :is(.eyebrow, h2) {
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head h2 {
  margin-top: 4px !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 21px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-head > span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
}

html body[data-active-panel="landing"] .landing-weekly-growth-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body[data-active-panel="landing"] .landing-recent-task-card {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.72fr) minmax(320px, 1.28fr) !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 13px !important;
}

html body[data-active-panel="landing"] .landing-recent-task-copy {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-recent-task-copy > span {
  color: var(--hw-primary, #1677ff) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

html body[data-active-panel="landing"] .landing-recent-task-copy > h3 {
  margin: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

html body[data-active-panel="landing"] .landing-recent-task-copy > p {
  display: none !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress > span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress > div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress i {
  display: block !important;
  flex: 1 1 auto !important;
  height: 7px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--v51-text, #0f172a) 9%, transparent) !important;
  border-radius: 999px !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress i > b {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, var(--hw-primary, #1677ff), var(--hw-ai, #7c3aed)) !important;
  border-radius: inherit !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress > div > strong {
  min-width: 38px !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 12px !important;
  text-align: right !important;
}

html body[data-active-panel="landing"] .landing-recent-task-progress > button {
  min-width: 78px !important;
  min-height: 38px !important;
  padding-inline: 16px !important;
}

/* Region 4: compact quick access */
html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-home-shortcuts {
  display: grid !important;
  order: 4 !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 20px 22px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

html body[data-active-panel="landing"] .landing-home-shortcuts-head {
  display: block !important;
}

html body[data-active-panel="landing"] .landing-home-shortcuts-head :is(.eyebrow, h2) {
  margin: 0 !important;
}

html body[data-active-panel="landing"] .landing-home-shortcuts-head h2 {
  margin-top: 4px !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 21px !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  min-width: 0 !important;
  min-height: 66px !important;
  padding: 12px 14px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button:hover {
  color: var(--hw-primary, #1677ff) !important;
  background: color-mix(in srgb, var(--hw-primary, #1677ff) 7%, var(--v51-card, #fff)) !important;
  border-color: color-mix(in srgb, var(--hw-primary, #1677ff) 38%, var(--v51-border, #dbe4f0)) !important;
  transform: translateY(-1px) !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button > span {
  display: grid !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  color: var(--hw-primary, #1677ff) !important;
  background: color-mix(in srgb, var(--hw-primary, #1677ff) 9%, transparent) !important;
  border-radius: 10px !important;
  font-size: 17px !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button > strong {
  overflow: hidden !important;
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-active-panel="landing"] .landing-home-shortcut-grid > button > em {
  display: none !important;
}

html[data-theme="dark"] body[data-active-panel="landing"] :is(
  .landing-user-status-grid > div,
  .landing-ai-weakness-list article,
  .landing-recent-task-card,
  .landing-home-shortcut-grid > button
) {
  background: #0f1b2d !important;
  border-color: #26364c !important;
}

@media (max-width: 980px) {
  html body[data-active-panel="landing"] .landing-welcome-panel .landing-welcome-copy {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  html body[data-active-panel="landing"] .landing-ai-weakness-list,
  html body[data-active-panel="landing"] .landing-recent-task-card {
    grid-template-columns: 1fr !important;
  }

  html body[data-active-panel="landing"] .landing-home-shortcut-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid {
    padding-inline: 14px !important;
  }

  html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-welcome-panel {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
  }

  html body[data-active-panel="landing"] .landing-welcome-panel .landing-profile-avatar {
    display: none !important;
  }

  html body[data-active-panel="landing"] .landing-user-status-grid,
  html body[data-active-panel="landing"] .landing-ai-weakness-list {
    grid-template-columns: 1fr !important;
  }

  html body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-v5-command-center {
    padding: 22px !important;
  }

  html body[data-active-panel="landing"] .landing-v5-command-center .landing-task-action-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body[data-active-panel="landing"] #landingStartInterviewBtn.landing-primary-action {
    width: 100% !important;
  }

  html body[data-active-panel="landing"] .landing-recent-task-progress {
    grid-template-columns: 1fr !important;
  }

  html body[data-active-panel="landing"] .landing-home-shortcut-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Terminal four-region lock: outrank the legacy :is(#hw-v6-home, html) rules. */
:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > * {
  display: none !important;
}

:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-welcome-panel {
  display: grid !important;
}

:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > :is(
  .landing-v5-command-center,
  .landing-weekly-growth,
  .landing-home-shortcuts
) {
  display: grid !important;
}

:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > .landing-home-grid > .landing-engineering-status {
  display: none !important;
}

/* Exact DOM terminal lock for the legacy card selectors. */
:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-welcome-panel[data-home-module-key="welcome"] {
  display: grid !important;
}

:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-v5-command-center[data-home-module-key="v5-command-center"],
:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-weekly-growth[data-home-module-key="recent-task"],
:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-home-shortcuts[data-home-module-key="shortcuts"] {
  display: grid !important;
}

:is(#hw-v72-home, html) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-engineering-status[data-home-module-key="engineering-status"] {
  display: none !important;
}



/* source: v72-private-coach.css */
/*
 * V7.3 private engineering coach
 * Action-first AI mentor: coach status, ability diagnosis, today's plan.
 */

html body[data-active-panel="ai-coach"] .shell .main.main > section.panel.active.private-coach-workbench {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 22px clamp(18px, 2.4vw, 34px) 40px !important;
}

html body[data-active-panel="ai-coach"] .private-coach-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

html:not(.react-student-embedded) body[data-active-panel="ai-coach"] #companionAvatarDock.companion-avatar-dock {
  display: none !important;
}

html body[data-active-panel="ai-coach"] .private-coach-workbench :is(h2, h3, p, dl, dd) {
  margin: 0;
}

html body[data-active-panel="ai-coach"] .private-coach-workbench .eyebrow {
  color: var(--hw-ai, #7c3aed) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.3 !important;
}

html body[data-active-panel="ai-coach"] .private-coach-hero {
  position: relative !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 116px !important;
  padding: 16px 24px !important;
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  background:
    radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--hw-ai, #7c3aed) 17%, transparent), transparent 34%),
    linear-gradient(118deg, color-mix(in srgb, var(--hw-primary, #1677ff) 8%, var(--v51-card, #fff)), var(--v51-card, #fff) 48%) !important;
  border: 1px solid color-mix(in srgb, var(--hw-ai, #7c3aed) 25%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.07) !important;
}

html body[data-active-panel="ai-coach"] .private-coach-hero::after {
  position: absolute;
  right: 76px;
  bottom: -74px;
  width: 210px;
  height: 210px;
  border: 1px solid color-mix(in srgb, var(--hw-ai, #7c3aed) 16%, transparent);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

html body[data-active-panel="ai-coach"] .private-coach-avatar {
  position: relative;
  display: grid;
  width: 68px;
  height: 68px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--hw-ai, #7c3aed) 38%, var(--v51-border, #dbe4f0));
  border-radius: 24px;
  background:
    radial-gradient(circle at 32% 25%, rgba(255, 255, 255, 0.65), transparent 26%),
    linear-gradient(145deg, var(--hw-primary, #1677ff), var(--hw-ai, #7c3aed));
  box-shadow: 0 14px 34px color-mix(in srgb, var(--hw-ai, #7c3aed) 24%, transparent);
}

html body[data-active-panel="ai-coach"] .private-coach-avatar::before,
html body[data-active-panel="ai-coach"] .private-coach-avatar::after {
  position: absolute;
  top: 33px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.92);
  content: "";
}

html body[data-active-panel="ai-coach"] .private-coach-avatar::before {
  left: 19px;
}

html body[data-active-panel="ai-coach"] .private-coach-avatar::after {
  right: 19px;
}

html body[data-active-panel="ai-coach"] .private-coach-avatar span {
  position: absolute;
  top: 9px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

html body[data-active-panel="ai-coach"] .private-coach-hero-copy {
  display: grid !important;
  align-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

html body[data-active-panel="ai-coach"] .private-coach-kicker {
  color: var(--v51-muted, #64748b) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

html body[data-active-panel="ai-coach"] .private-coach-hero h2 {
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 880 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.035em !important;
}

html body[data-active-panel="ai-coach"] .private-coach-status {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  color: #168a57;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  background: color-mix(in srgb, #22c55e 10%, var(--v51-card, #fff));
  border: 1px solid color-mix(in srgb, #22c55e 24%, var(--v51-border, #dbe4f0));
  border-radius: 999px;
}

html body[data-active-panel="ai-coach"] .private-coach-status i {
  width: 7px;
  height: 7px;
  background: #22c55e;
  border-radius: 50%;
  box-shadow: 0 0 0 4px color-mix(in srgb, #22c55e 15%, transparent);
}

html body[data-active-panel="ai-coach"] .private-coach-content-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

html body[data-active-panel="ai-coach"] :is(.private-coach-diagnosis, .private-coach-plan) {
  display: flex !important;
  min-width: 0 !important;
  min-height: 414px !important;
  flex-direction: column !important;
  padding: 22px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.055) !important;
}

html body[data-active-panel="ai-coach"] .private-coach-plan {
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--hw-ai, #7c3aed) 13%, transparent), transparent 36%),
    var(--v51-card, #fff) !important;
  border-color: color-mix(in srgb, var(--hw-ai, #7c3aed) 26%, var(--v51-border, #dbe4f0)) !important;
}

html body[data-active-panel="ai-coach"] .private-coach-section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--v51-border, #dbe4f0) !important;
}

html body[data-active-panel="ai-coach"] .private-coach-section-head > div {
  display: grid;
  gap: 5px;
}

html body[data-active-panel="ai-coach"] .private-coach-section-head h3 {
  color: var(--v51-text, #0f172a) !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.02em !important;
}

html body[data-active-panel="ai-coach"] .private-coach-section-head > span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 10px;
  color: var(--v51-muted, #64748b);
  font-size: 11px;
  font-weight: 760;
  white-space: nowrap;
  background: var(--v51-card-soft, #f8fafc);
  border: 1px solid var(--v51-border, #dbe4f0);
  border-radius: 999px;
}

html body[data-active-panel="ai-coach"] .private-coach-ability-list {
  display: grid !important;
  gap: 0 !important;
  flex: 1 !important;
  padding-top: 7px !important;
}

html body[data-active-panel="ai-coach"] .private-coach-ability-row {
  display: grid;
  align-content: center;
  gap: 9px;
  min-height: 60px;
  padding: 7px 2px;
  border-bottom: 1px solid color-mix(in srgb, var(--v51-border, #dbe4f0) 72%, transparent);
}

html body[data-active-panel="ai-coach"] .private-coach-ability-row:last-child {
  border-bottom: 0;
}

html body[data-active-panel="ai-coach"] .private-coach-ability-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

html body[data-active-panel="ai-coach"] .private-coach-ability-meta > span {
  color: var(--v51-text, #0f172a);
  font-size: 14px;
  font-weight: 760;
}

html body[data-active-panel="ai-coach"] .private-coach-ability-meta strong {
  color: var(--hw-primary, #1677ff);
  font-size: 20px;
  font-weight: 880;
  line-height: 1;
}

html body[data-active-panel="ai-coach"] .private-coach-ability-meta small {
  margin-left: 2px;
  color: var(--v51-muted, #64748b);
  font-size: 11px;
  font-weight: 700;
}

html body[data-active-panel="ai-coach"] .private-coach-meter {
  width: 100%;
  height: 7px;
  overflow: hidden;
  background: color-mix(in srgb, var(--v51-text, #0f172a) 8%, transparent);
  border-radius: 999px;
}

html body[data-active-panel="ai-coach"] .private-coach-meter i {
  display: block;
  width: var(--score);
  height: 100%;
  background: linear-gradient(90deg, var(--hw-primary, #1677ff), #32b9ef);
  border-radius: inherit;
}

html body[data-active-panel="ai-coach"] .private-coach-ability-row--focus .private-coach-ability-meta strong {
  color: var(--hw-ai, #7c3aed);
}

html body[data-active-panel="ai-coach"] .private-coach-ability-row--focus .private-coach-meter i {
  background: linear-gradient(90deg, var(--hw-ai, #7c3aed), #a855f7);
}

html body[data-active-panel="ai-coach"] .private-coach-priority {
  display: grid !important;
  gap: 7px !important;
  margin: 16px 0 10px !important;
  padding: 15px 18px !important;
  background: color-mix(in srgb, var(--hw-ai, #7c3aed) 8%, var(--v51-card, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--hw-ai, #7c3aed) 20%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 15px !important;
}

html body[data-active-panel="ai-coach"] .private-coach-priority span {
  color: var(--hw-ai, #7c3aed);
  font-size: 12px;
  font-weight: 800;
}

html body[data-active-panel="ai-coach"] .private-coach-priority strong {
  color: var(--v51-text, #0f172a);
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 880;
  line-height: 1.3;
  letter-spacing: -0.025em;
}

html body[data-active-panel="ai-coach"] .private-coach-plan-details {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
}

html body[data-active-panel="ai-coach"] .private-coach-plan-details > div {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 61px;
  padding: 10px 2px;
  border-bottom: 1px solid var(--v51-border, #dbe4f0);
}

html body[data-active-panel="ai-coach"] .private-coach-plan-details dt {
  color: var(--v51-muted, #64748b);
  font-size: 12px;
  font-weight: 760;
}

html body[data-active-panel="ai-coach"] .private-coach-plan-details dd {
  color: var(--v51-text, #0f172a);
  font-size: 14px;
  font-weight: 680;
  line-height: 1.6;
}

html body[data-active-panel="ai-coach"] .private-coach-plan-details dd > strong {
  color: var(--hw-ai, #7c3aed);
  font-size: 18px;
  font-weight: 900;
}

html body[data-active-panel="ai-coach"] .private-coach-growth {
  display: flex;
  align-items: center;
  gap: 10px;
}

html body[data-active-panel="ai-coach"] .private-coach-growth span {
  color: var(--v51-muted, #64748b);
  font-size: 20px;
  font-weight: 800;
}

html body[data-active-panel="ai-coach"] .private-coach-growth i {
  color: var(--v51-muted, #64748b);
  font-style: normal;
}

html body[data-active-panel="ai-coach"] .private-coach-growth strong {
  color: var(--hw-ai, #7c3aed) !important;
  font-size: 25px !important;
  font-weight: 900 !important;
}

html body[data-active-panel="ai-coach"] .private-coach-primary-action {
  display: flex !important;
  width: 100% !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding: 0 22px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  background: linear-gradient(108deg, var(--hw-primary, #1677ff), var(--hw-ai, #7c3aed)) !important;
  border: 0 !important;
  border-radius: 13px !important;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--hw-ai, #7c3aed) 27%, transparent) !important;
  cursor: pointer !important;
  transition: transform 160ms ease, box-shadow 160ms ease !important;
}

html body[data-active-panel="ai-coach"] .private-coach-primary-action:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--hw-ai, #7c3aed) 33%, transparent) !important;
}

html body[data-active-panel="ai-coach"] .private-coach-primary-action:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--hw-primary, #1677ff) 30%, transparent) !important;
  outline-offset: 3px !important;
}

@media (max-width: 980px) {
  html body[data-active-panel="ai-coach"] .private-coach-content-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body[data-active-panel="ai-coach"] :is(.private-coach-diagnosis, .private-coach-plan) {
    min-height: 0 !important;
  }

  html body[data-active-panel="ai-coach"] .private-coach-primary-action {
    margin-top: 22px !important;
  }
}

@media (max-width: 640px) {
  html body[data-active-panel="ai-coach"] .shell .main.main > section.panel.active.private-coach-workbench {
    padding: 14px 12px 28px !important;
  }

  html body[data-active-panel="ai-coach"] .private-coach-hero {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 15px !important;
    min-height: 142px !important;
    padding: 20px !important;
  }

  html body[data-active-panel="ai-coach"] .private-coach-avatar {
    width: 60px;
    height: 60px;
    border-radius: 19px;
  }

  html body[data-active-panel="ai-coach"] .private-coach-avatar::before,
  html body[data-active-panel="ai-coach"] .private-coach-avatar::after {
    top: 30px;
    width: 6px;
    height: 6px;
  }

  html body[data-active-panel="ai-coach"] .private-coach-avatar::before {
    left: 17px;
  }

  html body[data-active-panel="ai-coach"] .private-coach-avatar::after {
    right: 17px;
  }

  html body[data-active-panel="ai-coach"] .private-coach-avatar span {
    top: 6px;
  }

  html body[data-active-panel="ai-coach"] .private-coach-status {
    grid-column: 1 / -1;
    width: max-content;
  }

  html body[data-active-panel="ai-coach"] :is(.private-coach-diagnosis, .private-coach-plan) {
    padding: 20px !important;
  }

  html body[data-active-panel="ai-coach"] .private-coach-section-head {
    gap: 10px !important;
  }

  html body[data-active-panel="ai-coach"] .private-coach-plan-details > div {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-active-panel="ai-coach"] .private-coach-primary-action {
    transition: none !important;
  }
}


/* source: v73-problem-training.css */
/*
 * V7.4 engineering problem training
 * Converts course-like packs into problem-driven engineering loops.
 */

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .shell .main.main > section.panel.active {
  padding: 22px clamp(18px, 2.4vw, 34px) 42px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-center {
  gap: 18px !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 24px !important;
  color: var(--v51-text, #0f172a) !important;
  background: color-mix(in srgb, var(--v51-card, #fff) 96%, transparent) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 20px !important;
}

html:not(.react-student-embedded) body:is([data-active-panel="question-bank"], [data-active-panel="interview"]) #companionAvatarDock.companion-avatar-dock {
  display: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow {
  display: grid !important;
  gap: 12px !important;
  padding: 15px 17px !important;
  background: color-mix(in srgb, var(--hw-primary, #1677ff) 5%, var(--v51-card, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--hw-primary, #1677ff) 18%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 14px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > header > div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > header span {
  color: var(--hw-primary, #1677ff) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > header strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > header em {
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 680 !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > ol {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow li {
  display: flex !important;
  min-height: 38px !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 9px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 9px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow li span {
  color: var(--hw-primary, #1677ff) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow li strong {
  overflow: hidden !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 790 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow li:last-child {
  color: var(--hw-ai, #7c3aed) !important;
  background: color-mix(in srgb, var(--hw-ai, #7c3aed) 8%, var(--v51-card, #fff)) !important;
  border-color: color-mix(in srgb, var(--hw-ai, #7c3aed) 23%, var(--v51-border, #dbe4f0)) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-center > .section-head {
  margin: 0 !important;
  padding: 2px 2px 16px !important;
  border-bottom: 1px solid var(--v51-border, #dbe4f0) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-center > .section-head h3 {
  margin: 4px 0 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(25px, 2.4vw, 34px) !important;
  letter-spacing: -0.035em !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-subtitle {
  max-width: 760px !important;
  color: var(--v51-muted, #64748b) !important;
  font-weight: 680 !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-cockpit {
  display: grid !important;
  grid-template-columns: 0.72fr 0.86fr 1.45fr 0.92fr !important;
  gap: 10px !important;
  margin: 0 !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-cockpit > div {
  min-height: 76px !important;
  padding: 13px 14px !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 13px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-cockpit > div:nth-child(3) {
  background: color-mix(in srgb, var(--hw-ai, #7c3aed) 8%, var(--v51-card, #fff)) !important;
  border-color: color-mix(in srgb, var(--hw-ai, #7c3aed) 24%, var(--v51-border, #dbe4f0)) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-cockpit span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 11px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-cockpit strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] #trainingCockpitStage,
html:not(.react-student-embedded) body[data-active-panel="question-bank"] #trainingCockpitGain {
  color: var(--hw-ai, #7c3aed) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-recommend-card {
  gap: 17px !important;
  min-height: 0 !important;
  padding: 22px !important;
  background:
    radial-gradient(circle at 93% 4%, color-mix(in srgb, var(--hw-ai, #7c3aed) 15%, transparent), transparent 27%),
    linear-gradient(135deg, color-mix(in srgb, var(--hw-primary, #1677ff) 7%, var(--v51-card, #fff)), var(--v51-card, #fff) 48%) !important;
  border: 1px solid color-mix(in srgb, var(--hw-ai, #7c3aed) 24%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.07) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-recommend-head h4 {
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  letter-spacing: -0.025em !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-recommend-head p {
  color: var(--v51-muted, #64748b) !important;
  font-weight: 650 !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-recommend-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 13px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-training-card {
  gap: 13px !important;
  min-height: 0 !important;
  padding: 18px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-training-card.primary {
  grid-column: 1 / -1 !important;
  padding: 21px !important;
  background:
    linear-gradient(128deg, color-mix(in srgb, var(--hw-ai, #7c3aed) 7%, var(--v51-card, #fff)), var(--v51-card, #fff) 43%) !important;
  border-color: color-mix(in srgb, var(--hw-ai, #7c3aed) 26%, var(--v51-border, #dbe4f0)) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-training-card h5,
html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-training-card.primary h5 {
  margin: 0 !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: clamp(20px, 2vw, 27px) !important;
  font-weight: 880 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.025em !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-training-card.primary h5 {
  font-size: clamp(24px, 2.3vw, 32px) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-why {
  background: color-mix(in srgb, var(--hw-primary, #1677ff) 5%, var(--v51-card, #fff)) !important;
  border-color: color-mix(in srgb, var(--hw-primary, #1677ff) 18%, var(--v51-border, #dbe4f0)) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-why :is(strong, b) {
  color: var(--v51-text, #0f172a) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-why :is(p, small, span) {
  color: var(--v51-muted, #64748b) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-why-result > strong {
  color: var(--hw-ai, #7c3aed) !important;
}

.engineering-problem-card-flow {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.engineering-problem-card-flow li {
  position: relative;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 8px 9px !important;
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 10px !important;
}

.engineering-problem-card-flow li > span {
  color: var(--hw-primary, #1677ff) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
}

.engineering-problem-card-flow li > strong {
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.engineering-problem-card-flow li.engineering-problem-ai-score {
  background: color-mix(in srgb, var(--hw-ai, #7c3aed) 9%, var(--v51-card, #fff)) !important;
  border-color: color-mix(in srgb, var(--hw-ai, #7c3aed) 25%, var(--v51-border, #dbe4f0)) !important;
}

.engineering-problem-card-flow li.engineering-problem-ai-score > span {
  color: var(--hw-ai, #7c3aed) !important;
}

.engineering-problem-card-flow li.done {
  background: color-mix(in srgb, #22c55e 9%, var(--v51-card, #fff)) !important;
  border-color: color-mix(in srgb, #22c55e 26%, var(--v51-border, #dbe4f0)) !important;
}

.engineering-problem-card-flow li.done > span {
  color: #16a15f !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-training-card:not(.primary) .engineering-problem-card-flow {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-training-card .primary-btn {
  width: 100% !important;
  min-height: 46px !important;
  justify-self: stretch !important;
  margin-top: auto !important;
  border-radius: 12px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-entry-grid {
  gap: 10px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-entry-grid > button {
  min-height: 84px !important;
  padding: 13px 14px !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 13px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-entry-grid > button strong {
  color: var(--v51-text, #0f172a) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-entry-grid > button em {
  color: var(--v51-muted, #64748b) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-pack {
  color: var(--v51-text, #0f172a) !important;
  background: var(--v51-card, #fff) !important;
  border-color: var(--v51-border, #dbe4f0) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-pack-headline strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 18px !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-pack p {
  color: var(--v51-muted, #64748b) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-pack .engineering-problem-card-flow {
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-pack .engineering-problem-card-flow li {
  min-height: 50px !important;
}

/* Fixed flow inside every active training. */
html:not(.react-student-embedded) body.interview-meeting-active[data-active-panel="interview"] #interviewStudio.interview-space-arena-open {
  grid-template-rows: 80px 68px minmax(0, 1fr) calc(72px + var(--safe-bottom)) !important;
}

html:not(.react-student-embedded) body.interview-meeting-active[data-active-panel="interview"] #interviewCoachRoom.interview-training-statusbar {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  overflow: hidden !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] #interviewStudio > .engineering-training-flow {
  display: grid !important;
  grid-row: 2 / 3 !important;
  gap: 12px !important;
  margin: 12px 0 14px !important;
  padding: 14px 16px !important;
  color: var(--v51-text, #0f172a) !important;
  background:
    linear-gradient(120deg, color-mix(in srgb, var(--hw-ai, #7c3aed) 7%, var(--v51-card, #fff)), var(--v51-card, #fff) 50%) !important;
  border: 1px solid color-mix(in srgb, var(--hw-ai, #7c3aed) 24%, var(--v51-border, #dbe4f0)) !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
}

html:not(.react-student-embedded) body.interview-meeting-active[data-active-panel="interview"] #interviewStudio > .interview-main-dashboard {
  grid-row: 3 / 4 !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow > header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 11px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow > header > span {
  display: inline-flex !important;
  min-height: 27px !important;
  align-items: center !important;
  padding: 0 9px !important;
  color: var(--hw-ai, #7c3aed) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  background: color-mix(in srgb, var(--hw-ai, #7c3aed) 10%, transparent) !important;
  border-radius: 999px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow > header > strong {
  overflow: hidden !important;
  color: var(--v51-text, #0f172a) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow > header > em {
  color: var(--v51-muted, #64748b) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow > ol {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow li {
  display: flex !important;
  min-width: 0 !important;
  min-height: 39px !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 9px !important;
  color: var(--v51-muted, #64748b) !important;
  background: var(--v51-card-soft, #f8fafc) !important;
  border: 1px solid var(--v51-border, #dbe4f0) !important;
  border-radius: 9px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow li > span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow li > strong {
  overflow: hidden !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 790 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow li.is-current {
  color: #fff !important;
  background: linear-gradient(105deg, var(--hw-primary, #1677ff), var(--hw-ai, #7c3aed)) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--hw-ai, #7c3aed) 22%, transparent) !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow li.is-current > span {
  color: rgba(255, 255, 255, 0.75) !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow li.is-done {
  color: #168a57 !important;
  background: color-mix(in srgb, #22c55e 9%, var(--v51-card, #fff)) !important;
  border-color: color-mix(in srgb, #22c55e 25%, var(--v51-border, #dbe4f0)) !important;
}

@media (max-width: 980px) {
  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-cockpit,
  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-recommend-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-training-card.primary {
    grid-column: 1 / -1 !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .engineering-problem-card-flow,
  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > ol,
  html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow > ol {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .shell .main.main > section.panel.active {
    padding: 12px 10px 28px !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-training-center {
    padding: 16px !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .v51-training-cockpit,
  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-recommend-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-ai-recommend-head,
  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > header,
  html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow > header {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .engineering-problem-card-flow,
  html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-center-fixed-flow > ol,
  html:not(.react-student-embedded) body[data-active-panel="interview"] .engineering-training-flow > ol {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* source: v74-engineering-bug-db.css */
/* Stage 5 · Engineering Bug Database */

body[data-active-panel="engineering-lab"] .panel[data-panel="engineering-lab"].active {
  padding: 22px 26px 48px;
  overflow: auto;
}

body[data-active-panel="engineering-lab"] #engineeringLabBoard.engineering-lab-shell {
  width: min(1180px, 100%);
  max-width: none;
  margin: 0 auto;
  padding: 0;
}

html body[data-active-panel="engineering-lab"] aside.companion-avatar-dock,
html body[data-active-panel="engineering-lab"] .companion-avatar-dock.companion-position-right {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.engineering-bug-database {
  --bug-surface: rgba(13, 17, 28, 0.92);
  --bug-surface-soft: rgba(18, 23, 37, 0.76);
  --bug-border: rgba(146, 165, 210, 0.17);
  --bug-text: #f7f8fc;
  --bug-muted: #929cb4;
  --bug-blue: #77a4ff;
  --bug-violet: #a282ff;
  display: grid;
  gap: 18px;
  color: var(--bug-text);
}

html[data-theme="light"] .engineering-bug-database {
  --bug-surface: rgba(255, 255, 255, 0.96);
  --bug-surface-soft: rgba(247, 249, 255, 0.98);
  --bug-border: rgba(44, 57, 91, 0.13);
  --bug-text: #121729;
  --bug-muted: #69738b;
  --bug-blue: #426eea;
  --bug-violet: #7454dc;
}

.engineering-bug-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 30px;
  min-height: 184px;
  padding: 30px 32px;
  overflow: hidden;
  border: 1px solid rgba(119, 164, 255, 0.25);
  border-radius: 24px;
  background:
    radial-gradient(circle at 82% 12%, rgba(117, 79, 255, 0.2), transparent 34%),
    linear-gradient(135deg, rgba(16, 24, 47, 0.98), rgba(10, 13, 23, 0.97));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.engineering-bug-hero::after {
  position: absolute;
  z-index: -1;
  right: 36%;
  bottom: -72px;
  width: 220px;
  height: 150px;
  border: 1px solid rgba(119, 164, 255, 0.15);
  border-radius: 50%;
  content: "";
  transform: rotate(-18deg);
}

html[data-theme="light"] .engineering-bug-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(117, 79, 255, 0.12), transparent 34%),
    linear-gradient(135deg, #f7f9ff, #eef3ff);
  box-shadow: 0 24px 70px rgba(53, 73, 126, 0.1);
}

.engineering-bug-hero-copy > p,
.engineering-bug-answer > span,
.engineering-bug-review-title span {
  margin: 0 0 8px;
  color: var(--bug-blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.engineering-bug-hero-copy h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.engineering-bug-hero-copy > span {
  display: block;
  margin-top: 14px;
  color: var(--bug-muted);
  font-size: 14px;
  line-height: 1.65;
}

.engineering-bug-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(132px, 1fr));
  gap: 12px;
}

.engineering-bug-stats > div {
  display: grid;
  grid-template-columns: auto auto;
  align-items: end;
  min-width: 146px;
  padding: 17px 18px 16px;
  border: 1px solid rgba(141, 162, 211, 0.18);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(12px);
}

html[data-theme="light"] .engineering-bug-stats > div {
  background: rgba(255, 255, 255, 0.7);
}

.engineering-bug-stats span {
  grid-column: 1 / -1;
  margin-bottom: 8px;
  color: var(--bug-muted);
  font-size: 12px;
  font-weight: 700;
}

.engineering-bug-stats strong {
  font-size: 31px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.engineering-bug-stats em {
  margin: 0 0 2px 6px;
  color: var(--bug-muted);
  font-size: 12px;
  font-style: normal;
}

.engineering-bug-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--bug-border);
  border-radius: 17px;
  background: var(--bug-surface-soft);
}

.engineering-bug-toolbar label {
  position: relative;
  display: block;
}

.engineering-bug-toolbar label > span {
  position: absolute;
  top: 50%;
  left: 14px;
  color: var(--bug-muted);
  font-size: 12px;
  font-weight: 700;
  transform: translateY(-50%);
  pointer-events: none;
}

.engineering-bug-toolbar input {
  width: 100%;
  height: 40px;
  padding: 0 14px 0 78px;
  border: 1px solid var(--bug-border);
  border-radius: 12px;
  outline: none;
  background: rgba(255, 255, 255, 0.045);
  color: var(--bug-text);
  font: inherit;
  font-size: 13px;
}

html[data-theme="light"] .engineering-bug-toolbar input {
  background: #fff;
}

.engineering-bug-toolbar input:focus {
  border-color: rgba(119, 164, 255, 0.65);
  box-shadow: 0 0 0 3px rgba(119, 164, 255, 0.11);
}

.engineering-bug-filters {
  display: flex;
  gap: 6px;
}

.engineering-bug-filters button {
  min-width: 54px;
  height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--bug-muted);
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

.engineering-bug-filters button:hover,
.engineering-bug-filters button.is-active {
  background: rgba(119, 164, 255, 0.13);
  color: var(--bug-blue);
}

.engineering-bug-toolbar > span {
  color: var(--bug-muted);
  font-size: 12px;
  white-space: nowrap;
}

.engineering-bug-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.engineering-bug-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  gap: 16px;
  padding: 22px;
  border: 1px solid var(--bug-border);
  border-radius: 21px;
  background: var(--bug-surface);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.12);
}

.engineering-bug-card[hidden] {
  display: none !important;
}

.engineering-bug-card.is-featured {
  grid-column: 1 / -1;
  border-color: rgba(119, 164, 255, 0.35);
  background:
    linear-gradient(110deg, rgba(119, 164, 255, 0.08), transparent 46%),
    var(--bug-surface);
}

.engineering-bug-card > header,
.engineering-bug-card > header > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.engineering-bug-card > header {
  justify-content: space-between;
}

.engineering-bug-card > header span {
  color: var(--bug-blue);
  font: 800 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
}

.engineering-bug-card > header em,
.engineering-bug-card > header > i {
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
}

.engineering-bug-card > header em {
  background: rgba(162, 130, 255, 0.12);
  color: var(--bug-violet);
}

.engineering-bug-card > header > i {
  background: rgba(49, 199, 142, 0.12);
  color: #4ed4a0;
}

.engineering-bug-card > h3 {
  margin: -4px 0 0;
  color: var(--bug-text);
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -0.025em;
}

.engineering-bug-evidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
}

.engineering-bug-card.is-featured .engineering-bug-evidence {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.engineering-bug-evidence > div {
  min-height: 78px;
  padding: 12px 13px;
  border: 1px solid rgba(145, 164, 204, 0.11);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.025);
}

html[data-theme="light"] .engineering-bug-evidence > div {
  background: #f8faff;
}

.engineering-bug-evidence dt {
  margin-bottom: 8px;
  color: var(--bug-muted);
  font-size: 11px;
  font-weight: 750;
}

.engineering-bug-evidence dd {
  margin: 0;
  color: var(--bug-text);
  font-size: 14px;
  font-weight: 690;
  line-height: 1.45;
}

.engineering-bug-tool-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.engineering-bug-tool-list span {
  padding: 3px 7px;
  border-radius: 6px;
  background: rgba(119, 164, 255, 0.1);
  color: var(--bug-blue);
  font-size: 12px;
}

.engineering-bug-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.engineering-bug-tags > span {
  margin-right: 2px;
  color: var(--bug-muted);
  font-size: 11px;
  font-weight: 750;
}

.engineering-bug-tags em {
  padding: 5px 9px;
  border: 1px solid var(--bug-border);
  border-radius: 999px;
  color: var(--bug-muted);
  font-size: 11px;
  font-style: normal;
}

.engineering-bug-card > footer {
  display: grid;
  grid-template-columns: 0.78fr 0.78fr 1.44fr;
  gap: 8px;
  padding-top: 15px;
  border-top: 1px solid var(--bug-border);
}

.engineering-bug-card > footer button,
.engineering-bug-review-title button {
  min-height: 39px;
  padding: 0 13px;
  border: 1px solid var(--bug-border);
  border-radius: 11px;
  background: transparent;
  color: var(--bug-text);
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
  transition: 160ms ease;
}

.engineering-bug-card > footer button:hover,
.engineering-bug-review-title button:hover {
  border-color: rgba(119, 164, 255, 0.46);
  background: rgba(119, 164, 255, 0.08);
  transform: translateY(-1px);
}

.engineering-bug-card > footer .engineering-bug-favorite.is-active {
  border-color: rgba(255, 192, 78, 0.35);
  background: rgba(255, 192, 78, 0.1);
  color: #ffc04e;
}

.engineering-bug-card > footer .engineering-bug-answer-btn {
  border-color: transparent;
  background: linear-gradient(135deg, #426fe9, #7758dd);
  color: #fff;
  box-shadow: 0 8px 22px rgba(72, 91, 211, 0.22);
}

.engineering-bug-review,
.engineering-bug-answer {
  padding: 17px;
  border: 1px solid rgba(119, 164, 255, 0.2);
  border-radius: 15px;
  background: rgba(119, 164, 255, 0.055);
}

.engineering-bug-review-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.engineering-bug-review-title span,
.engineering-bug-review-title strong,
.engineering-bug-answer > span,
.engineering-bug-answer > strong {
  display: block;
}

.engineering-bug-review-title strong,
.engineering-bug-answer > strong {
  color: var(--bug-text);
  font-size: 14px;
}

.engineering-bug-review-title button {
  color: var(--bug-blue);
}

.engineering-bug-review ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

.engineering-bug-review li {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.04);
}

html[data-theme="light"] .engineering-bug-review li {
  background: rgba(255, 255, 255, 0.74);
}

.engineering-bug-review li i {
  color: var(--bug-blue);
  font: 750 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.engineering-bug-review li b {
  display: block;
  color: var(--bug-text);
  font-size: 12px;
}

.engineering-bug-review li p,
.engineering-bug-answer p {
  margin: 5px 0 0;
  color: var(--bug-muted);
  font-size: 12px;
  line-height: 1.6;
}

.engineering-bug-answer {
  border-color: rgba(162, 130, 255, 0.24);
  background: linear-gradient(135deg, rgba(119, 164, 255, 0.07), rgba(162, 130, 255, 0.07));
}

.engineering-bug-answer > span {
  color: var(--bug-violet);
}

.engineering-bug-answer p {
  margin-top: 9px;
  font-size: 13px;
}

.engineering-bug-empty {
  grid-column: 1 / -1;
  place-items: center;
  min-height: 180px;
  border: 1px dashed var(--bug-border);
  border-radius: 20px;
  color: var(--bug-muted);
  text-align: center;
}

.engineering-bug-empty:not([hidden]) {
  display: grid;
}

.engineering-bug-empty strong,
.engineering-bug-empty span {
  display: block;
}

.engineering-bug-empty strong {
  color: var(--bug-text);
}

@media (max-width: 980px) {
  .engineering-bug-hero {
    grid-template-columns: 1fr;
  }

  .engineering-bug-stats {
    max-width: 360px;
  }

  .engineering-bug-toolbar {
    grid-template-columns: 1fr;
  }

  .engineering-bug-toolbar > span {
    display: none;
  }

  .engineering-bug-card.is-featured .engineering-bug-evidence,
  .engineering-bug-review ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body[data-active-panel="engineering-lab"] .panel[data-panel="engineering-lab"].active {
    padding: 14px 12px 40px;
  }

  .engineering-bug-hero {
    padding: 24px 20px;
    border-radius: 20px;
  }

  .engineering-bug-stats,
  .engineering-bug-grid {
    grid-template-columns: 1fr;
  }

  .engineering-bug-card.is-featured {
    grid-column: auto;
  }

  .engineering-bug-card.is-featured .engineering-bug-evidence {
    grid-template-columns: 1fr 1fr;
  }

  .engineering-bug-filters {
    overflow-x: auto;
  }
}

@media (max-width: 470px) {
  .engineering-bug-stats,
  .engineering-bug-evidence,
  .engineering-bug-card.is-featured .engineering-bug-evidence,
  .engineering-bug-review ol {
    grid-template-columns: 1fr;
  }

  .engineering-bug-card > footer {
    grid-template-columns: 1fr 1fr;
  }

  .engineering-bug-card > footer .engineering-bug-answer-btn {
    grid-column: 1 / -1;
  }
}


/* source: v75-career-assets.css */
/* Stage 6 · Growth Archive as Career Assets */

body[data-active-panel="growth-profile"] .panel[data-panel="growth-profile"].active {
  padding: 22px 26px 48px;
  overflow: auto;
}

body[data-active-panel="growth-profile"] #growthArchiveBoard.growth-archive-shell {
  width: min(1160px, 100%);
  max-width: none;
  margin: 0 auto;
  padding: 0;
}

html body[data-active-panel="growth-profile"] aside.companion-avatar-dock,
html body[data-active-panel="growth-profile"] .companion-avatar-dock.companion-position-right {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body[data-active-panel="growth-profile"] .growth-archive-page {
  display: block;
}

body[data-active-panel="growth-profile"] .growth-archive-page > :not(.growth-career-asset-section):not(.resume-role-match-section) {
  display: none !important;
}

.growth-career-asset-section {
  --asset-ink: #f6f8ff;
  --asset-muted: #909bb3;
  --asset-border: rgba(142, 162, 205, 0.17);
  display: grid;
  gap: 18px;
}

html[data-theme="light"] .growth-career-asset-section {
  --asset-ink: #151b2b;
  --asset-muted: #68748b;
}

.growth-career-asset-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding: 5px 2px 2px;
}

.growth-career-asset-head p {
  margin: 0 0 7px;
  color: #7ba7ff;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.17em;
}

.growth-career-asset-head h2 {
  margin: 0;
  color: var(--asset-ink);
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1.1;
  letter-spacing: -0.045em;
}

.growth-career-asset-head > div > span {
  display: block;
  margin-top: 9px;
  color: var(--asset-muted);
  font-size: 13px;
}

.growth-career-asset-head > button {
  min-width: 132px;
  min-height: 44px;
  border-radius: 13px;
  background: linear-gradient(135deg, #426fe9, #7d55df);
  box-shadow: 0 12px 28px rgba(68, 91, 215, 0.28);
}

.career-asset-sheet {
  width: 100%;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(182, 195, 220, 0.75);
  border-radius: 24px;
  background:
    radial-gradient(circle at 94% 8%, rgba(120, 92, 224, 0.1), transparent 28%),
    #f8faff;
  color: #141a29;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24);
}

.career-asset-identity {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 17px;
  padding-bottom: 22px;
  border-bottom: 1px solid #dce3ee;
}

.career-asset-monogram {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  border-radius: 19px;
  background: linear-gradient(135deg, #e2ebff, #eee8ff);
  color: #3a61cd;
  font-size: 27px;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(75, 103, 183, 0.1);
}

.career-asset-identity > div:nth-child(2) > span,
.career-asset-section-title small,
.career-asset-project-grid article > span,
.career-asset-ai-review > div > span {
  color: #6d7d96;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.15em;
}

.career-asset-identity h3 {
  margin: 4px 0 1px;
  font-size: 29px;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.career-asset-identity p {
  margin: 0;
  color: #50617a;
  font-size: 14px;
}

.career-asset-verified {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 13px;
  border: 1px solid #cce7d9;
  border-radius: 14px;
  background: #f0faf5;
}

.career-asset-verified > i {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #2bb673;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}

.career-asset-verified strong,
.career-asset-verified small {
  display: block;
}

.career-asset-verified strong {
  font-size: 12px;
}

.career-asset-verified small {
  margin-top: 2px;
  color: #6c7d72;
  font-size: 9px;
}

.career-asset-content {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.75fr);
  gap: 14px;
  margin-top: 18px;
}

.career-asset-block {
  grid-column: 1;
  padding: 16px;
  border: 1px solid #dee5ef;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.82);
}

.career-asset-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.career-asset-section-title > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #e8efff;
  color: #3d64cf;
  font: 850 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.career-asset-section-title h4,
.career-asset-ai-review h4 {
  margin: 1px 0 0;
  font-size: 16px;
}

.career-asset-ability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.career-asset-ability-grid article {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 11px;
  border: 1px solid #e2e8f1;
  border-radius: 12px;
  background: #fff;
}

.career-asset-ability-grid i {
  display: grid;
  place-items: center;
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #e2f7ec;
  color: #17915b;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.career-asset-ability-grid strong {
  font-size: 13px;
}

.career-asset-ability-grid p,
.career-asset-project-grid p,
.career-asset-ai-review > p {
  margin: 4px 0 0;
  color: #6b7b92;
  font-size: 10px;
  line-height: 1.5;
}

.career-asset-project-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.career-asset-project-grid article {
  padding: 13px 14px;
  border-radius: 13px;
  background:
    radial-gradient(circle at 100% 0, rgba(127, 91, 231, 0.22), transparent 38%),
    linear-gradient(145deg, #111b32, #19274c);
  color: #fff;
}

.career-asset-project-grid article > span {
  display: block;
  color: #93acf2;
}

.career-asset-project-grid strong {
  display: block;
  margin-top: 9px;
  font-size: 15px;
}

.career-asset-project-grid p {
  color: #b7c3dc;
}

.career-asset-ai-review {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 18px;
  border: 1px solid #ddd8f1;
  border-radius: 17px;
  background:
    radial-gradient(circle at 100% 0, rgba(122, 89, 217, 0.13), transparent 40%),
    linear-gradient(160deg, #f9f8ff, #f0f3ff);
}

.career-asset-ai-review blockquote {
  margin: auto 0 10px;
  padding: 0;
  color: #28234f;
  font-size: clamp(21px, 2.2vw, 27px);
  font-weight: 860;
  line-height: 1.38;
  letter-spacing: -0.04em;
}

.career-asset-ai-review blockquote::before {
  display: block;
  height: 29px;
  color: #7759db;
  font-size: 35px;
  content: "“";
}

.career-asset-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid #dce3ee;
  color: #738198;
  font-size: 9px;
}

@media (max-width: 850px) {
  .career-asset-content {
    grid-template-columns: 1fr;
  }

  .career-asset-block,
  .career-asset-ai-review {
    grid-column: 1;
    grid-row: auto;
  }

  .career-asset-ai-review blockquote {
    margin-top: 24px;
  }
}

@media (max-width: 620px) {
  body[data-active-panel="growth-profile"] .panel[data-panel="growth-profile"].active {
    padding: 14px 12px 38px;
  }

  .growth-career-asset-head {
    align-items: stretch;
    flex-direction: column;
  }

  .growth-career-asset-head > button {
    width: 100%;
  }

  .career-asset-sheet {
    padding: 19px;
  }

  .career-asset-identity {
    grid-template-columns: auto 1fr;
  }

  .career-asset-verified {
    grid-column: 1 / -1;
  }

  .career-asset-ability-grid,
  .career-asset-project-grid {
    grid-template-columns: 1fr;
  }

  .career-asset-footer {
    display: grid;
  }
}

/* Explicit profile navigation and export, with no second help column. */
#personalSavedRecords .section-head { gap: 16px; }
#personalSavedRecords .section-head > div { min-width: 0; overflow-wrap: anywhere; }
#personalSavedRecords button { min-height: 44px; flex-shrink: 0; }
body[data-active-panel="growth-profile"] .resume-role-match-result { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
body[data-active-panel="growth-profile"] .resume-role-match-result > div {
  background: var(--hw-ui-panel, #202228); color: var(--hw-ui-text, inherit);
  border-color: var(--hw-ui-line, #373c44); min-width: 0; overflow-wrap: anywhere;
}
body[data-active-panel="growth-profile"] .resume-role-match-result ul { padding-left: 20px; }
body[data-active-panel="growth-profile"] .resume-role-match-result li { margin: 12px 0; }
body[data-active-panel="growth-profile"] .resume-role-match-result p,
body[data-active-panel="growth-profile"] .resume-role-match-result summary { font-size: 15px; line-height: 1.65; }
body[data-active-panel="growth-profile"] .resume-role-match-form select { width: 100%; min-height: 44px; font: inherit; }
@media (max-width: 620px) {
  #personalSavedRecords .section-head { flex-wrap: wrap; }
  body[data-active-panel="growth-profile"] .resume-role-match-result { grid-template-columns: 1fr; }
}

body[data-active-panel="growth-profile"] .career-profile-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

body[data-active-panel="growth-profile"] .career-profile-actions > button {
  min-height: 44px;
  white-space: normal;
}

body[data-active-panel="growth-profile"] .career-resume-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-active-panel="growth-profile"] .career-resume-topics > span {
  padding: 6px 10px;
  border-radius: 7px;
  background: var(--hw-ui-hover, #25292f);
  color: var(--hw-ui-text, inherit);
  font-size: 15px;
}

body[data-active-panel="growth-profile"] .career-record-caption,
body[data-active-panel="growth-profile"] .career-practice-list p {
  margin: 5px 0 0;
  color: var(--hw-ui-muted, #adb2ba);
  font-size: 14px;
  line-height: 1.65;
}

body[data-active-panel="growth-profile"] .career-practice-list {
  display: grid;
  gap: 14px;
}

body[data-active-panel="growth-profile"] .career-practice-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--hw-ui-line, #373c44);
}

body[data-active-panel="growth-profile"] .career-practice-list article:last-child {
  border-bottom: 0;
}

body[data-active-panel="growth-profile"] .career-practice-list article > div {
  min-width: 0;
  overflow-wrap: anywhere;
}

body[data-active-panel="growth-profile"] .career-practice-list strong {
  font-size: 16px;
}

body[data-active-panel="growth-profile"] .career-practice-list button {
  flex-shrink: 0;
  min-height: 44px;
}

@media (max-width: 620px) {
  body[data-active-panel="growth-profile"] .career-profile-actions > button {
    flex: 1 1 140px;
  }

  body[data-active-panel="growth-profile"] .career-practice-list article {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }
}


/* source: v76-premium-cleanup.css */
/* Stage 7 · Premium cleanup: one account avatar and a compact Xiaowen launcher. */

html:not(.react-student-embedded) body .sidebar #sidebarAccountAvatar.sidebar-account-avatar {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 20px rgba(12, 19, 38, 0.2) !important;
}

html:not(.react-student-embedded) body .sidebar #sidebarAccountAvatar.sidebar-account-avatar::before,
html:not(.react-student-embedded) body .sidebar #sidebarAccountAvatar.sidebar-account-avatar::after {
  content: none !important;
  display: none !important;
}

html:not(.react-student-embedded) body .sidebar .sidebar-account-button > .sidebar-account-avatar ~ .sidebar-account-avatar {
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock {
  position: fixed !important;
  inset: auto 22px 20px auto !important;
  z-index: 2202 !important;
  display: flex !important;
  width: 68px !important;
  height: 78px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

html:not(.react-student-embedded) body #companionAmbientModel.companion-standalone-model {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  pointer-events: auto !important;
  transform: none !important;
  animation: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock #companionModelViewer.companion-model-viewer {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: 68px !important;
  height: 78px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 8px 7px !important;
  overflow: hidden !important;
  color: #f7f9ff !important;
  background:
    radial-gradient(circle at 36% 18%, rgba(134, 165, 255, 0.28), transparent 42%),
    rgba(20, 25, 40, 0.9) !important;
  border: 1px solid rgba(157, 178, 230, 0.3) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 38px rgba(4, 8, 20, 0.34), inset 0 1px rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  transform: none !important;
  animation: none !important;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}

html:not(.react-student-embedded) body #companionAvatarDock #companionModelViewer.companion-model-viewer:hover,
html:not(.react-student-embedded) body #companionAvatarDock #companionModelViewer.companion-model-viewer:focus-visible {
  border-color: rgba(125, 160, 255, 0.62) !important;
  box-shadow: 0 19px 44px rgba(4, 8, 20, 0.42), 0 0 0 3px rgba(91, 140, 255, 0.14) !important;
  outline: none !important;
  transform: translateY(-2px) !important;
}

html:not(.react-student-embedded) body .companion-launcher-emoji {
  display: block !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  filter: saturate(0.92) !important;
}

html:not(.react-student-embedded) body .companion-launcher-label {
  display: block !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;
}

html:not(.react-student-embedded) body #companionAvatarDock :is(
  #companionThreeCanvas,
  #companion3dFallback,
  #companionAvatarHint,
  #companionInteractionBubble
) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionDock.companion-dock {
  z-index: 2201 !important;
}

html[data-theme="light"]:not(.react-student-embedded) body #companionAvatarDock #companionModelViewer.companion-model-viewer {
  color: #172037 !important;
  background:
    radial-gradient(circle at 36% 18%, rgba(91, 140, 255, 0.18), transparent 42%),
    rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(69, 88, 132, 0.2) !important;
  box-shadow: 0 16px 38px rgba(51, 67, 104, 0.2), inset 0 1px rgba(255, 255, 255, 0.8) !important;
}

@media (max-width: 700px) {
  html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock {
    inset: auto 12px calc(12px + env(safe-area-inset-bottom, 0px)) auto !important;
    width: 62px !important;
    height: 70px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock #companionModelViewer.companion-model-viewer {
    width: 62px !important;
    height: 70px !important;
    border-radius: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:not(.react-student-embedded) body #companionAvatarDock #companionModelViewer.companion-model-viewer {
    transition: none !important;
  }
}


/* source: v77-commercial-features.css */
/* Stage 8 · Commercial features: resume role matching and interview report. */

.resume-role-match-section {
  --match-surface: rgba(13, 18, 30, 0.96);
  --match-soft: rgba(21, 28, 45, 0.82);
  --match-border: rgba(145, 166, 214, 0.18);
  --match-text: #f5f7fc;
  --match-muted: #909bb2;
  display: grid !important;
  gap: 18px;
  margin-top: 20px;
  padding: 26px;
  color: var(--match-text);
  background:
    radial-gradient(circle at 86% 0%, rgba(74, 116, 226, 0.13), transparent 34%),
    var(--match-surface);
  border: 1px solid var(--match-border);
  border-radius: 22px;
  box-shadow: 0 22px 56px rgba(3, 7, 18, 0.2);
}

html[data-theme="light"] .resume-role-match-section {
  --match-surface: rgba(255, 255, 255, 0.98);
  --match-soft: rgba(246, 248, 253, 0.98);
  --match-border: rgba(54, 70, 106, 0.14);
  --match-text: #151c2e;
  --match-muted: #6d7890;
  box-shadow: 0 22px 56px rgba(46, 63, 100, 0.12);
}

.resume-role-match-section > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.resume-role-match-section > header p,
.resume-role-match-section > header h2,
.resume-role-match-section > header span {
  margin: 0;
}

.resume-role-match-section > header p {
  color: #79a2ff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.17em;
}

.resume-role-match-section > header h2 {
  margin-top: 6px;
  font-size: clamp(23px, 2.5vw, 31px);
  line-height: 1.15;
  letter-spacing: -0.035em;
}

.resume-role-match-section > header span {
  display: block;
  margin-top: 8px;
  color: var(--match-muted);
  font-size: 13px;
}

.resume-role-match-section > header > em {
  padding: 8px 11px;
  color: #a9c0ff;
  background: rgba(91, 140, 255, 0.1);
  border: 1px solid rgba(91, 140, 255, 0.22);
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.resume-role-match-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  padding: 14px;
  background: var(--match-soft);
  border: 1px solid var(--match-border);
  border-radius: 16px;
}

.resume-role-match-form label {
  display: grid;
  gap: 7px;
}

.resume-role-match-form label > span,
.resume-role-match-result > div > span {
  color: var(--match-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.resume-role-match-form input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  color: var(--match-text);
  background: color-mix(in srgb, var(--match-surface) 90%, transparent);
  border: 1px solid var(--match-border);
  border-radius: 12px;
  outline: none;
  font: inherit;
  font-weight: 700;
}

.resume-role-match-form input:focus {
  border-color: rgba(91, 140, 255, 0.62);
  box-shadow: 0 0 0 3px rgba(91, 140, 255, 0.12);
}

.resume-role-match-form .primary-btn {
  min-width: 120px;
  height: 44px;
}

.resume-role-match-result {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) minmax(0, 0.85fr) minmax(220px, 1.2fr);
  gap: 12px;
}

.resume-role-match-result > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  padding: 17px;
  background: var(--match-soft);
  border: 1px solid var(--match-border);
  border-radius: 16px;
}

.resume-role-match-score {
  position: relative;
  justify-content: center;
  overflow: hidden;
}

.resume-role-match-score::after {
  position: absolute;
  right: -36px;
  bottom: -46px;
  width: 104px;
  height: 104px;
  border: 13px solid rgba(91, 140, 255, 0.12);
  border-top-color: #5b8cff;
  border-radius: 50%;
  content: "";
  transform: rotate(118deg);
}

.resume-role-match-score strong {
  color: #7ca3ff;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.05em;
}

.resume-role-match-score em {
  color: #63d3a2;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.resume-role-match-evidence > div,
.resume-role-match-gaps > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.resume-role-match-evidence strong,
.resume-role-match-gaps strong {
  padding: 7px 9px;
  border-radius: 9px;
  font-size: 11px;
}

.resume-role-match-evidence strong {
  color: #7ce0b4;
  background: rgba(42, 182, 115, 0.1);
}

.resume-role-match-gaps strong {
  color: #f0a6a6;
  background: rgba(226, 89, 89, 0.1);
}

.resume-role-match-training > strong {
  font-size: 15px;
  line-height: 1.35;
}

.resume-role-match-training > p {
  margin: 0;
  color: var(--match-muted);
  font-size: 11px;
  line-height: 1.55;
}

.resume-role-match-training .primary-btn {
  margin-top: auto;
  min-height: 36px;
  font-size: 12px;
}

body[data-active-panel="training-summary"] .training-summary-page {
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;
  padding: 22px clamp(18px, 2.4vw, 34px) 44px !important;
  gap: 16px !important;
}

body[data-active-panel="training-summary"] .training-summary-hero {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 174px !important;
}

body[data-active-panel="training-summary"] .training-summary-flow,
body[data-active-panel="training-summary"] .training-summary-achievements,
body[data-active-panel="training-summary"] .training-summary-grid,
body[data-active-panel="training-summary"] .training-summary-chain {
  display: none !important;
}

.interview-commercial-report {
  --report-surface: rgba(13, 18, 30, 0.96);
  --report-soft: rgba(22, 29, 47, 0.82);
  --report-border: rgba(145, 166, 214, 0.18);
  --report-text: #f6f8fd;
  --report-muted: #929db4;
  display: grid;
  gap: 15px;
  padding: 25px;
  color: var(--report-text);
  background:
    radial-gradient(circle at 92% 0%, rgba(91, 140, 255, 0.15), transparent 32%),
    var(--report-surface);
  border: 1px solid var(--report-border);
  border-radius: 22px;
  box-shadow: 0 22px 58px rgba(3, 7, 18, 0.2);
}

html[data-theme="light"] .interview-commercial-report {
  --report-surface: rgba(255, 255, 255, 0.98);
  --report-soft: rgba(247, 249, 253, 0.98);
  --report-border: rgba(54, 70, 106, 0.14);
  --report-text: #151c2e;
  --report-muted: #6d7890;
  box-shadow: 0 22px 58px rgba(46, 63, 100, 0.12);
}

.interview-commercial-report-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.interview-commercial-report-head :is(p, h3, span) {
  margin: 0;
}

.interview-commercial-report-head h3 {
  margin-top: 5px;
  font-size: 24px;
  letter-spacing: -0.035em;
}

.interview-commercial-report-head span {
  display: block;
  margin-top: 7px;
  color: var(--report-muted);
  font-size: 12px;
}

.interview-commercial-report-head > em {
  padding: 8px 11px;
  color: #76ddb0;
  background: rgba(42, 182, 115, 0.1);
  border: 1px solid rgba(42, 182, 115, 0.2);
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.interview-commercial-score-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
}

.interview-commercial-score-grid article {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 10px;
  padding: 17px;
  background: var(--report-soft);
  border: 1px solid var(--report-border);
  border-radius: 15px;
}

.interview-commercial-score-grid span {
  color: var(--report-muted);
  font-size: 12px;
  font-weight: 750;
}

.interview-commercial-score-grid strong {
  color: #7da4ff;
  font-size: 29px;
  line-height: 1;
}

.interview-commercial-score-grid i {
  grid-column: 1 / -1;
  display: block;
  height: 5px;
  overflow: hidden;
  background: rgba(126, 145, 185, 0.14);
  border-radius: 999px;
}

.interview-commercial-score-grid i::after {
  display: block;
  width: var(--score, 0%);
  height: 100%;
  background: linear-gradient(90deg, #5b8cff, #8a77f7);
  border-radius: inherit;
  content: "";
}

.interview-commercial-insight-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 11px;
}

.interview-commercial-insight-grid > article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 20px;
  border-radius: 16px;
}

.interview-commercial-insight-grid article > span {
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.interview-commercial-insight-grid article > strong {
  font-size: clamp(19px, 2vw, 25px);
  line-height: 1.25;
  letter-spacing: -0.025em;
}

.interview-commercial-insight-grid article > p {
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.interview-commercial-problem {
  color: #ffdcdc;
  background: linear-gradient(145deg, rgba(166, 59, 67, 0.18), rgba(96, 39, 49, 0.09));
  border: 1px solid rgba(231, 111, 118, 0.2);
}

.interview-commercial-problem > p {
  color: #cda9ad;
}

.interview-commercial-next {
  color: var(--report-text);
  background: linear-gradient(145deg, rgba(67, 105, 202, 0.2), rgba(89, 65, 175, 0.12));
  border: 1px solid rgba(112, 144, 228, 0.23);
}

.interview-commercial-next > span {
  color: #a9c0ff;
}

.interview-commercial-next > p {
  color: var(--report-muted);
}

.interview-commercial-next > div {
  display: flex;
  gap: 9px;
  margin-top: auto;
}

.interview-commercial-next :is(.primary-btn, .ghost-btn) {
  min-height: 38px;
  font-size: 12px;
}

@media (max-width: 920px) {
  .resume-role-match-result {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .resume-role-match-section,
  .interview-commercial-report {
    padding: 18px;
    border-radius: 18px;
  }

  .resume-role-match-section > header,
  .interview-commercial-report-head {
    display: grid;
  }

  .resume-role-match-section > header > em,
  .interview-commercial-report-head > em {
    justify-self: start;
  }

  .resume-role-match-form,
  .resume-role-match-result,
  .interview-commercial-score-grid,
  .interview-commercial-insight-grid {
    grid-template-columns: 1fr;
  }

  .resume-role-match-form .primary-btn {
    width: 100%;
  }

  body[data-active-panel="training-summary"] .training-summary-hero {
    grid-template-columns: 1fr !important;
  }

  body[data-active-panel="training-summary"] .training-summary-score-card {
    justify-self: stretch !important;
  }

  .interview-commercial-next > div {
    display: grid;
    width: 100%;
  }
}


/* source: v78-logo-color.css */
/* v80: the actual image src is theme-synced in app.js; keep CSS presentation-only. */
html:not([data-theme="dark"]):not(.react-student-embedded) body .sidebar img.brand-logo.brand-main-logo {
  content: normal !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 8px 16px rgba(23, 35, 59, 0.12)) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .sidebar img.brand-logo.brand-main-logo {
  content: normal !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2)) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body .sidebar .brand-subtitle-text {
  color: #415873 !important;
  text-shadow: none !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .sidebar .brand-subtitle-text {
  color: rgba(226, 232, 240, 0.88) !important;
}

/* The React student shell keeps a light navigation surface even when the
   legacy iframe's automatic clock theme resolves to dark. */
html.react-student-embedded body .sidebar img.brand-logo.brand-main-logo {
  content: normal !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 8px 16px rgba(23, 35, 59, 0.12)) !important;
}

html.react-student-embedded body .sidebar .brand-subtitle-text {
  color: #415873 !important;
  text-shadow: none !important;
}


/* source: v83-nav-icon-complete.css */
/* v83: keep every collapsed navigation icon fully inside its hit target. */
@media (min-width: 900px) {
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:hover > .sidebar .menu.menu > .menu-item.menu-item,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item {
    position: relative !important; display: block !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important;
    height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 auto !important; padding: 0 !important;
    line-height: 0 !important; overflow: visible !important;
  }
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:hover > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon {
    position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important;
    width: 24px !important; min-width: 24px !important; max-width: 24px !important; height: 24px !important; min-height: 24px !important; max-height: 24px !important;
    margin: auto !important; padding: 0 !important; overflow: visible !important;
  }
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:hover > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before {
    width: 24px !important; min-width: 24px !important; max-width: 24px !important; height: 24px !important; min-height: 24px !important; max-height: 24px !important;
    -webkit-mask-position: center !important; -webkit-mask-size: 24px 24px !important; mask-position: center !important; mask-size: 24px 24px !important;
  }
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active) { border-radius: 13px !important; }
}
+/* v85: terminal hover freeze for every legacy sidebar state and theme. */
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

html[data-theme="light"][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
html[data-theme="light"][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
  color: #334155 !important;
}

html[data-theme="dark"][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
html[data-theme="dark"][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
  color: #dbe7f5 !important;
}

html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active) > .menu-item-icon,
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover > .menu-item-icon {
  color: inherit !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active) > .menu-item-icon::before,
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover > .menu-item-icon::before {
  opacity: 0.9 !important;
  filter: none !important;
  transform: none !important;
}

html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active),
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active):hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #2563eb 0%, #6d5dfc 58%, #9333ea 100%) !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22) !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* v84: mouse movement must not create a navigation state change. */
@media (min-width: 900px) {
  html:not(.react-student-embedded):not([data-theme="dark"]) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
  html:not(.react-student-embedded):not([data-theme="dark"]) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
    color: #53627a !important;
  }

  html:not(.react-student-embedded)[data-theme="dark"] body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
  html:not(.react-student-embedded)[data-theme="dark"] body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
    color: rgba(226, 232, 240, 0.82) !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active) > .menu-item-icon,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover > .menu-item-icon {
    color: inherit !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active) > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover > .menu-item-icon::before {
    opacity: 0.9 !important;
    filter: none !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active),
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active):hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #4169f6 0%, #8b4ff3 100%) !important;
    box-shadow: 0 10px 24px rgba(91, 76, 238, 0.28) !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active) > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active):hover > .menu-item-icon::before {
    opacity: 1 !important;
  }
}


/* source: v92-task-workbench-nav.css */
/*
 * V9.2 task-oriented sidebar workbench.
 * Keeps five first-level destinations and reveals task-specific tools on demand.
 */
html:not(.react-student-embedded) body .sidebar .workspace-nav {
  gap: 4px !important;
  overflow: visible !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group {
  display: grid !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  gap: 2px !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-children {
  position: relative !important;
  display: none !important;
  gap: 2px !important;
  padding: 2px 0 5px !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group.is-open > .workspace-nav-children {
  display: grid !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle {
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle[data-workspace-nav-group-toggle="improve"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='1.5'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle[data-workspace-nav-group-toggle="growth"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2019V5'/%3E%3Cpath%20d='M4%2019h16'/%3E%3Cpath%20d='m7%2015%204-4%203%203%205-7'/%3E%3Cpath%20d='M15%207h4v4'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle[data-workspace-nav-group-toggle="resources"] {
  --hw-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%204.5A2.5%202.5%200%200%201%206.5%202H11v17H6.5A2.5%202.5%200%200%200%204%2021.5z'/%3E%3Cpath%20d='M20%204.5A2.5%202.5%200%200%200%2017.5%202H13v17h4.5a2.5%202.5%200%200%201%202.5z'/%3E%3C/svg%3E");
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle > .menu-item-icon {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle::before,
html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle::after,
html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle > .menu-item-icon::after {
  content: none !important;
  display: none !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle > .menu-item-icon::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  background: currentColor !important;
  -webkit-mask: var(--hw-nav-icon) center / 20px 20px no-repeat !important;
  mask: var(--hw-nav-icon) center / 20px 20px no-repeat !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-chevron {
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: auto !important;
  color: #94a3b8 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  transform: rotate(-90deg) !important;
  transition: transform 160ms ease !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group.is-open > .workspace-nav-group-toggle .workspace-nav-chevron {
  transform: rotate(0deg) !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle:hover,
html:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle:focus-visible,
html:not(.react-student-embedded) body .sidebar .workspace-nav-group.is-active > .workspace-nav-group-toggle {
  color: #315efb !important;
  border-color: rgba(49, 94, 251, 0.12) !important;
  background: rgba(49, 94, 251, 0.07) !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-subitem {
  position: relative !important;
  justify-content: flex-start !important;
  color: #667085 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-dot {
  display: block !important;
  flex: 0 0 5px !important;
  width: 5px !important;
  height: 5px !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: #c4cad5 !important;
}

html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .workspace-nav-subitem:hover,
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .workspace-nav-subitem:focus-visible {
  color: #315efb !important;
  background: rgba(49, 94, 251, 0.055) !important;
}

html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .workspace-nav-subitem.active,
html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .workspace-nav-subitem.is-active {
  color: #315efb !important;
  background: linear-gradient(90deg, rgba(49, 94, 251, 0.12), rgba(124, 77, 255, 0.08)) !important;
  box-shadow: none !important;
}

html:not(.react-student-embedded) body .sidebar .workspace-nav-subitem.active .workspace-nav-dot,
html:not(.react-student-embedded) body .sidebar .workspace-nav-subitem.is-active .workspace-nav-dot {
  background: #315efb !important;
  box-shadow: 0 0 0 4px rgba(49, 94, 251, 0.1) !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed .sidebar .workspace-nav-group {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed .sidebar .workspace-nav-children,
html:not(.react-student-embedded) body .shell.sidebar-collapsed .sidebar .workspace-nav-group-toggle .workspace-nav-chevron {
  display: none !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle:hover,
html[data-theme="dark"]:not(.react-student-embedded) body .sidebar .workspace-nav-group-toggle:focus-visible,
html[data-theme="dark"]:not(.react-student-embedded) body .sidebar .workspace-nav-group.is-active > .workspace-nav-group-toggle {
  color: #93b4ff !important;
  border-color: rgba(147, 180, 255, 0.16) !important;
  background: rgba(64, 112, 244, 0.12) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .sidebar .workspace-nav-subitem {
  color: #9aabc0 !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .workspace-nav-subitem.active,
html[data-theme="dark"]:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .workspace-nav-subitem.is-active {
  color: #b7ccff !important;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.18), rgba(124, 77, 255, 0.12)) !important;
}


/* source: v94-home-action-plan.css */
/*
 * V9.4 homepage action plan.
 * Replaces passive status-heavy hero with a concrete three-step daily plan.
 */
html:not(.react-student-embedded) body .landing-welcome-panel,
html:not(.react-student-embedded) body .landing-v5-command-center {
  display: none !important;
}

html:not(.react-student-embedded) body .landing-action-plan {
  position: relative !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  order: -20 !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 0.78fr) minmax(520px, 1.22fr) !important;
  gap: 24px !important;
  min-height: 350px !important;
  padding: 26px !important;
  overflow: hidden !important;
  border: 1px solid rgba(99, 102, 241, 0.16) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(59, 130, 246, 0.17), transparent 35%),
    radial-gradient(circle at 42% 100%, rgba(124, 58, 237, 0.12), transparent 40%),
    linear-gradient(135deg, #f8fbff 0%, #f7f5ff 52%, #ffffff 100%) !important;
  box-shadow: 0 20px 48px rgba(67, 56, 202, 0.08) !important;
}

html:not(.react-student-embedded) body .landing-action-plan::after {
  content: "" !important;
  position: absolute !important;
  top: -100px !important;
  right: -80px !important;
  width: 280px !important;
  height: 280px !important;
  border-radius: 999px !important;
  background: rgba(99, 102, 241, 0.08) !important;
  filter: blur(4px) !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body .landing-action-intro {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 8px 12px 10px !important;
}

html:not(.react-student-embedded) body .landing-action-avatar {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  border: 3px solid rgba(255, 255, 255, 0.92) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(49, 94, 251, 0.16) !important;
}

html:not(.react-student-embedded) body .landing-action-intro .eyebrow {
  margin: 0 0 8px !important;
  color: #4f46e5 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

html:not(.react-student-embedded) body .landing-action-intro .landing-greeting-line {
  margin: 0 !important;
  color: #111827 !important;
  font-size: clamp(27px, 2.5vw, 38px) !important;
  font-weight: 850 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.035em !important;
}

html:not(.react-student-embedded) body .landing-action-gap {
  display: grid !important;
  gap: 7px !important;
  margin: 18px 0 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

html:not(.react-student-embedded) body .landing-action-gap > strong {
  color: #334155 !important;
  font-weight: 750 !important;
}

html:not(.react-student-embedded) body .landing-action-gap > span {
  width: fit-content !important;
  padding: 8px 12px !important;
  color: #4338ca !important;
  border: 1px solid rgba(99, 102, 241, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  font-weight: 700 !important;
}

html:not(.react-student-embedded) body .landing-action-gap b {
  color: #e11d48 !important;
  font-size: 20px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body .landing-action-focus {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 3px !important;
  margin-top: 24px !important;
  padding: 14px 16px !important;
  border-left: 3px solid #6366f1 !important;
  border-radius: 0 12px 12px 0 !important;
  background: rgba(255, 255, 255, 0.5) !important;
}

html:not(.react-student-embedded) body .landing-action-focus span {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

html:not(.react-student-embedded) body .landing-action-focus strong {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html:not(.react-student-embedded) body .landing-action-schedule {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 13px !important;
  padding: 20px !important;
  border: 1px solid rgba(148, 163, 184, 0.17) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 14px 36px rgba(51, 65, 85, 0.08) !important;
  backdrop-filter: blur(16px) !important;
}

html:not(.react-student-embedded) body .landing-action-schedule > header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html:not(.react-student-embedded) body .landing-action-schedule > header .eyebrow {
  margin: 0 0 3px !important;
  color: #6366f1 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.14em !important;
}

html:not(.react-student-embedded) body .landing-action-schedule > header h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 21px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body .landing-action-schedule > header > span {
  padding: 6px 10px !important;
  color: #64748b !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body .landing-action-list {
  display: grid !important;
  gap: 8px !important;
}

html:not(.react-student-embedded) body .landing-action-item {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 58px !important;
  padding: 9px 12px !important;
  color: #334155 !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 13px !important;
  background: #fff !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease !important;
}

html:not(.react-student-embedded) body .landing-action-item:hover,
html:not(.react-student-embedded) body .landing-action-item:focus-visible {
  border-color: rgba(79, 70, 229, 0.34) !important;
  box-shadow: 0 8px 20px rgba(79, 70, 229, 0.08) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

html:not(.react-student-embedded) body .landing-action-item.is-primary {
  border-color: rgba(79, 70, 229, 0.24) !important;
  background: linear-gradient(90deg, rgba(238, 242, 255, 0.9), #fff) !important;
}

html:not(.react-student-embedded) body .landing-action-index {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  color: #64748b !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body .landing-action-item.is-primary .landing-action-index {
  color: #fff !important;
  background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
}

html:not(.react-student-embedded) body .landing-action-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html:not(.react-student-embedded) body .landing-action-copy strong {
  overflow: hidden !important;
  color: #172033 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body .landing-action-copy small {
  overflow: hidden !important;
  color: #7c8799 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body .landing-action-item em {
  color: #6366f1 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

html:not(.react-student-embedded) body .landing-action-result {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.17) !important;
}

html:not(.react-student-embedded) body .landing-action-result > div {
  display: grid !important;
  gap: 2px !important;
}

html:not(.react-student-embedded) body .landing-action-result span {
  color: #7c8799 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html:not(.react-student-embedded) body .landing-action-result strong {
  color: #059669 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body .landing-action-result .landing-primary-action {
  min-width: 140px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #3b82f6, #6d4aff) !important;
  box-shadow: 0 10px 24px rgba(79, 70, 229, 0.2) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-plan {
  border-color: rgba(129, 140, 248, 0.2) !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(59, 130, 246, 0.18), transparent 35%),
    radial-gradient(circle at 42% 100%, rgba(124, 58, 237, 0.16), transparent 40%),
    linear-gradient(135deg, #111b2e 0%, #15172b 52%, #101827 100%) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-intro .landing-greeting-line,
html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-focus span,
html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-schedule > header h2,
html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-copy strong {
  color: #f8fafc !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-gap,
html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-focus strong,
html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-copy small {
  color: #9fb0c6 !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-gap > strong {
  color: #dbeafe !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-gap > span,
html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-focus,
html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-schedule {
  background: rgba(15, 23, 42, 0.72) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-item {
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  background: rgba(15, 23, 42, 0.78) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .landing-action-item.is-primary {
  background: linear-gradient(90deg, rgba(67, 56, 202, 0.2), rgba(15, 23, 42, 0.78)) !important;
}

@media (max-width: 1050px) {
  html:not(.react-student-embedded) body .landing-action-plan {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  html:not(.react-student-embedded) body .landing-action-intro {
    align-content: start !important;
  }
}

@media (max-width: 680px) {
  html:not(.react-student-embedded) body .landing-action-plan {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  html:not(.react-student-embedded) body .landing-action-intro {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    padding: 4px !important;
  }

  html:not(.react-student-embedded) body .landing-action-avatar {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  html:not(.react-student-embedded) body .landing-action-intro .landing-greeting-line {
    font-size: 25px !important;
  }

  html:not(.react-student-embedded) body .landing-action-schedule {
    padding: 15px !important;
  }

  html:not(.react-student-embedded) body .landing-action-result {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html:not(.react-student-embedded) body .landing-action-result .landing-primary-action {
    width: 100% !important;
  }
}

/* Win against the legacy v51 module allow-list without changing other pages. */
:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-action-plan[data-home-module-key="action-plan"] {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  order: -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-welcome-panel[data-home-module-key="welcome"],
:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace > div.landing-home-grid > article.section-card.landing-v5-command-center.engineering-workbench-task[data-home-module-key="v5-command-center"] {
  display: none !important;
}

:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="landing"] .shell .main.main > section.panel.active.landing-workspace .landing-action-result > #landingStartInterviewBtn.landing-primary-action {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 140px !important;
  max-width: none !important;
  height: auto !important;
  min-height: 42px !important;
  margin: 0 !important;
}


/* source: v98-ai-coach-focus.css */
/*
 * V9.8 AI mentor focus.
 * Xiaowen has one role: the user's engineering coach.
 */
html:not(.react-student-embedded) body[data-active-panel="ai-coach"] .xiaowen-coach-workbench.is-coach-focused > :not(.xiaowen-private-coach) {
  display: none !important;
}

:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="ai-coach"] .shell .main.main > section.panel.active.xiaowen-coach-workbench.is-coach-focused {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(290px, .74fr) minmax(520px, 1.26fr) !important;
  gap: 26px !important;
  width: 100% !important;
  min-height: 520px !important;
  padding: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(99, 102, 241, .16) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 10% 15%, rgba(59, 130, 246, .18), transparent 34%),
    radial-gradient(circle at 36% 100%, rgba(124, 58, 237, .12), transparent 40%),
    linear-gradient(135deg, #f8fbff 0%, #f6f5ff 47%, #fff 100%) !important;
  box-shadow: 0 22px 52px rgba(51, 65, 85, .09) !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach::after {
  content: "" !important;
  position: absolute !important;
  top: -120px !important;
  right: -90px !important;
  width: 330px !important;
  height: 330px !important;
  border-radius: 999px !important;
  background: rgba(99, 102, 241, .08) !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__identity {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 18px 12px !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__brand {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__brand > span {
  display: grid !important;
  place-items: center !important;
  width: 62px !important;
  height: 62px !important;
  color: #fff !important;
  border: 4px solid rgba(255, 255, 255, .9) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
  box-shadow: 0 14px 30px rgba(79, 70, 229, .22) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__brand p,
html:not(.react-student-embedded) body .xiaowen-private-coach__plan header p {
  margin: 0 0 4px !important;
  color: #6366f1 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__brand h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__target {
  display: grid !important;
  gap: 8px !important;
  margin-top: 42px !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__target > span {
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__target > strong {
  color: #172033 !important;
  font-size: clamp(23px, 2.4vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  letter-spacing: -.035em !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__target > p {
  max-width: 330px !important;
  margin: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__promise {
  display: grid !important;
  gap: 4px !important;
  margin-top: 54px !important;
  padding: 14px 16px !important;
  border-left: 3px solid #6366f1 !important;
  border-radius: 0 12px 12px 0 !important;
  background: rgba(255, 255, 255, .56) !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__promise span {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__promise strong {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__plan {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 16px !important;
  min-width: 0 !important;
  padding: 24px !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 16px 38px rgba(51, 65, 85, .08) !important;
  backdrop-filter: blur(18px) !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__plan > header,
html:not(.react-student-embedded) body .xiaowen-private-coach__plan > footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__plan header h3 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__plan header > span {
  padding: 7px 11px !important;
  color: #64748b !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__tasks {
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 13px !important;
  width: 100% !important;
  min-height: 72px !important;
  padding: 11px 14px !important;
  color: #334155 !important;
  border: 1px solid rgba(148, 163, 184, .2) !important;
  border-radius: 15px !important;
  background: #fff !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task:is(:hover, :focus-visible) {
  border-color: rgba(79, 70, 229, .4) !important;
  box-shadow: 0 10px 24px rgba(79, 70, 229, .09) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task.is-primary {
  border-color: rgba(79, 70, 229, .28) !important;
  background: linear-gradient(90deg, rgba(238, 242, 255, .94), #fff) !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task > span {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  color: #64748b !important;
  border-radius: 11px !important;
  background: #f1f5f9 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task.is-primary > span {
  color: #fff !important;
  background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task strong {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task small {
  overflow: hidden !important;
  color: #7c8799 !important;
  font-size: 11px !important;
  font-weight: 620 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__task em {
  color: #6366f1 !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__plan > footer {
  padding-top: 16px !important;
  border-top: 1px solid rgba(148, 163, 184, .18) !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__plan footer > div {
  display: grid !important;
  gap: 3px !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__plan footer span {
  color: #7c8799 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html:not(.react-student-embedded) body .xiaowen-private-coach__plan footer strong {
  color: #059669 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="ai-coach"] .xiaowen-private-coach__plan > footer > #xiaowenCoachStartBtn {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: none !important;
  min-height: 46px !important;
  margin: 0 68px 0 0 !important;
  padding: 0 22px !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #3b82f6, #6d4aff) !important;
  box-shadow: 0 11px 25px rgba(79, 70, 229, .2) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach {
  border-color: rgba(129, 140, 248, .2) !important;
  background:
    radial-gradient(circle at 10% 15%, rgba(59, 130, 246, .18), transparent 34%),
    radial-gradient(circle at 36% 100%, rgba(124, 58, 237, .16), transparent 40%),
    linear-gradient(135deg, #101827 0%, #15172b 48%, #0f172a 100%) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__brand h2,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__target > strong,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__promise span,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__plan header h3,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__task strong {
  color: #f8fafc !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__target > p,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__target > span,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__promise strong,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__task small {
  color: #9fb0c6 !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__plan,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__task,
html[data-theme="dark"]:not(.react-student-embedded) body .xiaowen-private-coach__promise {
  background: rgba(15, 23, 42, .76) !important;
}

html:not(.react-student-embedded) body #companionPanel #companionOpenCoachBtn.companion-open-coach-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 4px 0 0 !important;
  color: #4f46e5 !important;
  border-color: rgba(79, 70, 229, .22) !important;
  background: rgba(238, 242, 255, .82) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

@media (max-width: 1040px) {
  html:not(.react-student-embedded) body .xiaowen-private-coach {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  html:not(.react-student-embedded) body .xiaowen-private-coach__target {
    margin-top: 28px !important;
  }

  html:not(.react-student-embedded) body .xiaowen-private-coach__promise {
    margin-top: 28px !important;
  }
}

@media (max-width: 680px) {
  html:not(.react-student-embedded) body .xiaowen-private-coach {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  html:not(.react-student-embedded) body .xiaowen-private-coach__identity,
  html:not(.react-student-embedded) body .xiaowen-private-coach__plan {
    padding: 16px !important;
  }

  html:not(.react-student-embedded) body .xiaowen-private-coach__plan > footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html:not(.react-student-embedded) body #xiaowenCoachStartBtn {
    width: 100% !important;
    margin: 0 !important;
  }
}


/* source: v101-training-rpg.css */
/*
 * V10.1 training RPG progression.
 * Replaces the course-card first screen with one engineer career quest.
 */
html:not(.react-student-embedded) body[data-active-panel="question-bank"] .training-rpg-workbench > .question-training-center {
  display: none !important;
}

:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="question-bank"] .shell .main.main > section.panel.active.training-rpg-workbench {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}

:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="question-bank"] .shell .main.main > section.panel.active.training-rpg-workbench > article.section-card.training-rpg-shell {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 22px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 650px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(79, 70, 229, .16) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(59, 130, 246, .17), transparent 29%),
    radial-gradient(circle at 88% 90%, rgba(124, 58, 237, .12), transparent 32%),
    linear-gradient(135deg, #f8fbff 0%, #f6f5ff 48%, #fff 100%) !important;
  box-shadow: 0 22px 54px rgba(51, 65, 85, .09) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html:not(.react-student-embedded) body .training-rpg-hero {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 28px !important;
  padding: 2px 4px 4px !important;
}

html:not(.react-student-embedded) body .training-rpg-hero p,
html:not(.react-student-embedded) body .training-rpg-roadmap header p {
  margin: 0 0 5px !important;
  color: #6366f1 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .15em !important;
}

html:not(.react-student-embedded) body .training-rpg-hero h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: clamp(29px, 3vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: -.04em !important;
}

html:not(.react-student-embedded) body .training-rpg-hero h2 span {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  padding: 5px 11px !important;
  color: #fff !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
  box-shadow: 0 9px 22px rgba(79, 70, 229, .22) !important;
  font-size: .48em !important;
  letter-spacing: 0 !important;
  vertical-align: middle !important;
}

html:not(.react-student-embedded) body .training-rpg-hero > div > small {
  display: block !important;
  margin-top: 8px !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 620 !important;
}

html:not(.react-student-embedded) body .training-rpg-xp {
  display: grid !important;
  gap: 7px !important;
  width: min(320px, 36%) !important;
  min-width: 250px !important;
  padding: 13px 15px !important;
  border: 1px solid rgba(99, 102, 241, .16) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .74) !important;
}

html:not(.react-student-embedded) body .training-rpg-xp > div {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html:not(.react-student-embedded) body .training-rpg-xp span,
html:not(.react-student-embedded) body .training-rpg-xp small {
  color: #7c8799 !important;
  font-size: 10px !important;
  font-weight: 750 !important;
}

html:not(.react-student-embedded) body .training-rpg-xp strong {
  color: #4338ca !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body .training-rpg-xp > i {
  display: block !important;
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e8edf5 !important;
}

html:not(.react-student-embedded) body .training-rpg-xp > i > b {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #3b82f6, #7c3aed) !important;
}

html:not(.react-student-embedded) body .training-rpg-core {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(420px, .95fr) minmax(380px, 1.05fr) !important;
  gap: 20px !important;
  min-height: 0 !important;
}

html:not(.react-student-embedded) body .training-rpg-roadmap {
  min-width: 0 !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 14px 34px rgba(51, 65, 85, .06) !important;
}

html:not(.react-student-embedded) body .training-rpg-roadmap > header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 15px !important;
  margin-bottom: 16px !important;
}

html:not(.react-student-embedded) body .training-rpg-roadmap h3 {
  margin: 0 !important;
  color: #172033 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body .training-rpg-roadmap header > span {
  padding: 6px 9px !important;
  color: #64748b !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

html:not(.react-student-embedded) body .training-rpg-path {
  position: relative !important;
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html:not(.react-student-embedded) body .training-rpg-path::before {
  content: "" !important;
  position: absolute !important;
  top: 28px !important;
  bottom: 28px !important;
  left: 20px !important;
  width: 2px !important;
  background: linear-gradient(#10b981 0 47%, #6366f1 47% 72%, #d8dee9 72%) !important;
}

html:not(.react-student-embedded) body .training-rpg-path li {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 60px !important;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
}

html:not(.react-student-embedded) body .training-rpg-path li.is-current {
  border-color: rgba(79, 70, 229, .24) !important;
  background: linear-gradient(90deg, rgba(238, 242, 255, .96), rgba(255, 255, 255, .75)) !important;
  box-shadow: 0 9px 22px rgba(79, 70, 229, .08) !important;
}

html:not(.react-student-embedded) body .training-rpg-path li > i {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  color: #94a3b8 !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  background: #e9eef5 !important;
  box-shadow: 0 3px 10px rgba(51, 65, 85, .12) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body .training-rpg-path li.is-complete > i {
  color: #fff !important;
  background: #10b981 !important;
}

html:not(.react-student-embedded) body .training-rpg-path li.is-current > i {
  color: #fff !important;
  background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
}

html:not(.react-student-embedded) body .training-rpg-path li > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html:not(.react-student-embedded) body .training-rpg-path strong {
  color: #172033 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

html:not(.react-student-embedded) body .training-rpg-path small {
  color: #7c8799 !important;
  font-size: 11px !important;
  font-weight: 620 !important;
}

html:not(.react-student-embedded) body .training-rpg-path em {
  color: #64748b !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 750 !important;
}

html:not(.react-student-embedded) body .training-rpg-path .is-complete em { color: #059669 !important; }
html:not(.react-student-embedded) body .training-rpg-path .is-current em { color: #4f46e5 !important; }
html:not(.react-student-embedded) body .training-rpg-path .is-locked { opacity: .63 !important; }

html:not(.react-student-embedded) body .training-rpg-next-stage {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 24px !important;
  overflow: hidden !important;
  color: #fff !important;
  border: 1px solid rgba(129, 140, 248, .26) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .48), transparent 36%),
    linear-gradient(145deg, #18233c, #111827 72%) !important;
  background-size: 24px 24px, 24px 24px, auto, auto !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .18) !important;
}

html:not(.react-student-embedded) body .training-rpg-stage-tag {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html:not(.react-student-embedded) body .training-rpg-stage-tag span,
html:not(.react-student-embedded) body .training-rpg-stage-tag b {
  color: #a5b4fc !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
}

html:not(.react-student-embedded) body .training-rpg-next-stage > p {
  margin: 28px 0 4px !important;
  color: #a5b4fc !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html:not(.react-student-embedded) body .training-rpg-next-stage > h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 29px !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
}

html:not(.react-student-embedded) body .training-rpg-next-stage > strong {
  display: block !important;
  margin-top: 8px !important;
  color: #dbeafe !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

html:not(.react-student-embedded) body .training-rpg-next-stage ul {
  display: grid !important;
  gap: 8px !important;
  margin: 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html:not(.react-student-embedded) body .training-rpg-next-stage li {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #cbd5e1 !important;
  font-size: 12px !important;
}

html:not(.react-student-embedded) body .training-rpg-next-stage li i {
  display: grid !important;
  place-items: center !important;
  width: 23px !important;
  height: 23px !important;
  color: #c4b5fd !important;
  border-radius: 8px !important;
  background: rgba(129, 140, 248, .16) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body .training-rpg-reward {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(148, 163, 184, .2) !important;
}

html:not(.react-student-embedded) body .training-rpg-reward span,
html:not(.react-student-embedded) body .training-rpg-reward em {
  color: #94a3b8 !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

html:not(.react-student-embedded) body .training-rpg-reward strong {
  color: #6ee7b7 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

html:not(.react-student-embedded) body .training-rpg-reward em { margin-left: auto !important; }

:is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="question-bank"] #trainingRpgNextBtn {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 14px 0 0 !important;
  padding: 0 22px !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
  box-shadow: 0 11px 26px rgba(59, 130, 246, .24) !important;
}

html:not(.react-student-embedded) body .training-rpg-footer {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 13px 16px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .62) !important;
}

html:not(.react-student-embedded) body .training-rpg-footer > div {
  display: grid !important;
  gap: 3px !important;
}

html:not(.react-student-embedded) body .training-rpg-footer span,
html:not(.react-student-embedded) body .training-rpg-footer p {
  margin: 0 !important;
  color: #7c8799 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html:not(.react-student-embedded) body .training-rpg-footer strong {
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .training-rpg-shell {
  border-color: rgba(129, 140, 248, .2) !important;
  background:
    radial-gradient(circle at 8% 12%, rgba(59, 130, 246, .18), transparent 29%),
    radial-gradient(circle at 88% 90%, rgba(124, 58, 237, .17), transparent 32%),
    linear-gradient(135deg, #101827 0%, #15172b 48%, #0f172a 100%) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .training-rpg-hero h2,
html[data-theme="dark"]:not(.react-student-embedded) body .training-rpg-roadmap h3,
html[data-theme="dark"]:not(.react-student-embedded) body .training-rpg-path strong,
html[data-theme="dark"]:not(.react-student-embedded) body .training-rpg-footer strong {
  color: #f8fafc !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .training-rpg-roadmap,
html[data-theme="dark"]:not(.react-student-embedded) body .training-rpg-xp,
html[data-theme="dark"]:not(.react-student-embedded) body .training-rpg-footer {
  background: rgba(15, 23, 42, .72) !important;
}

@media (max-width: 1060px) {
  html:not(.react-student-embedded) body .training-rpg-core {
    grid-template-columns: 1fr !important;
  }

  html:not(.react-student-embedded) body .training-rpg-xp {
    width: min(320px, 44%) !important;
  }
}

@media (max-width: 680px) {
  :is(#hw-v6-home, html):not(.react-student-embedded) body[data-active-panel="question-bank"] .training-rpg-shell {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  html:not(.react-student-embedded) body .training-rpg-hero,
  html:not(.react-student-embedded) body .training-rpg-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html:not(.react-student-embedded) body .training-rpg-xp {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* source: v103-enterprise-debug-flow.css */
/* V10.3: enterprise seven-step Debug workflow emphasis. */

html body[data-active-panel="debug-lab"] .debug-engineering-workflow {
  --debug-accent: #4f46e5;
}

html body[data-active-panel="debug-lab"] .debug-workflow-hero {
  background:
    radial-gradient(circle at 84% 10%, rgba(99, 102, 241, 0.34), transparent 34%),
    linear-gradient(135deg, #08182d 0%, #102c4c 62%, #16265d 100%) !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-hero > aside span:first-child {
  color: #e0e7ff !important;
  background: rgba(99, 102, 241, 0.24) !important;
  border-color: rgba(165, 180, 252, 0.35) !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-progress i b {
  background: linear-gradient(90deg, #2563eb, var(--debug-accent)) !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-rail {
  gap: 5px !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-rail > button:not(.debug-workflow-reset) {
  min-height: 55px !important;
  padding: 8px 9px !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-rail > button.current {
  color: #3730a3 !important;
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.13), rgba(37, 99, 235, 0.07)) !important;
  border-color: rgba(79, 70, 229, 0.34) !important;
  box-shadow: inset 3px 0 0 var(--debug-accent) !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-rail > button.current i {
  background: var(--debug-accent) !important;
  border-color: var(--debug-accent) !important;
}

html[data-theme="dark"] body[data-active-panel="debug-lab"] .debug-workflow-step-rail > button.current {
  color: #e0e7ff !important;
}

html body[data-active-panel="debug-lab"] .debug-workflow-step-head > span {
  color: var(--debug-accent) !important;
}

html body[data-active-panel="debug-lab"] .engineering-debug-route {
  grid-template-columns: repeat(7, minmax(74px, 1fr)) !important;
  max-width: 1040px !important;
}

@media (max-width: 900px) {
  html body[data-active-panel="debug-lab"] .debug-workflow-step-rail {
    grid-template-columns: repeat(7, minmax(118px, 1fr)) !important;
  }
}



/* source: v104-growth-recruiter-value.css */
/* V10.4: recruiter value summary and premium capability report CTA. */

html body[data-active-panel="growth-profile"] .growth-recruiter-value {
  position: relative;
  display: grid;
  gap: 22px;
  overflow: hidden;
  padding: 26px 28px;
  color: #f8fbff;
  background:
    radial-gradient(circle at 88% 8%, rgba(124, 58, 237, 0.34), transparent 32%),
    radial-gradient(circle at 10% 100%, rgba(37, 99, 235, 0.25), transparent 36%),
    linear-gradient(135deg, #081a31 0%, #102b4d 58%, #1e2455 100%);
  border: 1px solid rgba(129, 140, 248, 0.26);
  border-radius: 20px;
  box-shadow: 0 22px 54px rgba(15, 31, 56, 0.18);
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value::after {
  position: absolute;
  top: -90px;
  right: -70px;
  width: 260px;
  height: 260px;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  pointer-events: none;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-head,
html body[data-active-panel="growth-profile"] .growth-recruiter-value-action {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-head > div:first-child {
  display: grid;
  gap: 5px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-head > div:first-child > span {
  color: #a5b4fc;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.16em;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.15;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-head p {
  margin: 0;
  color: #b9c9df;
  font-size: 12px;
  line-height: 1.6;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-verified {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 176px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 13px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-verified i {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  color: #062718;
  background: #6ee7b7;
  border-radius: 50%;
  font-style: normal;
  font-weight: 950;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-verified span,
html body[data-active-panel="growth-profile"] .growth-recruiter-verified :is(strong, small) {
  display: block;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-verified strong {
  color: #ffffff;
  font-size: 12px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-verified small {
  margin-top: 2px;
  color: #aebed2;
  font-size: 9px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-metrics article {
  min-width: 0;
  padding: 16px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 14px;
  backdrop-filter: blur(12px);
}

html body[data-active-panel="growth-profile"] .growth-recruiter-metrics article > span {
  color: #b9c9df;
  font-size: 10px;
  font-weight: 800;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-metrics article > strong {
  display: block;
  margin: 7px 0 6px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-metrics article > strong small {
  margin-left: 3px;
  color: #c7d2fe;
  font-size: 12px;
  font-weight: 800;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-metrics article > p {
  margin: 0;
  color: #9fb1c8;
  font-size: 9px;
  line-height: 1.5;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-action {
  padding-top: 18px;
  padding-right: clamp(84px, 8vw, 116px);
  border-top: 1px solid rgba(255, 255, 255, 0.11);
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-action > div {
  display: grid;
  gap: 4px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-action strong {
  color: #ffffff;
  font-size: 14px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-action p {
  margin: 0;
  color: #aebed2;
  font-size: 10px;
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value-action .primary-btn {
  flex: 0 0 auto;
  min-width: 190px;
  min-height: 42px;
  color: #172554;
  background: linear-gradient(135deg, #ffffff, #dbeafe);
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 10px 26px rgba(2, 12, 27, 0.24);
}

html body[data-active-panel="growth-profile"] .growth-recruiter-value + .recruiter-profile-card {
  margin-top: 0;
}

@media (max-width: 900px) {
  html body[data-active-panel="growth-profile"] .growth-recruiter-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body[data-active-panel="growth-profile"] .growth-recruiter-value-action {
    padding-right: 0;
  }
}

@media (max-width: 620px) {
  html body[data-active-panel="growth-profile"] .growth-recruiter-value {
    padding: 20px;
  }

  html body[data-active-panel="growth-profile"] :is(.growth-recruiter-value-head, .growth-recruiter-value-action) {
    align-items: stretch;
    flex-direction: column;
  }

  html body[data-active-panel="growth-profile"] .growth-recruiter-verified {
    min-width: 0;
  }

  html body[data-active-panel="growth-profile"] .growth-recruiter-metrics {
    grid-template-columns: 1fr;
  }

  html body[data-active-panel="growth-profile"] .growth-recruiter-value-action .primary-btn {
    width: 100%;
  }
}



/* source: v105-ai-knowledge-diagnosis.css */
/* V10.5: AI engineering diagnosis for the knowledge base. */

html body[data-active-panel="knowledge-map"] #learningKnowledgeCards {
  gap: 18px !important;
  padding: 24px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(124, 58, 237, 0.08), transparent 30%),
    var(--v51-card, #ffffff) !important;
  border-color: rgba(99, 102, 241, 0.2) !important;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-search-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-search-head > div {
  display: grid;
  gap: 4px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-search-head span {
  color: #6d5ce7;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.15em;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-search-head h3 {
  margin: 0;
  color: var(--v51-text, #0f172a);
  font-size: 24px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-search-head p {
  margin: 0;
  color: var(--v51-muted, #64748b);
  font-size: 11px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-search-head > em {
  padding: 7px 10px;
  color: #5b4bd7;
  background: rgba(124, 92, 255, 0.1);
  border: 1px solid rgba(124, 92, 255, 0.2);
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

html body[data-active-panel="knowledge-map"] .v51-knowledge-query-box {
  padding: 7px 7px 7px 16px !important;
  background: var(--v51-card, #ffffff) !important;
  border: 1px solid rgba(99, 102, 241, 0.3) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(44, 62, 96, 0.08) !important;
}

html body[data-active-panel="knowledge-map"] .v51-knowledge-query-box:focus-within {
  border-color: #6d5ce7 !important;
  box-shadow: 0 0 0 3px rgba(109, 92, 231, 0.12), 0 12px 30px rgba(44, 62, 96, 0.1) !important;
}

html body[data-active-panel="knowledge-map"] #knowledgeCenterSearchBtn {
  min-width: 104px;
  min-height: 42px;
  color: #ffffff;
  background: linear-gradient(135deg, #4f7df3, #7c3aed);
  border-color: transparent;
  box-shadow: 0 8px 20px rgba(92, 72, 210, 0.24);
}

html body[data-active-panel="knowledge-map"] .v51-knowledge-answer {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-result-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 15px;
  color: #eaf2ff;
  background:
    radial-gradient(circle at 90% 0%, rgba(124, 58, 237, 0.34), transparent 34%),
    linear-gradient(135deg, #0b1b32, #172a50);
  border: 1px solid rgba(129, 140, 248, 0.25);
  border-radius: 13px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-result-head > div {
  display: grid;
  gap: 2px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-result-head span {
  color: #a5b4fc !important;
  font-size: 9px !important;
  font-weight: 900;
  letter-spacing: 0.13em;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-result-head strong {
  color: #ffffff !important;
  font-size: 15px !important;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-result-head > em {
  max-width: 390px;
  color: #aebfd5;
  font-size: 9px;
  font-style: normal;
  line-height: 1.5;
  text-align: right;
}

html body[data-active-panel="knowledge-map"] .v51-knowledge-answer > .knowledge-center-answer-summary {
  min-height: 0 !important;
  padding: 15px 17px !important;
  background: linear-gradient(135deg, rgba(79, 125, 243, 0.08), rgba(124, 58, 237, 0.06)) !important;
  border: 1px solid rgba(99, 102, 241, 0.16);
  border-radius: 13px !important;
}

html body[data-active-panel="knowledge-map"] .knowledge-center-answer-summary span {
  color: #6d5ce7 !important;
  font-size: 9px !important;
  font-weight: 900;
  letter-spacing: 0.1em;
}

html body[data-active-panel="knowledge-map"] .knowledge-center-answer-summary strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 13px !important;
  font-weight: 750;
  line-height: 1.65;
}

html body[data-active-panel="knowledge-map"] .v51-knowledge-answer > .knowledge-ai-diagnosis-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) {
  min-width: 0;
  padding: 16px;
  background: var(--v51-card-soft, #f7f9fc);
  border: 1px solid var(--v51-border, #dbe4f0);
  border-radius: 14px;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) > header > div {
  display: grid;
  gap: 2px;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) > header span {
  color: #6d5ce7 !important;
  font-size: 8px !important;
  font-weight: 950;
  letter-spacing: 0.12em;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) > header strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 16px !important;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) > header em {
  color: var(--v51-muted, #64748b);
  font-size: 9px;
  font-style: normal;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) > div {
  display: grid;
  gap: 8px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-root-causes article {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 78px;
  align-items: center;
  gap: 9px;
  padding: 11px;
  background: var(--v51-card, #ffffff);
  border: 1px solid var(--v51-border, #dbe4f0);
  border-radius: 11px;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) article > i {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, #4f7df3, #7c3aed);
  border-radius: 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) article > div {
  min-width: 0;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) article > div > strong {
  display: block;
  color: var(--v51-text, #0f172a) !important;
  font-size: 12px !important;
}

html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-root-causes, .knowledge-ai-experiments) article p {
  margin: 3px 0 0;
  color: var(--v51-muted, #64748b);
  font-size: 9px;
  line-height: 1.45;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-probability {
  display: grid;
  gap: 5px;
  min-width: 0;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-probability > em {
  color: #5b4bd7;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  text-align: right;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-probability > b {
  display: block;
  height: 5px;
  overflow: hidden;
  background: rgba(100, 116, 139, 0.16);
  border-radius: 999px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-probability > b > u {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #4f7df3, #7c3aed);
  border-radius: inherit;
  text-decoration: none;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-experiments article {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 11px;
  background: var(--v51-card, #ffffff);
  border: 1px solid var(--v51-border, #dbe4f0);
  border-radius: 11px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-experiments article > i {
  color: #0f5132;
  background: #a7f3d0;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-context {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(250px, 1.25fr);
  gap: 9px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-context > div {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 74px;
  padding: 12px 13px;
  background: var(--v51-card-soft, #f7f9fc);
  border: 1px solid var(--v51-border, #dbe4f0);
  border-radius: 11px;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-context span {
  color: var(--v51-muted, #64748b) !important;
  font-size: 9px !important;
}

html body[data-active-panel="knowledge-map"] .knowledge-ai-context strong {
  color: var(--v51-text, #0f172a) !important;
  font-size: 11px !important;
  line-height: 1.45;
}

html body[data-active-panel="knowledge-map"] .knowledge-center-action-list {
  grid-template-columns: minmax(0, 1fr) auto;
}

html body[data-active-panel="knowledge-map"] .knowledge-center-action-list > :is(span, strong) {
  grid-column: 1;
}

html body[data-active-panel="knowledge-map"] .knowledge-center-action-list > button {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  min-width: 104px;
}

html[data-theme="dark"] body[data-active-panel="knowledge-map"] .v51-knowledge-query-box {
  background: #0d192a !important;
}

@media (max-width: 980px) {
  html body[data-active-panel="knowledge-map"] .v51-knowledge-answer > .knowledge-ai-diagnosis-grid,
  html body[data-active-panel="knowledge-map"] .knowledge-ai-context {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  html body[data-active-panel="knowledge-map"] #learningKnowledgeCards {
    padding: 16px !important;
  }

  html body[data-active-panel="knowledge-map"] :is(.knowledge-ai-search-head, .knowledge-ai-result-head) {
    align-items: stretch;
    flex-direction: column;
  }

  html body[data-active-panel="knowledge-map"] .knowledge-ai-result-head > em {
    text-align: left;
  }

  html body[data-active-panel="knowledge-map"] .v51-knowledge-query-box {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  html body[data-active-panel="knowledge-map"] #knowledgeCenterSearchBtn {
    grid-column: 1 / -1;
    width: 100%;
  }

  html body[data-active-panel="knowledge-map"] .knowledge-ai-root-causes article {
    grid-template-columns: 26px minmax(0, 1fr);
  }

  html body[data-active-panel="knowledge-map"] .knowledge-ai-probability {
    grid-column: 2;
  }

  html body[data-active-panel="knowledge-map"] .knowledge-center-action-list {
    grid-template-columns: 1fr;
  }

  html body[data-active-panel="knowledge-map"] .knowledge-center-action-list > button {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
  }
}



/* source: v106-companion-head-launcher.css */
/* V106 — professional XiaoWen launcher: head only by default, full character after opening AI. */
html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock {
  z-index: 2210 !important;
  transition: width 180ms ease, height 180ms ease, filter 180ms ease !important;
}

html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock[data-launcher-mode="head"] {
  position: fixed !important;
  inset: auto max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) auto !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
  height: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
  overflow: visible !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model {
  position: relative !important;
  width: 74px !important;
  height: 88px !important;
  overflow: visible !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model::before {
  content: "" !important;
  position: absolute !important;
  z-index: 6 !important;
  top: 47px !important;
  right: 7px !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  background: #22c55e !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.22) !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model::after {
  content: none !important;
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"]::after {
  content: "小问" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  display: block !important;
  min-width: 44px !important;
  padding: 3px 9px !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  white-space: nowrap !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionModelViewer.companion-model-viewer {
  position: absolute !important;
  inset: 0 auto auto 5px !important;
  display: block !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #ffffff 0%, #eef2ff 100%) !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 12px 30px rgba(30, 64, 175, 0.2), 0 3px 9px rgba(15, 23, 42, 0.13) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  pointer-events: auto !important;
  transition: transform 160ms ease, box-shadow 160ms ease !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionModelViewer.companion-model-viewer:hover {
  box-shadow: 0 14px 34px rgba(30, 64, 175, 0.25), 0 4px 11px rgba(15, 23, 42, 0.15) !important;
  transform: translateY(-2px) !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionModelViewer.companion-model-viewer:focus-visible {
  outline: 3px solid rgba(79, 70, 229, 0.42) !important;
  outline-offset: 3px !important;
  border-radius: 50% !important;
}

html:not(.react-student-embedded) body #companionAvatarDock .companion-head-avatar {
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] .companion-head-avatar {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: 50% 38% !important;
  border-radius: 50% !important;
  filter: saturate(0.92) contrast(1.04) !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionThreeCanvas,
html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companion3dFallback {
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock[data-launcher-mode="full"] {
  position: fixed !important;
  inset: auto max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) auto !important;
  display: block !important;
  width: clamp(148px, 10vw, 188px) !important;
  min-width: 0 !important;
  max-width: none !important;
  height: clamp(258px, 17vw, 316px) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="full"]::after {
  content: none !important;
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="full"] #companionModelViewer.companion-model-viewer {
  cursor: pointer !important;
  touch-action: manipulation !important;
}

html:not(.react-student-embedded) body #companionAvatarDock #companionInteractionBubble.companion-interaction-bubble,
html:not(.react-student-embedded) body #companionAvatarDock #companionAvatarHint.companion-avatar-hint {
  display: none !important;
}

html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="full"] #companionModelViewer.companion-model-viewer:focus,
html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="full"] #companionModelViewer.companion-model-viewer:focus-visible {
  outline: 0 !important;
}

@media (max-width: 620px) {
  html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock[data-launcher-mode="head"] {
    inset: auto max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) auto !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model {
    width: 66px !important;
    height: 80px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionModelViewer.companion-model-viewer {
    left: 5px !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock[data-launcher-mode="head"] #companionAmbientModel.companion-standalone-model::before {
    top: 40px !important;
    right: 6px !important;
  }

  html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock.companion-avatar-panel-open[data-launcher-mode="full"] {
    inset: auto max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) auto !important;
    display: block !important;
    width: 96px !important;
    height: 168px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:not(.react-student-embedded) body #companionAvatarDock.companion-avatar-dock,
  html:not(.react-student-embedded) body #companionAvatarDock #companionModelViewer.companion-model-viewer {
    transition: none !important;
  }
}


/* source: v107-ai-coach-overlap-fix.css */
/* V107 — prevent the retired AI-coach hero from resurfacing and clipping its content. */
html:not(.react-student-embedded) body[data-active-panel="ai-coach"]
  .xiaowen-coach-workbench > .xiaowen-coach-hero,
html:not(.react-student-embedded) body[data-active-panel="ai-coach"]
  .xiaowen-coach-workbench > .xiaowen-coach-grid,
html:not(.react-student-embedded) body[data-active-panel="ai-coach"]
  .xiaowen-coach-workbench > .xiaowen-stage-card,
html:not(.react-student-embedded) body[data-active-panel="ai-coach"]
  .xiaowen-coach-workbench > .xiaowen-boundary-card {
  display: none !important;
}

:is(#hw-v6-home, html):not(.react-student-embedded)
  body[data-active-panel="ai-coach"]
  .shell .main.main > section.panel.active.xiaowen-coach-workbench {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html:not(.react-student-embedded) body[data-active-panel="ai-coach"]
  .xiaowen-coach-workbench > .xiaowen-private-coach {
  display: grid !important;
  height: auto !important;
  min-height: 520px !important;
  max-height: none !important;
  align-items: stretch !important;
  margin-bottom: 0 !important;
}

html:not(.react-student-embedded) body[data-active-panel="ai-coach"]
  .xiaowen-private-coach__identity,
html:not(.react-student-embedded) body[data-active-panel="ai-coach"]
  .xiaowen-private-coach__plan {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (max-width: 1100px) {
  html:not(.react-student-embedded) body[data-active-panel="ai-coach"]
    .xiaowen-coach-workbench > .xiaowen-private-coach {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
}



/* source: v108-engineering-mission-light.css */
/* V108 — engineering mission card follows the active light/dark theme. */
html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission {
  color: #0f172a !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(124, 92, 255, 0.12), transparent 34%),
    radial-gradient(circle at 8% 88%, rgba(37, 99, 235, 0.08), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 62%, #f7f5ff 100%) !important;
  border-color: rgba(99, 102, 241, 0.18) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission-copy > span {
  color: #4f46e5 !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission h3 {
  color: #0f172a !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission p {
  color: #5b6b80 !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission em {
  color: #475569 !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li {
  color: #526174 !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li i {
  color: #2563eb !important;
  background: #eaf2ff !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li.current {
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border-color: rgba(37, 99, 235, 0.56) !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.07) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li.current i {
  color: #ffffff !important;
  background: #2563eb !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li.done {
  color: #15803d !important;
  background: #f0fdf4 !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li.done i {
  color: #ffffff !important;
  background: #22c55e !important;
}



/* source: v109-companion-bottom-clearance.css */
/* V109 — keep the expanded XiaoWen model anchored to the viewport floor and clear of last-page content. */
@media (min-width: 621px) {
  html:not(.react-student-embedded) body
    #companionAvatarDock.companion-avatar-dock[data-launcher-mode="full"] {
    bottom: calc(-4px + env(safe-area-inset-bottom)) !important;
  }

  html:not(.react-student-embedded) body:has(
    #companionAvatarDock[data-launcher-mode="full"]
  ) .main.main {
    padding-bottom: max(148px, calc(104px + env(safe-area-inset-bottom))) !important;
  }
}

@media (max-width: 620px) {
  html:not(.react-student-embedded) body
    #companionAvatarDock.companion-avatar-dock.companion-avatar-panel-open[data-launcher-mode="full"] {
    bottom: calc(-2px + env(safe-area-inset-bottom)) !important;
  }

  html:not(.react-student-embedded) body:has(
    #companionAvatarDock[data-launcher-mode="full"]
  ) .main.main {
    padding-bottom: max(108px, calc(76px + env(safe-area-inset-bottom))) !important;
  }
}