/* five-tools-shared-layout-001
   + five-tools-nav-latest-layout-001
   Shared public chrome for Assessment, Funds, Cashbook, Receivables, Attendance.
   Order: brand/account → five tools → tool title/intro → content → industry strip → aux.
   Phone: one 16px outer inset. Horizontal overflow stays inside the tool strip.
   Do not copy the homepage platform intro onto the other tools. */

.smp-five-tools-chrome {
  box-sizing: border-box;
  min-width: 0;
  overflow-x: clip;
  width: 100%;
}

@media (min-width: 1280px) {
  .smp-five-tools-chrome {
    overflow-x: visible;
  }
}

.smp-five-tools-chrome .homepage-peer-nav-host,
.smp-five-tools-chrome .homepage-tools-nav,
.smp-five-tools-chrome .homepage-task-hub,
.smp-five-tools-chrome .homepage-industry-nav {
  box-sizing: border-box;
  margin-inline: 0;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.smp-five-tools-chrome .homepage-industry-nav {
  margin-top: 24px;
  margin-bottom: 24px;
}

html,
body,
.app-shell,
[data-cashbook-page],
[data-recon-page],
.workforce-standalone {
  background: var(--bg, #f7f3ea);
}

.smp-five-tools-chrome .qhc-header h1,
.smp-five-tools-chrome .cb-head h1,
.smp-five-tools-chrome .recon-lead h1,
.smp-five-tools-chrome .workforce-standalone__identity h1,
.smp-five-tools-chrome .funds-proto__title,
.smp-five-tools-chrome .funds-proto__panel > h1 {
  color: #123f32;
  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;
  overflow-wrap: anywhere;
}

.smp-five-tools-chrome .qhc-purpose,
.smp-five-tools-chrome .cb-sub,
.smp-five-tools-chrome .recon-lead > p:not(.recon-workspace-nav),
.smp-five-tools-chrome .workforce-standalone__identity p,
.smp-five-tools-chrome .funds-proto__lead {
  color: #5f706a;
  font-size: clamp(0.9375rem, 0.82rem + 0.4vw, 1.125rem);
  font-weight: 400;
  line-height: 1.45;
  margin: 0 0 10px;
  max-width: 58rem;
}

.smp-five-tools-chrome .qhc-module,
.smp-five-tools-chrome .funds-proto__panel,
.smp-five-tools-chrome .workforce-standalone__business,
.smp-five-tools-chrome .workforce-standalone__connection {
  border-radius: 16px;
}

@media (max-width: 900px) {
  .app-shell:has(.smp-five-tools-chrome) {
    padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px));
  }

  .workforce-standalone:has(.smp-five-tools-chrome) {
    padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px));
  }

  .smp-five-tools-chrome {
    padding-inline: 0;
  }

  [data-cashbook-page] .smp-five-tools-chrome .homepage-peer-nav-host,
  [data-recon-page] .smp-five-tools-chrome .homepage-peer-nav-host,
  .smp-five-tools-chrome .cb-shell,
  .smp-five-tools-chrome .recon-main,
  .smp-five-tools-chrome .recon-aux,
  .smp-five-tools-chrome .workforce-standalone__identity {
    padding-inline: 0;
  }

  .smp-five-tools-chrome .homepage-industry-nav,
  .smp-five-tools-chrome .homepage-industry-nav__grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-inline: 0 !important;
  }

  .smp-five-tools-chrome .homepage-product-lead {
    padding-left: 0;
    padding-right: 0;
  }

  .app-shell:has(.smp-five-tools-chrome) .topbar,
  .workforce-standalone:has(.smp-five-tools-chrome) .topbar {
    box-sizing: border-box;
    padding-inline: 0;
    max-width: 100%;
  }

  .app-shell:has(.smp-five-tools-chrome) .currency-selected-label,
  .workforce-standalone:has(.smp-five-tools-chrome) .currency-selected-label {
    height: auto;
    max-width: min(100%, 12.5rem);
    overflow: visible;
    white-space: normal;
  }

  .app-shell:has(.smp-five-tools-chrome) .currency-selected-region,
  .app-shell:has(.smp-five-tools-chrome) .currency-selected-code,
  .workforce-standalone:has(.smp-five-tools-chrome) .currency-selected-region,
  .workforce-standalone:has(.smp-five-tools-chrome) .currency-selected-code {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}