/* general-home-core-tools-visual-hierarchy-and-industry-entry-015
   Homepage-only visual system. No calculator or workspace behavior lives here. */
.workspace {
  --home-core-bg: #eef6f4;
  --home-core-border: #c5dbd5;
  --home-core-radius: 16px;
  --home-core-pad: 22px;
  --home-core-gap: 28px;
  --home-core-title: clamp(1.75rem, 2.2vw, 1.875rem);
  --home-core-body: 1rem;
  --home-section-title: 1.35rem;
}

/* QHC and Workforce are the two equal-weight platform tools. */
#quick-health-check.qhc-module,
.workforce-public-entry {
  background: var(--home-core-bg);
  border: 1px solid var(--home-core-border);
  border-radius: var(--home-core-radius);
  box-shadow: none;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

#quick-health-check.qhc-module > .qhc-panel,
.workforce-public-entry,
.workforce-public-entry.workforce-public-entry--workspace {
  padding: var(--home-core-pad);
}

#quick-health-check .qhc-header h1,
.workforce-public-entry > .workforce-public-entry__identity > h2,
.workforce-public-entry > h2 {
  color: #123f32;
  font-size: var(--home-core-title);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}

#quick-health-check .qhc-purpose,
.workforce-public-entry__description {
  color: #5f706a;
  font-size: var(--home-core-body);
  line-height: 1.5;
  margin: 0 0 18px;
  max-width: 58rem;
}

/* homepage-introduction-and-quick-assessment-final-001
   QHC title is the only visible homepage H1. Workforce keeps --home-core-title. */
#quick-health-check.qhc-module > .qhc-panel {
  padding-top: 14px;
}

#quick-health-check .qhc-header {
  margin: 0 0 6px;
}

#quick-health-check .qhc-header h1 {
  font-size: clamp(1.5rem, 1.05rem + 1.35vw, 2.125rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin: 0 0 4px;
}

#quick-health-check .qhc-purpose {
  font-size: clamp(0.9375rem, 0.82rem + 0.4vw, 1.125rem);
  font-weight: 400;
  line-height: 1.45;
  margin: 0 0 10px;
}

.workforce-public-entry,
.workforce-public-entry.workforce-public-entry--workspace {
  margin: var(--home-core-gap) 0;
}

/* 016: one compact disclosure shell; Account remains the only auth surface. */
.workforce-public-entry,
.workforce-public-entry.workforce-public-entry--workspace {
  padding: 0;
}

.workforce-public-entry__bar {
  align-items: start;
  box-sizing: border-box;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
  padding: 26px var(--home-core-pad);
  width: 100%;
}

.workforce-public-entry__bar-inner {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-width: 0;
}

.workforce-public-entry__title-toggle,
.workforce-public-entry__chevron-toggle {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.workforce-public-entry__title-toggle {
  min-width: 0;
  text-align: left;
}

.workforce-public-entry__title-toggle:focus-visible,
.workforce-public-entry__chevron-toggle:focus-visible {
  outline: 3px solid rgba(23, 77, 61, 0.28);
  outline-offset: 2px;
}

.workforce-public-entry__title-toggle strong {
  color: #123f32;
  font-size: var(--home-core-title);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.workforce-public-entry__header-context .service-workforce__workspace-guest-hint {
  color: #5f706a;
  font-size: var(--home-core-body);
  font-weight: 400;
  line-height: 1.35;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  cursor: pointer;
}

.workforce-public-entry__header-context .service-workforce__workspace-guest-hint:hover {
  color: #174d3d;
}

.workforce-public-entry__header-context .service-workforce__workspace-guest-hint:focus-visible {
  outline: 2px solid #2f7a63;
  outline-offset: 3px;
  border-radius: 4px;
}

.workforce-public-entry__header-context {
  min-width: 0;
}

.workforce-public-entry__header-context .service-workforce__workspace-context-label {
  color: #5f706a;
  font-size: var(--home-core-body);
  font-weight: 400;
}

.workforce-public-entry__header-context .service-workforce__business-menu summary {
  align-items: baseline;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0 4px;
  min-width: 0;
}

.workforce-public-entry__chevron-toggle {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 24px;
  min-width: 24px;
}

.workforce-public-entry__toggle {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: inherit;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
  padding: 26px var(--home-core-pad);
  text-align: left;
  width: 100%;
}

.workforce-public-entry__toggle:focus-visible {
  outline: 3px solid rgba(23, 77, 61, 0.28);
  outline-offset: -4px;
}

.workforce-public-entry__heading {
  display: grid;
  flex: 1 1 auto;
  gap: 6px;
  min-width: 0;
}

.workforce-public-entry__section-desc {
  color: #5f706a;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  max-width: 52rem;
  overflow-wrap: anywhere;
}

.workforce-public-entry__heading strong {
  color: #123f32;
  font-size: var(--home-core-title);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.workforce-public-entry__heading > span {
  color: #5f706a;
  font-size: var(--home-core-body);
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.workforce-public-entry__chevron {
  border-bottom: 2px solid #285b4c;
  border-right: 2px solid #285b4c;
  display: block;
  height: 12px;
  margin: 0 6px;
  transform: rotate(45deg) translateY(-3px);
  transition: transform 160ms ease;
  width: 12px;
}

.workforce-public-entry__chevron-toggle[aria-expanded="true"] .workforce-public-entry__chevron,
.workforce-public-entry__toggle[aria-expanded="true"] .workforce-public-entry__chevron {
  transform: rotate(225deg) translate(-2px, -2px);
}

.workforce-public-entry__panel {
  border-top: 1px solid rgba(72, 113, 99, 0.18);
  min-width: 0;
  padding: 0 var(--home-core-pad) var(--home-core-pad);
}

.workforce-public-entry__panel[hidden] {
  display: none !important;
}

.workforce-public-entry__login-prompt {
  align-items: start;
  display: grid;
  gap: 12px;
  justify-items: start;
  min-width: 0;
  padding-top: 18px;
}

.workforce-public-entry__login-prompt p {
  color: #4f625b;
  line-height: 1.5;
  margin: 0;
  overflow-wrap: anywhere;
}

.workforce-public-entry__login-prompt button {
  box-sizing: border-box;
  min-height: 50px;
  min-width: 220px;
  width: fit-content;
  max-width: 280px;
  white-space: normal;
}

/* Keep one outer mint shell; the operational surface is a light inner plane. */
.workforce-public-entry.workforce-standalone {
  max-width: 100%;
}

.workforce-public-entry .workforce-standalone__workspace {
  max-width: none;
}

.workforce-public-entry .service-workforce {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(72, 113, 99, 0.2);
  border-radius: 14px;
  box-shadow: none;
  padding: 20px;
}

.workforce-public-entry .service-workforce__title:empty,
.workforce-public-entry .service-workforce__hint:empty {
  display: none;
}

.workforce-public-entry button,
.workforce-public-entry a,
#quick-health-check button {
  font-size: clamp(0.9375rem, 1.2vw, 1rem);
  font-weight: 700;
}

@media (min-width: 601px) {
  .workforce-public-entry__heading {
    flex: 1 1 16rem;
  }
}
.homepage-industry-nav {
  gap: 8px !important;
  margin: 8px 0 16px !important;
  max-width: none;
  padding: 0 var(--home-core-pad) !important;
}

.homepage-industry-nav__hint {
  color: #63736d;
  font-size: 0.8125rem;
  line-height: 1.45;
  margin: 0;
}

.homepage-industry-nav__grid {
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: start !important;
  min-width: 0 !important;
  width: 100% !important;
}

@media (min-width: 720px) {
  .homepage-industry-nav__grid {
    /* general-business-context-label-and-description-001: General + 2 open industries */
    grid-template-columns: repeat(3, minmax(0, 200px)) !important;
    width: auto !important;
  }

  .homepage-industry-card {
    max-width: 200px !important;
  }
}

.homepage-industry-card {
  background: #f7faf8 !important;
  border: 1px solid #d5e0db !important;
  border-radius: 8px !important;
  color: #3a564c !important;
  flex: none !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  height: auto !important;
  justify-content: center !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 40px !important;
  min-width: 0 !important;
  padding: 8px 12px !important;
  text-align: center !important;
  width: 100% !important;
}

.homepage-industry-card__label {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  width: 100% !important;
  word-break: normal !important;
}

/* Detailed calculator remains a lower-weight warm workflow heading. */
.qhc-detailed-header,
.detailed-calculator-header {
  box-sizing: border-box;
  padding-inline: var(--home-core-pad);
}

.qhc-detailed-header h1,
.qhc-detailed-header h2,
.detailed-calculator-header h1,
.detailed-calculator-header h2,
.qhc-detailed-header #detailed-calculator-title,
.detailed-calculator-header #detailed-calculator-title {
  color: #23463b;
  font-size: var(--home-section-title);
  font-weight: 750;
  line-height: 1.3;
}

.qhc-detailed-header p,
.detailed-calculator-header p {
  font-size: 0.95rem;
  line-height: 1.5;
  max-width: 52rem;
}

@media (max-width: 600px) {
  .workspace {
    --home-core-pad: 16px;
    --home-core-gap: 22px;
    --home-core-title: clamp(1.4375rem, 7vw, 1.5625rem);
    --home-core-body: 0.9375rem;
    --home-section-title: 1.2rem;
  }

  #quick-health-check.qhc-module > .qhc-panel,
  .workforce-public-entry,
  .workforce-public-entry.workforce-public-entry--workspace {
    padding: var(--home-core-pad);
  }

  #quick-health-check.qhc-module > .qhc-panel {
    padding-top: 12px;
  }

  .workforce-public-entry .service-workforce {
    border-radius: 12px;
    padding: 12px;
  }

  .workforce-public-entry,
  .workforce-public-entry.workforce-public-entry--workspace {
    padding: 0;
  }

  .workforce-public-entry__toggle {
    align-items: start;
    gap: 10px;
    padding: 20px var(--home-core-pad);
  }

  .workforce-public-entry__bar {
    gap: 10px;
    padding: 20px var(--home-core-pad);
  }

  .workforce-public-entry__bar-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .workforce-public-entry__heading {
    flex: 0 0 auto;
    width: 100%;
  }

  .workforce-public-entry__chevron-toggle .workforce-public-entry__chevron {
    margin-top: 7px;
  }

  .workforce-public-entry__login-prompt {
    align-items: stretch;
    justify-items: stretch;
  }

  .workforce-public-entry__login-prompt button {
    max-width: none;
    min-height: 50px;
    min-width: 0;
    width: 100%;
  }

  .homepage-industry-nav {
    margin-bottom: 16px !important;
    padding-inline: var(--home-core-pad) !important;
  }

  .homepage-industry-nav__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: start !important;
  }

  .homepage-industry-card {
    height: auto !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 40px !important;
    width: 100% !important;
  }
}

@media (max-width: 330px) {
  .workspace {
    --home-core-pad: 12px;
  }

  .workforce-public-entry .service-workforce {
    padding: 10px;
  }
}

/* workforce-mobile-i18n-and-header-spacing-closure-001 */
.workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__bar {
  gap: 10px;
  padding: 18px var(--home-core-pad) 12px;
}

.workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__bar-inner {
  align-items: flex-start;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr);
}

.workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__heading {
  gap: 10px;
}

.workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__header-context {
  margin-top: 20px;
}

.workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__panel {
  padding-top: 0;
}

.workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__subnav {
  margin: 14px 0 12px;
}

.workforce-public-entry.workforce-public-entry--workspace .service-workforce {
  padding: 14px 16px 16px;
}

@media (max-width: 760px) {
  .workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__bar {
    padding: 14px var(--home-core-pad) 10px;
  }

  .workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__header-context {
    margin-top: 18px;
  }

  .workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__subnav {
    margin-top: 12px;
  }

  .workforce-public-entry.workforce-public-entry--workspace .service-workforce {
    padding: 12px 12px 14px;
  }
}

@media (min-width: 761px) {
  .workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__bar {
    padding: 20px var(--home-core-pad) 14px;
  }
}

/* workforce-mobile-short-tab-labels-and-compact-spacing-001 */
@media (max-width: 760px) {
  .workforce-public-entry.workforce-public-entry--workspace {
    --wf-workspace-inline-pad: 11px;
  }

  .workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__bar {
    padding-inline: var(--wf-workspace-inline-pad);
  }

  .workforce-public-entry.workforce-public-entry--workspace .workforce-public-entry__panel {
    padding-inline: var(--wf-workspace-inline-pad);
  }

  .workforce-public-entry.workforce-public-entry--workspace .service-workforce {
    padding-inline: 10px;
  }
}

/* workforce-payroll-basic-daily-flow-and-full-extension-complete-rearchitecture-001 (embedded parity) */
.workforce-public-entry .service-workforce__basic-current-pay-list{display:grid;gap:12px;min-width:0}
.workforce-public-entry .service-workforce__basic-current-pay-card{display:grid;gap:10px;padding:14px;border:1px solid #d7e1dc;border-radius:12px;background:#fff;min-width:0}
.workforce-public-entry .service-workforce__basic-current-pay-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.workforce-public-entry .service-workforce__owner-payroll[data-wf-payroll-mode="basic"] .service-workforce__payroll-history-list button{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;width:100%;text-align:left}
@media (max-width:430px){
  .workforce-public-entry .service-workforce__owner-payroll[data-wf-payroll-mode="basic"] .service-workforce__payroll-history-list button{grid-template-columns:1fr;gap:4px}
  .workforce-public-entry .service-workforce__basic-current-pay-metrics{grid-template-columns:1fr}
}