/* HC_ZHJ_WORKBENCH_UI_V31 — restrained graphite visual refinement */
html:root {
  color-scheme: dark !important;
  background: #1b1d21 !important;
}
html:root body.hc-v2-app.hc-v2-workbench {
  --hc31-bg: #1b1d21;
  --hc31-panel: #25292f;
  --hc31-panel-2: #2a2e34;
  --hc31-control: #30353c;
  --hc31-border: #3b4149;
  --hc31-text: #e4e6e9;
  --hc31-muted: #a2a8b0;
  --hc31-red: #c92336;
  background: #1b1d21 !important;
  background-image: none !important;
  color: #e4e6e9 !important;
}
html:root body.hc-v2-app.hc-v2-workbench,
html:root body.hc-v2-app.hc-v2-workbench * {
  scrollbar-color: #59616b #25292f;
}
html:root body.hc-v2-app.hc-v2-workbench :focus-visible {
  outline: 2px solid #b83a49 !important;
  outline-offset: 2px !important;
}

/* Application frame and navigation: graphite, no blue cast or glow. */
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-topbar {
  background: #22262b !important;
  border-bottom: 1px solid #373d44 !important;
  color: #e0e3e7 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-breadcrumb,
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-breadcrumb a,
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-top-actions {
  color: #aeb4bc !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-breadcrumb strong {
  color: #e4e6e9 !important;
}
html:root body.hc-v2-app.hc-v2-workbench #pcSidebarContainer,
html:root body.hc-v2-app.hc-v2-workbench #pcSidebarContainer .zhj-pc-sidebar,
html:root body.hc-v2-app.hc-v2-workbench #pcSidebarContainer .zhj-pc-logo,
html:root body.hc-v2-app.hc-v2-workbench #pcSidebarContainer .zhj-pc-menu {
  background: #202429 !important;
  border-color: #373d44 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench #pcSidebarContainer :is(.zhj-pc-link,.zhj-pc-group-title,.zhj-pc-submenu a,.zhj-nav-link,.zhj-tool-link) {
  color: #aeb4bc !important;
  background: transparent !important;
  border-color: transparent !important;
}
html:root body.hc-v2-app.hc-v2-workbench #pcSidebarContainer :is(.zhj-pc-link:hover,.zhj-pc-submenu a:hover,.zhj-nav-link:hover,.zhj-tool-link:hover) {
  color: #f0f1f3 !important;
  background: #2b3036 !important;
  border-color: #41474f !important;
}
html:root body.hc-v2-app.hc-v2-workbench #pcSidebarContainer :is(.zhj-pc-link.active,.zhj-pc-submenu a.active,.zhj-nav-link.active,.zhj-tool-link.active) {
  color: #f1f2f4 !important;
  background: #2b3036 !important;
  border-left: 2px solid #c92336 !important;
}
html:root body.hc-v2-app.hc-v2-workbench #pcSidebarContainer :is(.zhj-pc-copyright,.zhj-pc-footer,.zhj-pc-user,.zhj-pc-bottom) {
  color: #a2a8b0 !important;
  background: #202429 !important;
  border-color: #373d44 !important;
}
html:root body.hc-v2-app.hc-v2-workbench #mobileNavContainer,
html:root body.hc-v2-app.hc-v2-workbench #mobileNavContainer :is(nav,header,footer,.mobile-menu-panel) {
  background: #202429 !important;
  color: #e4e6e9 !important;
  border-color: #373d44 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-top-actions .hc-v2-create {
  background: #c92336 !important;
  border-color: #c92336 !important;
  box-shadow: none !important;
}

/* Main canvas and headings. */
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workbench-main,
html:root body.hc-v2-app.hc-v2-workbench .space-workbench {
  background: #1b1d21 !important;
  background-image: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-kicker {
  background: #292e34 !important;
  border: 1px solid #3b4149 !important;
  color: #c0c5cb !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-kicker i {
  filter: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-hero h1,
html:root body.hc-v2-app.hc-v2-workbench .space-hero h1 span {
  color: #e8eaed !important;
  -webkit-text-fill-color: #e8eaed !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-hero p {
  color: #a5abb3 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-credit {
  background: #292e34 !important;
  border: 1px solid #3b4149 !important;
  color: #d3d6da !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-credit b {
  color: #e0a2a8 !important;
}

/* Workflow strip. */
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workflow {
  background: #24282e !important;
  border: 1px solid #3a4047 !important;
  color: #b4bac2 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workflow .step,
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workflow .step i {
  color: #c8cdd3 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workflow .step i {
  background: #3a4047 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workflow .step:first-child {
  color: #e4e6e9 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workflow .step:first-child i {
  background: #b92b3d !important;
  color: #fff !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workflow .line {
  background: #444a52 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .hc-v2-workflow small {
  color: #939aa3 !important;
}

/* Both columns and all result-card wrappers use the same neutral surface.
   Explicitly target the result column to remove the white card seen after V3. */
html:root body.hc-v2-app.hc-v2-workbench .space-layout .space-card,
html:root body.hc-v2-app.hc-v2-workbench .space-layout > .space-card.space-result-card,
html:root body.hc-v2-app.hc-v2-workbench .space-layout .space-result-card,
html:root body.hc-v2-app.hc-v2-workbench .space-layout .space-result-card > .space-body {
  background: #25292f !important;
  background-color: #25292f !important;
  background-image: none !important;
  border-color: #3b4149 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-layout .space-card::before,
html:root body.hc-v2-app.hc-v2-workbench .space-layout .space-card::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-card-head {
  background: #2a2e34 !important;
  border-bottom: 1px solid #3b4149 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-card-head h2 {
  color: #e7e9ec !important;
  font-weight: 650 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-card-sub {
  color: #a0a6ae !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-body {
  background: #25292f !important;
  color: #e1e4e7 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-step {
  background: #3a4047 !important;
  color: #e2e5e8 !important;
  box-shadow: none !important;
}

/* Upload cards: simple dashed outline, no scan animation or neon rings. */
html:root body.hc-v2-app.hc-v2-workbench .space-upload {
  background: #202429 !important;
  background-image: none !important;
  border: 1px dashed #59616b !important;
  color: #e2e5e8 !important;
  box-shadow: none !important;
  transform: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-upload:hover {
  background: #292e34 !important;
  border-color: #9a6269 !important;
  color: #f0f1f3 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-upload::before,
html:root body.hc-v2-app.hc-v2-workbench .space-upload::after,
html:root body.hc-v2-app.hc-v2-workbench .space-upload-icon::before {
  display: none !important;
  animation: none !important;
  content: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-upload-icon {
  background: #3a4047 !important;
  color: #dfe2e6 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-upload-icon i {
  color: #dfe2e6 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-upload h3 {
  color: #e4e6e9 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-upload p,
html:root body.hc-v2-app.hc-v2-workbench .space-upload [id$="FileName"] {
  color: #a7adb5 !important;
}

/* Small information cards and form controls. */
html:root body.hc-v2-app.hc-v2-workbench .space-mini,
html:root body.hc-v2-app.hc-v2-workbench .material-two-tip > *,
html:root body.hc-v2-app.hc-v2-workbench .space-cost,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-current-summary,
html:root body.hc-v2-app.hc-v2-workbench .zhj-pro-panel,
html:root body.hc-v2-app.hc-v2-workbench .zhj-project-log-card,
html:root body.hc-v2-app.hc-v2-workbench .zhj-profile-stage-head {
  background: #2a2e34 !important;
  background-image: none !important;
  border: 1px solid #41474f !important;
  color: #c4c9cf !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-mini i,
html:root body.hc-v2-app.hc-v2-workbench .space-status i {
  color: #c4c9cf !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-label,
html:root body.hc-v2-app.hc-v2-workbench .zhj-pro-label {
  color: #dfe2e6 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-label small,
html:root body.hc-v2-app.hc-v2-workbench .zhj-pro-label small {
  color: #9ba2aa !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-form .option-group button,
html:root body.hc-v2-app.hc-v2-workbench .zhj-functional-space-grid button,
html:root body.hc-v2-app.hc-v2-workbench .zhj-height-type-grid button,
html:root body.hc-v2-app.hc-v2-workbench .zhj-pro-tier-grid button,
html:root body.hc-v2-app.hc-v2-workbench .space-design_text-actions button,
html:root body.hc-v2-app.hc-v2-workbench .space-action-btn,
html:root body.hc-v2-app.hc-v2-workbench .plan-btn {
  background: #30353c !important;
  background-image: none !important;
  border: 1px solid #484f58 !important;
  color: #d9dde1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-form .option-group button:hover,
html:root body.hc-v2-app.hc-v2-workbench .zhj-functional-space-grid button:hover,
html:root body.hc-v2-app.hc-v2-workbench .zhj-height-type-grid button:hover,
html:root body.hc-v2-app.hc-v2-workbench .zhj-pro-tier-grid button:hover,
html:root body.hc-v2-app.hc-v2-workbench .space-design_text-actions button:hover,
html:root body.hc-v2-app.hc-v2-workbench .space-action-btn:hover,
html:root body.hc-v2-app.hc-v2-workbench .plan-btn:hover {
  background: #383e46 !important;
  border-color: #626a74 !important;
  color: #f0f1f3 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-form .option-group button.option-active,
html:root body.hc-v2-app.hc-v2-workbench .space-form .option-group button.active,
html:root body.hc-v2-app.hc-v2-workbench .zhj-functional-space-grid button.option-active,
html:root body.hc-v2-app.hc-v2-workbench .zhj-height-type-grid button.option-active,
html:root body.hc-v2-app.hc-v2-workbench .zhj-pro-tier-grid button.option-active,
html:root body.hc-v2-app.hc-v2-workbench .plan-btn.option-active,
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-card.is-active {
  background: #38282c !important;
  border-color: #a83a49 !important;
  color: #f0e6e8 !important;
  box-shadow: inset 0 0 0 1px rgba(168,58,73,.12) !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-textarea,
html:root body.hc-v2-app.hc-v2-workbench .space-form :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea),
html:root body.hc-v2-app.hc-v2-workbench .zhj-project-select {
  background: #202429 !important;
  border: 1px solid #484f58 !important;
  color: #e1e4e7 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-textarea::placeholder,
html:root body.hc-v2-app.hc-v2-workbench .space-form :is(input,textarea)::placeholder {
  color: #9299a2 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-form :is(input,select,textarea):focus {
  border-color: #8e555d !important;
  box-shadow: none !important;
}

/* Designer mode and advanced options: remove purple/pink/gold treatment. */
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-separation,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-fold,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-pro,
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-card,
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-card.pro {
  background: #292e34 !important;
  background-image: none !important;
  border: 1px solid #41474f !important;
  color: #dfe2e6 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-card.pro.is-active {
  background: #38282c !important;
  border-color: #a83a49 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-icon,
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-icon.pro,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-icon {
  background: #3a4047 !important;
  color: #e0e3e7 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-copy b,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-name,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-separation-head b {
  color: #e5e7ea !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-copy small,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-desc,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-separation-head span:not(.zhj-mode-separation-badge),
html:root body.hc-v2-app.hc-v2-workbench .zhj-pro-tier-grid button small {
  color: #a4aab2 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-separation-badge,
html:root body.hc-v2-app.hc-v2-workbench .zhj-workflow-copy em,
html:root body.hc-v2-app.hc-v2-workbench .zhj-mode-chip {
  background: #343940 !important;
  border: 1px solid #4a5058 !important;
  color: #d1c3c6 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-pro-note,
html:root body.hc-v2-app.hc-v2-workbench .zhj-field-separation-tip {
  background: #2b3036 !important;
  border: 1px solid #474e56 !important;
  border-left: 2px solid #a83a49 !important;
  color: #c3c8ce !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-section-title {
  color: #c4c9cf !important;
  border-top-color: #41474f !important;
  letter-spacing: 0 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-auto-btn {
  background: #38282c !important;
  border-color: #a83a49 !important;
  color: #eadde0 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-profile-stage-head b,
html:root body.hc-v2-app.hc-v2-workbench .zhj-project-log-head a {
  color: #d8c4c7 !important;
}

/* Primary action is the only strong brand-red surface. */
html:root body.hc-v2-app.hc-v2-workbench .space-generate {
  background: #c92336 !important;
  background-image: none !important;
  border: 1px solid #c92336 !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-generate:hover {
  background: #ad1f30 !important;
  border-color: #ad1f30 !important;
  box-shadow: none !important;
  transform: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-generate small {
  color: rgba(255,255,255,.78) !important;
}

/* Result area and the surrounding card: one continuous graphite surface. */
html:root body.hc-v2-app.hc-v2-workbench .space-result-card,
html:root body.hc-v2-app.hc-v2-workbench .space-result-card > .space-body,
html:root body.hc-v2-app.hc-v2-workbench .space-result-card .space-body,
html:root body.hc-v2-app.hc-v2-workbench .space-result-card .space-status-row,
html:root body.hc-v2-app.hc-v2-workbench .space-result-card .space-status-row + div {
  background: #25292f !important;
  background-color: #25292f !important;
  background-image: none !important;
  border-color: #3b4149 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench #resultBox {
  background: #1d2126 !important;
  background-color: #1d2126 !important;
  background-image: none !important;
  border: 1px solid #41474f !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench #resultBox::before {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-empty-icon {
  background: #30363d !important;
  border: 1px solid #4a515a !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-empty-icon i {
  color: #cbd0d6 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-empty h3 {
  color: #e3e6e9 !important;
  font-weight: 650 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-empty p {
  color: #a0a7af !important;
}
html:root body.hc-v2-app.hc-v2-workbench .space-status {
  background: #2b3036 !important;
  border: 1px solid #41474f !important;
  color: #bdc3ca !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-final-result-img {
  background: #1d2126 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-render-action-panel,
html:root body.hc-v2-app.hc-v2-workbench .zhj-render-action-btn {
  background: #2a2f35 !important;
  background-image: none !important;
  border-color: #454c54 !important;
  color: #dfe2e6 !important;
  box-shadow: none !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-render-action-title,
html:root body.hc-v2-app.hc-v2-workbench .zhj-render-action-btn b {
  color: #e2e5e8 !important;
}
html:root body.hc-v2-app.hc-v2-workbench .zhj-render-action-note,
html:root body.hc-v2-app.hc-v2-workbench .zhj-render-action-btn small {
  color: #a4abb3 !important;
}

/* Keep normal scrolling and the V3 responsive layout unchanged. */
html:root body.hc-v2-app.hc-v2-workbench {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100vh !important;
}