/* 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;
  }
}