.home-page {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 28px 0 96px;
}

.home-stage {
  display: grid;
  gap: 22px;
}

.home-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 22px;
  padding: 34px 36px 30px;
  border: 1px solid #c9d9ce;
  border-radius: 28px;
  background:
    radial-gradient(ellipse 70% 80% at 0% 0%, rgba(184, 239, 135, .42), transparent 55%),
    radial-gradient(ellipse 50% 60% at 100% 10%, rgba(214, 232, 220, .9), transparent 50%),
    linear-gradient(160deg, #f4faf5 0%, #ffffff 58%);
}

.home-hero::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(47, 117, 77, .08), transparent 70%);
  pointer-events: none;
}

.home-hero-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.home-hero .eyebrow {
  margin: 0;
  color: #2b6b48;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.home-mode-pill {
  display: inline-flex;
  align-items: center;
  border: 1px solid #b7d4c1;
  border-radius: 999px;
  padding: 5px 10px;
  color: #1f5a3c;
  background: rgba(255, 255, 255, .78);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.home-hero h1 {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 14ch;
  font-family: inherit;
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: .98;
  color: #14251d;
}

.home-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 34rem;
  margin: 0;
  color: #435047;
  font-size: 17px;
  line-height: 1.55;
}

.home-flow {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #d5e3d9;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, .72);
}

.home-flow-step {
  display: grid;
  gap: 4px;
  padding: 16px 18px;
  border-right: 1px solid #e2ebe5;
}

.home-flow-step:last-child {
  border-right: 0;
}

.home-flow-step em {
  color: #2b6b48;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-flow-step strong {
  font-family: inherit;
  font-size: 28px;
  line-height: 1;
}

.home-flow-step span {
  color: #637067;
  font-size: 13px;
  font-weight: 650;
}

.home-flow-step.is-alert strong { color: #8b2924; }
.home-flow-step.is-ready strong { color: #176236; }
.home-flow-step.is-wait strong { color: #8a5b00; }

.home-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 18px;
  align-items: start;
}

.home-layout-single {
  grid-template-columns: minmax(0, 1fr);
  max-width: 920px;
}

.home-panel {
  overflow: hidden;
  border: 1px solid #dce2dc;
  border-radius: 22px;
  background: white;
  box-shadow: 0 10px 34px rgba(26, 44, 34, .04);
}

/* Tips open outside the panel; keep corners via background, not clip. */
.home-needs-panel {
  overflow: visible;
  padding: 16px 14px 18px;
}

.home-panel-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 22px 16px;
}

.home-panel-head h2 {
  margin: 0;
  font-family: inherit;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -.02em;
}

.home-panel-head .sub {
  margin-top: 8px;
  color: #637067;
  font-size: 14px;
  line-height: 1.45;
}

.home-responsibility {
  padding: 20px 22px;
}

.home-responsibility h2 {
  margin: 0 0 8px;
  font-size: 20px;
}

.home-responsibility p {
  margin: 0;
  line-height: 1.5;
}

.home-warning-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  padding: 0 22px;
}

.home-warning-card {
  position: relative;
  display: grid;
  gap: 5px;
  min-height: 104px;
  padding: 16px 48px 16px 18px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--warning, #d58a18);
  border-radius: 14px;
  color: inherit;
  text-decoration: none;
  background: var(--surface-raised, var(--surface));
}

.home-warning-card.dead_lettered_jobs {
  border-left-color: var(--danger, #b83a3a);
}

.home-warning-card strong {
  font-size: 17px;
}

.home-warning-card span,
.home-warning-footnote {
  color: var(--muted);
}

.home-job-more {
  margin-top: 8px;
}

.home-job-more summary {
  width: fit-content;
  cursor: pointer;
  color: #17643b;
  font-weight: 750;
}

.home-job-more[open] summary {
  margin-bottom: 8px;
}

.home-warning-card em {
  align-self: end;
  color: var(--link, #17643b);
  font-style: normal;
  font-weight: 700;
}

.home-warning-card:hover,
.home-warning-card:focus-visible {
  border-color: var(--accent, #4a8d63);
  box-shadow: 0 8px 24px rgba(24, 50, 37, 0.08);
}

.home-warning-footnote {
  margin: 14px 22px 18px;
  font-size: 13px;
}

.home-empty {
  padding: 8px 22px 28px;
  color: #59675e;
}

.home-empty strong {
  display: block;
  margin-bottom: 6px;
  color: #263d2e;
  font-size: 15px;
}

.home-empty p {
  margin: 0;
  max-width: 34rem;
  line-height: 1.55;
}

.home-empty-unavailable {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 28px;
}

.home-card-list {
  list-style: none;
  margin: 0;
  padding: 0 10px 12px;
}

.home-section-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 4px 22px 8px;
  color: #2b6b48;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-section-label.manual {
  color: #7a4a12;
}

.home-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 16px;
  align-items: start;
  margin-bottom: 10px;
  border: 1px solid #e4ebe5;
  border-radius: 16px;
  padding: 14px 16px 14px 18px;
  background: #fbfcfb;
  box-shadow: inset 4px 0 0 #2f754d;
}

.home-card.manual {
  background: #fffaf3;
  border-color: #eadcc8;
  box-shadow: inset 4px 0 0 #c9842a;
}

.home-card-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.home-card-main strong {
  font-size: 16px;
  line-height: 1.35;
  color: #17211b;
}

.home-card-main .sub {
  color: #637067;
  font-size: 13px;
  line-height: 1.45;
}

.home-card-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  align-self: center;
}

.home-provider-list {
  list-style: none;
  margin: 0;
  padding: 0 10px 14px;
}

.home-provider-list > li {
  margin-bottom: 8px;
}

.home-provider-row {
  display: grid;
  gap: 12px;
  width: 100%;
  border: 1px solid #e4ebe5;
  border-radius: 16px;
  padding: 16px;
  color: inherit;
  background: #fbfcfb;
  text-align: left;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.home-provider-row:hover,
.home-provider-row[aria-expanded="true"] {
  border-color: #b8d7c2;
  background: #f2f8f4;
  transform: translateY(-1px);
}

.home-provider-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.home-provider-top strong {
  font-size: 16px;
}

.home-provider-meta {
  color: #637067;
  font-size: 12px;
  font-weight: 700;
}

.home-bar-track {
  display: grid;
  grid-template-columns: 1fr;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7eee9;
}

.home-bar-stack {
  display: flex;
  width: 100%;
  height: 100%;
}

.home-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #245f3d, #6fcf6a);
}

.home-bar-fill.preparing {
  background: linear-gradient(90deg, #3d6ea8, #9ec0ef);
}

.home-provider-detail {
  margin-top: 8px;
  border: 1px solid #e4ebe5;
  border-radius: 14px;
  padding: 4px 16px 8px;
  background: white;
}

.home-provider-detail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.home-provider-detail li {
  display: grid;
  gap: 6px;
  padding: 14px 0;
  border-top: 1px solid #edf0ed;
}

.home-provider-detail li:first-child {
  border-top: 0;
}

.home-provider-detail .sub {
  color: #637067;
  font-size: 12px;
  line-height: 1.45;
}

.home-status-chip {
  display: inline-flex;
  border-radius: 999px;
  padding: 4px 8px;
  color: #33453a;
  background: #edf2ee;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.home-status-chip.drafted {
  color: #176236;
  background: #e0f4e4;
}

.home-status-chip.preparing {
  color: #244d87;
  background: #e7eefb;
}

.home-status-chip.open {
  color: #842d28;
  background: #fde7e5;
}

.home-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 4px 4px 0;
  color: #59675e;
}

.home-footer p {
  margin: 0;
  max-width: 38rem;
  font-size: 13px;
  line-height: 1.5;
}

.home-error {
  border: 1px solid #e2b4af;
  border-radius: 16px;
  padding: 14px 16px;
  color: #842d28;
  background: #fff5f3;
}

.home-preview-note {
  border: 1px dashed #b8c9bd;
  border-radius: 14px;
  padding: 12px 14px;
  color: #435047;
  background: #f7faf7;
  font-size: 13px;
}

.home-hero-compact h1 {
  max-width: 18ch;
  font-size: clamp(34px, 5vw, 52px);
}

.home-hero-split {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(220px, .7fr);
  gap: 18px;
  align-items: end;
}

.home-flow-stack {
  grid-template-columns: 1fr;
}

.home-flow-stack .home-flow-step {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  border-right: 0;
  border-bottom: 1px solid #e2ebe5;
}

.home-flow-stack .home-flow-step:last-child {
  border-bottom: 0;
}

.home-flow-stack .home-flow-step strong {
  font-size: 24px;
}

.home-needs-panel,
.home-activity-panel {
  margin: 0;
}

.home-card-list-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 320px));
  gap: 10px;
  justify-content: start;
  padding: 0 12px 14px;
}

.home-card-list-row > li {
  margin: 0;
}

.home-card-list-row .home-card {
  grid-template-columns: 1fr;
  height: auto;
  margin-bottom: 0;
}

.home-card-list-row .home-card-actions {
  justify-content: stretch;
}

.home-card-list-row .home-card-actions .btn {
  flex: 1 1 auto;
  justify-content: center;
}

.home-status-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  border: 1px solid #d7e4db;
  border-radius: 20px;
  padding: 18px 22px;
  background: linear-gradient(135deg, #f4faf5 0%, #eef5f0 100%);
}

.home-status-bar h1 {
  margin: 0 0 6px;
  font-family: inherit;
  font-size: clamp(28px, 3.6vw, 40px);
  line-height: 1.1;
  color: #14251d;
}

.home-status-bar > div:first-child {
  display: grid;
  justify-items: start;
  gap: 8px;
}

.home-status-bar p {
  margin: 0;
  max-width: 42rem;
  color: #4d5c54;
  font-size: 14px;
  line-height: 1.45;
}

.home-status-heading {
  display: grid;
  gap: 4px;
}

.home-status-heading .eyebrow {
  color: #2b6b48;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.home-start-resolving {
  margin-top: 4px;
}

.home-status-count {
  display: grid;
  justify-items: end;
  gap: 2px;
  flex: 0 0 auto;
  min-width: 4.5rem;
}

.home-status-count strong {
  font-size: 42px;
  line-height: 1;
  font-weight: 800;
  color: #176236;
}

.home-status-count.is-alert strong {
  color: #8b2924;
}

.home-status-count span {
  color: #637067;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-needs-b2 {
  padding-top: 10px;
}

.home-card-b2 {
  align-content: start;
  gap: 12px;
  padding: 14px 14px 14px 16px;
}

.home-card-kind {
  color: #2b6b48;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-card.manual .home-card-kind {
  color: #7a4a12;
}

.home-card-b2 .home-card-main strong {
  font-size: 17px;
  letter-spacing: -0.01em;
}

.home-card-type {
  color: #8a958e;
  font-size: 12px;
  line-height: 1.35;
}

.home-card-b2 .home-card-actions .btn {
  width: 100%;
  justify-content: center;
}

.home-empty-large {
  display: grid;
  gap: 12px;
  justify-items: start;
  padding: 28px 22px 24px;
}

.home-empty-large .btn {
  margin-top: 4px;
}

.home-hold-filters {
  padding: 0 8px 14px;
}

.home-hold-filters .home-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.home-hold-filters .home-filter-chip span {
  min-width: 1.25rem;
  border-radius: 999px;
  padding: 1px 7px;
  background: rgba(23, 33, 27, .08);
  font-variant-numeric: tabular-nums;
}

.home-hold-filters .home-filter-chip.is-active span {
  background: rgba(255, 255, 255, .12);
}

.home-next-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  margin: 0 8px 20px;
  border: 1px solid #bad2c2;
  border-radius: 18px;
  padding: 20px 22px;
  background: linear-gradient(135deg, #f1f8f3 0%, #f8fbf9 100%);
  box-shadow: inset 4px 0 0 #2f754d;
}

.home-next-action.manual {
  border-color: #e3cfb2;
  background: linear-gradient(135deg, #fff8ef 0%, #fffcf8 100%);
  box-shadow: inset 4px 0 0 #c9842a;
}

.home-next-copy {
  min-width: 0;
}

.home-hold-brief {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.home-hold-brief > div {
  display: grid;
  gap: 3px;
  border: 1px solid #dfe8e2;
  border-radius: 11px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, .72);
}

.home-hold-brief strong,
.home-hold-impact strong {
  color: #536158;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.home-hold-brief span,
.home-hold-impact span {
  color: #26372e;
  font-size: 13px;
  line-height: 1.45;
}

.home-hold-brief.is-compact {
  grid-template-columns: 1fr;
  gap: 7px;
  margin: 8px 0 2px;
}

.home-hold-brief.is-compact > div {
  padding: 9px 10px;
}

.home-hold-impact {
  display: flex;
  gap: 7px;
  align-items: baseline;
  margin-top: 10px;
}

.home-hold-detail {
  margin-top: 8px;
  color: #536158;
  font-size: 12px;
}

.home-hold-detail summary {
  width: fit-content;
  cursor: pointer;
  font-weight: 750;
}

.home-hold-detail p {
  margin: 7px 0 0;
  color: #536158;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}

.home-next-kicker {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 7px;
  color: #2b6b48;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.home-next-action.manual .home-next-kicker {
  color: #7a4a12;
}

.home-next-kicker em {
  border-left: 1px solid currentColor;
  padding-left: 9px;
  font-style: normal;
  opacity: .72;
}

.home-next-action h2 {
  margin: 0 0 6px;
  color: #14251d;
  font-family: inherit;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.15;
}

.home-next-action p {
  margin: 0 0 5px;
  color: #33433a;
  font-size: 14px;
  font-weight: 700;
}

.home-next-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin-top: 10px;
  color: #68746c;
  font-size: 12px;
}

.home-next-meta > span + span::before {
  content: "·";
  margin-right: 10px;
  color: #9ba49e;
}

.home-waiting {
  font-weight: 800;
}

.home-waiting.is-long {
  border-radius: 999px;
  padding: 3px 7px;
  color: #7a4a12;
  background: #fff0d8;
}

.home-next-actions {
  display: grid;
  gap: 8px;
  justify-items: stretch;
  min-width: 150px;
}

.home-next-actions .btn {
  justify-content: center;
}

.home-job-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 8px 10px;
  color: #26372e;
}

.home-job-section-head > div {
  display: grid;
  gap: 2px;
}

.home-job-section-head strong {
  font-size: 14px;
}

.home-job-section-head span {
  color: #657269;
  font-size: 11px;
}

.home-job-section-head em {
  color: #617067;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.home-job-list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 340px));
  gap: 12px;
  justify-content: start;
  align-items: start;
  margin: 0;
  padding: 0 8px;
}

.home-job-card {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 340px;
  border: 1px solid #e4ebe5;
  border-radius: 18px;
  padding: 16px;
  background: #fbfcfb;
  box-shadow: inset 4px 0 0 #2f754d;
}

.home-job-card.manual {
  background: #fffaf3;
  border-color: #eadcc8;
  box-shadow: inset 4px 0 0 #c9842a;
}

.home-job-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.home-job-count {
  color: #5a675f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.home-job-card .home-card-main strong {
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.home-impact-preview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  border-radius: 10px;
  padding: 8px 10px;
  color: #31523e;
  background: #edf7f0;
  font-size: 12px;
}

.home-impact-preview strong {
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

.home-job-members {
  list-style: none;
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 10px 0 0;
  border-top: 1px solid #e4ebe5;
}

.home-job-card.manual .home-job-members {
  border-top-color: #eadcc8;
}

.home-job-members li {
  display: grid;
  gap: 2px;
}

.home-job-member-lead {
  color: #17211b;
  font-size: 14px;
  font-weight: 700;
}

.home-job-member-meta {
  color: #6a756e;
  font-size: 12px;
}

.home-job-card .home-card-actions .btn {
  width: 100%;
  justify-content: center;
}

.home-job-secondary {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #5a675f;
  font-size: 12px;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.home-job-member-link {
  display: grid;
  gap: 2px;
  color: inherit;
  text-decoration: none;
  border-radius: 8px;
  padding: 6px 8px;
  margin: 0 -8px;
}

.home-job-member-link:hover {
  background: rgba(47, 117, 77, .08);
}

.home-job-member-link:hover .home-job-member-lead {
  color: #176236;
}

.home-empty-clear {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 36px 28px 32px;
}

.home-empty-clear strong {
  font-family: inherit;
  font-size: 28px;
  color: #14251d;
}

.home-empty-clear p {
  margin: 0;
  max-width: 36rem;
  color: #4d5c54;
  line-height: 1.5;
}

.home-empty-hint {
  color: #6a756e !important;
  font-size: 13px;
}

.home-footer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

[data-home-tip] {
  position: relative;
}

.page-guide-on [data-home-tip] {
  cursor: help;
}

[data-home-tip]::after {
  content: attr(data-home-tip);
  position: absolute;
  left: 0;
  bottom: calc(100% + 8px);
  z-index: 60;
  display: none;
  width: max(220px, 100%);
  max-width: min(320px, 70vw);
  padding: 10px 12px;
  border: 1px solid #8dae98;
  border-radius: 10px;
  background: #14251d;
  color: #f4faf6;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.45;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
  box-shadow: 0 10px 28px rgba(20, 37, 29, .22);
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .12s ease, transform .12s ease;
}

/* Top-of-page targets: open below so tips stay in view and unclipped. */
.home-status-count[data-home-tip]::after,
.home-filter-chip[data-home-tip]::after,
.home-next-action [data-home-tip]::after {
  bottom: auto;
  top: calc(100% + 8px);
  transform: translateY(-4px);
}

.home-status-count[data-home-tip]::after {
  left: auto;
  right: 0;
  width: 240px;
}

.home-filter-chip[data-home-tip]::after {
  left: 0;
  right: auto;
  width: 240px;
}

.home-next-action .home-next-actions [data-home-tip]::after {
  left: auto;
  right: 0;
  width: 260px;
}

.page-guide-on [data-home-tip]:hover::after,
.page-guide-on [data-home-tip]:focus-visible::after {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.home-job-member-link[data-home-tip]::after {
  left: 0;
  right: auto;
  bottom: auto;
  top: calc(100% + 6px);
  transform: translateY(-4px);
}

.page-guide-on .home-job-member-link[data-home-tip]:hover::after,
.page-guide-on .home-job-member-link[data-home-tip]:focus-visible::after {
  transform: translateY(0);
}

.home-filters {
  display: grid;
  gap: 12px;
  padding: 0 22px 16px;
}

.home-search {
  display: grid;
  gap: 6px;
  color: #637067;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.home-search input {
  width: 100%;
  border: 1px solid #cbd4cd;
  border-radius: 12px;
  padding: 12px 14px;
  color: #17211b;
  background: #fbfcfb;
  font-size: 14px;
  font-weight: 600;
}

.home-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.home-filter-chip,
.home-rail-chip {
  border: 1px solid #cbd4cd;
  border-radius: 999px;
  padding: 8px 12px;
  color: #435047;
  background: #f8faf8;
  font-size: 12px;
  font-weight: 750;
}

.home-filter-chip.is-active,
.home-rail-chip.is-active {
  border-color: #225f3d;
  color: white;
  background: #225f3d;
}

.home-activity-layout {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  gap: 12px;
  padding: 0 12px 16px;
}

.home-provider-rail {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 4px;
}

.home-rail-label {
  margin: 4px 4px 2px;
  color: #2b6b48;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-rail-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  border-radius: 12px;
  text-align: left;
}

.home-rail-chip span {
  opacity: .8;
}

.home-rail-more {
  margin: 4px;
  color: #637067;
  font-size: 12px;
  line-height: 1.4;
}

.home-activity-list {
  list-style: none;
  margin: 0;
  padding: 0 8px 8px 0;
  max-height: 520px;
  overflow: auto;
}

.home-activity-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: 14px 8px;
  border-bottom: 1px solid #edf0ed;
}

.home-activity-item:last-child {
  border-bottom: 0;
}

.home-activity-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.home-activity-main .sub {
  color: #637067;
  font-size: 13px;
  line-height: 1.45;
}

.home-activity-meta {
  color: #637067;
  font-size: 12px;
  white-space: nowrap;
}

.home-focus-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, .8fr);
  gap: 18px;
  align-items: stretch;
  padding: 30px;
  border: 1px solid #c9d9ce;
  border-radius: 28px;
  background:
    radial-gradient(ellipse 60% 80% at 0% 0%, rgba(184, 239, 135, .35), transparent 55%),
    linear-gradient(160deg, #f4faf5 0%, #ffffff 70%);
}

.home-focus-copy h1 {
  margin: 12px 0 0;
  max-width: 16ch;
  font-family: inherit;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: 1;
}

.home-focus-stats {
  display: grid;
  gap: 10px;
  align-content: center;
}

.home-focus-stat {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #d7e3da;
  border-radius: 16px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, .82);
}

.home-focus-stat strong {
  font-family: inherit;
  font-size: 28px;
  line-height: 1;
}

.home-focus-stat span {
  color: #637067;
  font-size: 13px;
  font-weight: 700;
}

.home-focus-stat.is-alert strong { color: #8b2924; }
.home-focus-stat.is-ready strong { color: #176236; }

.home-focus-work .home-panel-head {
  padding-bottom: 8px;
}

.home-focus-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  padding: 0 18px 18px;
}

.home-focus-card {
  display: grid;
  gap: 10px;
  border: 1px solid #e4ebe5;
  border-radius: 18px;
  padding: 18px;
  background: #fbfcfb;
  box-shadow: inset 4px 0 0 #2f754d;
}

.home-focus-card.manual {
  background: #fffaf3;
  border-color: #eadcc8;
  box-shadow: inset 4px 0 0 #c9842a;
}

.home-focus-card-kind {
  color: #2b6b48;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-focus-card.manual .home-focus-card-kind {
  color: #7a4a12;
}

.home-focus-card h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
}

.home-focus-card p {
  margin: 0;
  color: #59675e;
  font-size: 14px;
  line-height: 1.45;
}

.home-empty-large {
  padding: 28px 22px 34px;
}

.home-tray {
  overflow: hidden;
  border: 1px solid #dce2dc;
  border-radius: 22px;
  background: white;
  box-shadow: 0 10px 34px rgba(26, 44, 34, .04);
}

.home-tray-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  border: 0;
  padding: 18px 20px;
  color: inherit;
  background: #f7faf7;
  text-align: left;
}

.home-tray-toggle strong {
  display: block;
  font-size: 16px;
}

.home-tray-toggle span {
  display: block;
  margin-top: 4px;
  color: #637067;
  font-size: 13px;
}

.home-tray-caret {
  flex: 0 0 auto;
  border: 1px solid #cbd4cd;
  border-radius: 999px;
  padding: 7px 12px;
  color: #1f5a3c;
  background: white;
  font-size: 12px;
  font-weight: 800;
}

.home-tray-body {
  padding: 0 18px 18px;
  border-top: 1px solid #e4e8e4;
}

.home-tray-note,
.home-tray-more {
  color: #59675e;
  font-size: 13px;
  line-height: 1.5;
}

.home-tray-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px, 220px);
  gap: 10px;
  overflow-x: auto;
  padding: 4px 2px 8px;
}

.home-draft-tile {
  display: grid;
  gap: 4px;
  border: 1px solid #e4ebe5;
  border-radius: 14px;
  padding: 14px;
  background: #fbfcfb;
}

.home-draft-tile strong {
  font-size: 15px;
}

.home-draft-tile span {
  color: #637067;
  font-size: 12px;
  line-height: 1.4;
}

.home-draft-tile-time {
  margin-top: 4px;
}

@media (min-width: 801px) and (max-width: 1180px) {
  .home-next-action {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .home-next-actions {
    min-width: 0;
    justify-items: start;
  }
}

@media (max-width: 920px) {
  .home-focus-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .home-hero-split,
  .home-activity-layout {
    grid-template-columns: 1fr;
  }

  .home-status-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-status-count {
    justify-items: start;
  }

  .home-activity-list {
    max-height: none;
  }
}

@media (max-width: 920px) {
  .home-layout,
  .home-flow {
    grid-template-columns: 1fr;
  }

  .home-flow-step {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    border-right: 0;
    border-bottom: 1px solid #e2ebe5;
    padding: 12px 16px;
  }

  .home-flow-step:last-child {
    border-bottom: 0;
  }

  .home-flow-step em {
    order: 0;
    min-width: 1.5rem;
  }

  .home-flow-step strong {
    order: 2;
    font-size: 24px;
  }

  .home-flow-step span {
    order: 1;
    margin-right: auto;
  }

  .home-card {
    grid-template-columns: 1fr;
  }

  .home-card-actions {
    justify-content: flex-start;
  }

  .home-card-list-row,
  .home-job-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-next-action {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px;
  }

  .home-next-actions {
    min-width: 0;
  }

  .home-job-card {
    max-width: none;
  }

  .home-hero {
    padding: 26px 22px;
  }

  .home-hero h1 {
    max-width: none;
  }
}

:root[data-ui-theme="dark"] #app .home-preview-note {
  color: #c7d2ca;
  border-color: var(--ui-dark-border);
  background: var(--ui-dark-surface);
}

:root[data-ui-theme="dark"] #app :is(
  .home-job-count,
  .home-job-member-meta,
  .home-job-section-head span,
  .home-job-section-head em,
  .home-job-secondary
) { color: var(--ui-dark-text-muted); }

:root[data-ui-theme="dark"] #app .home-job-member-lead { color: var(--ui-dark-text); }
:root[data-ui-theme="dark"] #app .home-job-member-link:hover .home-job-member-lead { color: var(--ui-dark-accent); }
:root[data-ui-theme="dark"] #app .home-job-members { border-color: var(--ui-dark-border); }
:root[data-ui-theme="dark"] #app .home-status-count span { color: var(--ui-dark-text-muted); }
:root[data-ui-theme="dark"] #app .home-next-action.manual .home-next-kicker { color: #f0d69a; }

/* Owner command center */
.home-command-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  border-radius: 20px;
  padding: 24px 28px;
  color: white;
  background: linear-gradient(120deg, #102c1d 0%, #18583a 72%, #23704a 100%);
  box-shadow: 0 14px 42px rgba(22, 48, 32, .12);
}

.home-command-copy h1 {
  margin: 5px 0 8px;
  max-width: none;
  color: white;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 620;
  letter-spacing: -.04em;
  line-height: 1;
}

.home-command-copy p {
  max-width: 42rem;
  margin: 0;
  color: #d5e7dc;
  font-size: 16px;
  line-height: 1.5;
}

.home-command-eyebrow {
  color: #2b6b48;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.home-command-hero .home-command-eyebrow { color: #b7e979; }

.home-command-state {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 235px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 15px;
  padding: 13px 16px;
  background: rgba(255, 255, 255, .08);
}

.home-command-state strong {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #10231a;
  background: #b7e979;
  font-size: 25px;
}

.home-command-state.is-alert strong { color: white; background: #b04b43; }
.home-command-state > div { display: grid; gap: 2px; }
.home-command-state b { color: white; font-size: 16px; }
.home-command-state span { color: #cce1d3; letter-spacing: 0; text-transform: none; }

.home-command-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid #dce4de;
  border-radius: 16px;
  background: #dce4de;
  box-shadow: 0 10px 30px rgba(22, 48, 32, .06);
}

.home-command-metric {
  position: relative;
  min-width: 0;
  padding: 15px 17px;
  background: white;
}

.home-command-metric.is-action { background: #fff7f5; }
.home-command-metric.is-action::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: #a63f36; }
.home-command-metric span { display: block; color: #657068; font-size: 12px; font-weight: 750; }
.home-command-metric strong { display: inline-block; margin-top: 5px; color: #17231c; font-size: 25px; letter-spacing: -.035em; }
.home-command-metric.is-action strong { color: #a63f36; }
.home-command-metric em { display: block; margin-top: 2px; color: #657068; font-size: 12px; font-style: normal; line-height: 1.3; }

.home-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  gap: 18px;
  align-items: start;
}

.home-command-sidebar { display: grid; gap: 18px; min-width: 0; }
.home-command-decisions { padding-top: 0; }

.home-command-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px 16px;
}

.home-command-section-head h2 { margin: 4px 0; color: #17231c; font-size: 24px; letter-spacing: -.025em; }
.home-command-section-head p { margin: 0; color: #657068; font-size: 13px; line-height: 1.45; }
.home-command-section-head .btn { flex: 0 0 auto; }

.home-command-decisions .home-hold-filters { padding-inline: 8px; }
.home-command-decisions .home-next-action { margin-bottom: 14px; }
.home-command-decisions .home-job-list { grid-template-columns: minmax(0, 1fr); }
.home-command-decisions .home-job-card { max-width: none; }
.home-command-decisions .home-job-card.is-single { gap: 9px; padding: 13px 15px; border-radius: 14px; }
.home-command-decisions .home-job-card.is-single .home-card-main strong { font-size: 17px; }
.home-command-decisions .home-job-card.is-single .home-card-main .sub { margin-top: 2px; }
.home-command-decisions .home-job-card.is-single .home-card-actions { display: flex; align-items: center; gap: 12px; }
.home-command-decisions .home-job-card.is-single .home-card-actions .btn { width: auto; }
.home-command-decisions .home-job-card.is-single .home-job-secondary { width: auto; text-align: left; }

.home-queue-clear {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 14px 8px 0;
  border-radius: 11px;
  padding: 10px 12px;
  color: #176236;
  background: #e9f5ed;
  font-size: 13px;
  font-weight: 750;
}

.home-queue-clear b { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; color: white; background: #176236; }

.home-live-badge {
  border-radius: 999px;
  padding: 6px 9px;
  color: #176236;
  background: #e9f5ed;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.home-mini-funnel { display: grid; gap: 1px; padding: 0 20px 15px; }
.home-mini-stage { display: grid; grid-template-columns: 118px minmax(0, 1fr) 70px; gap: 12px; align-items: center; min-height: 43px; }
.home-mini-stage > span { color: #5c6961; font-size: 13px; font-weight: 750; }
.home-mini-stage > strong { color: #17231c; font-size: 13px; text-align: right; }
.home-mini-stage > strong small { color: #77827b; font-size: 10px; font-weight: 700; }
.home-mini-track {
  display: block;
  width: 100%;
  height: 17px;
  overflow: hidden;
  border: 0;
  border-radius: 6px;
  background: #edf2ee;
  appearance: none;
  -webkit-appearance: none;
}
.home-mini-track::-webkit-progress-bar { border-radius: 6px; background: #edf2ee; }
.home-mini-track::-webkit-progress-value { border-radius: 6px; background: linear-gradient(90deg, #1e6440, #66b887); }
.home-mini-track::-moz-progress-bar { border-radius: 6px; background: linear-gradient(90deg, #1e6440, #66b887); }

.home-sample-note {
  display: grid;
  gap: 3px;
  margin: 0 20px 20px;
  border-radius: 10px;
  padding: 10px 12px;
  color: #536158;
  background: #f2f6f3;
  font-size: 12px;
  line-height: 1.4;
}

.home-account-list { border-top: 1px solid #edf1ee; }
.home-account-row { display: grid; grid-template-columns: minmax(0, 1.4fr) .55fr .55fr auto; gap: 14px; align-items: center; min-height: 70px; padding: 12px 20px; border-top: 1px solid #edf1ee; }
.home-account-row:first-child { border-top: 0; }
.home-account-row > div { display: grid; gap: 2px; }
.home-account-row strong { color: #17231c; font-size: 14px; }
.home-account-row span { color: #657068; font-size: 12px; }
.home-account-row > b { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; white-space: nowrap; }
.home-account-row > b::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.home-account-row > b.clear { color: #176236; }
.home-account-row > b.needs-attention { color: #95610c; }

.home-owner-signals { display: grid; gap: 10px; padding: 0 14px 14px; }
.home-owner-signal { border-radius: 13px; padding: 15px; background: #f4f8f5; }
.home-owner-signal.is-attention { background: #fff3d7; }
.home-owner-signal-link { display: block; border-left: 3px solid #d58a18; color: inherit; text-decoration: none; }
.home-owner-signal-link.dead_lettered_jobs { border-left-color: #b83a3a; }
.home-owner-signal-link span { display: inline-block; margin-top: 7px; color: #17643b; font-size: 13px; font-weight: 750; }
.home-owner-signal-link:hover,
.home-owner-signal-link:focus-visible { box-shadow: 0 6px 18px rgba(24, 50, 37, .1); }
.home-owner-signal strong { display: block; margin-bottom: 4px; color: #17231c; font-size: 14px; }
.home-owner-signal p { margin: 0; color: #657068; font-size: 13px; line-height: 1.42; }

.home-system-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid #ead9b8;
  border-radius: 13px;
  padding: 12px 15px;
  color: #6e5320;
  background: #fff9ec;
  font-size: 13px;
}

.home-system-note a { color: #155f39; font-weight: 800; }

@media (max-width: 980px) {
  .home-command-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .home-command-hero { grid-template-columns: 1fr; padding: 21px; }
  .home-command-state { min-width: 0; }
  .home-command-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-command-section-head { flex-direction: column; }
  .home-account-row { grid-template-columns: 1fr 1fr; }
  .home-system-note { grid-template-columns: 1fr; }
  .home-hold-brief { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .home-command-metrics { grid-template-columns: 1fr; }
  .home-mini-stage { grid-template-columns: 94px minmax(0, 1fr) 58px; gap: 8px; }
}

:root[data-ui-theme="dark"] #app .home-command-hero { background: linear-gradient(120deg, #0e2719, #164a32); }
:root[data-ui-theme="dark"] #app .home-command-metric,
:root[data-ui-theme="dark"] #app .home-account-list { background: var(--ui-dark-surface); }
:root[data-ui-theme="dark"] #app .home-command-metric.is-action { background: #2e201f; }
:root[data-ui-theme="dark"] #app :is(.home-command-metric strong, .home-command-section-head h2, .home-mini-stage > strong, .home-account-row strong, .home-owner-signal strong) { color: var(--ui-dark-text); }
:root[data-ui-theme="dark"] #app :is(.home-command-metric span, .home-command-metric em, .home-command-section-head p, .home-mini-stage > span, .home-account-row span, .home-owner-signal p) { color: var(--ui-dark-text-muted); }
:root[data-ui-theme="dark"] #app .home-command-metrics { border-color: var(--ui-dark-border); background: var(--ui-dark-border); }
:root[data-ui-theme="dark"] #app .home-mini-track { background: #29352e; }
:root[data-ui-theme="dark"] #app .home-mini-track::-webkit-progress-bar { background: #29352e; }
:root[data-ui-theme="dark"] #app .home-hold-brief > div { border-color: var(--ui-dark-border); background: rgba(255, 255, 255, .035); }
:root[data-ui-theme="dark"] #app :is(.home-hold-brief span, .home-hold-impact span) { color: var(--ui-dark-text); }
:root[data-ui-theme="dark"] #app :is(.home-hold-brief strong, .home-hold-impact strong, .home-mini-stage > strong small) { color: var(--ui-dark-text-muted); }
:root[data-ui-theme="dark"] #app :is(.home-hold-detail, .home-hold-detail p) { color: var(--ui-dark-text-muted); }
:root[data-ui-theme="dark"] #app .home-waiting.is-long { color: #f0d69a; background: #3b301e; }
:root[data-ui-theme="dark"] #app .home-sample-note,
:root[data-ui-theme="dark"] #app .home-owner-signal { color: var(--ui-dark-text-muted); background: var(--ui-dark-surface-muted); }
:root[data-ui-theme="dark"] #app .home-owner-signal.is-attention,
:root[data-ui-theme="dark"] #app .home-system-note { color: #f0d69a; border-color: #67542e; background: #2d281d; }
:root[data-ui-theme="dark"] #app .home-account-row,
:root[data-ui-theme="dark"] #app .home-account-list { border-color: var(--ui-dark-border); }