.person-lifecycle-summary {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(420px, 1.6fr);
  gap: 18px;
  align-items: center;
  margin: 0 0 18px;
  padding: 18px 20px;
  border: 1px solid rgba(34, 74, 51, 0.26);
  border-left: 4px solid #2f6f46;
  background:
    linear-gradient(120deg, rgba(246, 250, 247, 0.98), rgba(228, 238, 231, 0.9)),
    linear-gradient(90deg, rgba(47, 111, 70, 0.08), transparent);
  box-shadow: 0 12px 30px rgba(26, 57, 39, 0.08);
}

.person-lifecycle-summary strong,
.person-lifecycle-summary small {
  display: block;
}

.person-lifecycle-summary strong {
  margin-top: 5px;
  color: #163522;
  font-size: 17px;
}

.person-lifecycle-summary small {
  margin-top: 5px;
  color: #56655b;
  line-height: 1.45;
}

.person-lifecycle-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(55, 74, 62, 0.18);
  background: rgba(255, 255, 255, 0.76);
}

.person-lifecycle-metrics span {
  min-width: 0;
  padding: 12px;
  border-right: 1px solid rgba(55, 74, 62, 0.14);
  color: #526057;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.person-lifecycle-metrics span:last-child {
  border-right: 0;
}

.person-lifecycle-metrics b {
  display: block;
  margin-bottom: 4px;
  color: #1c3d29;
  font-size: 21px;
}

.person-lifecycle-metrics .is-alert {
  background: rgba(139, 73, 31, 0.09);
  color: #75441f;
}

.person-lifecycle-metrics .is-alert b {
  color: #8d421b;
}

.person-lifecycle-inline-alert {
  margin-top: 6px;
  padding: 5px 7px;
  border-left: 3px solid #9b4f24;
  background: rgba(155, 79, 36, 0.08);
  color: #7c3f1e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.035em;
}

.person-lifecycle-center {
  display: grid;
  gap: 18px;
}

.person-lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(51, 71, 58, 0.2);
}

.person-lifecycle-grid > div {
  padding: 14px;
  border-right: 1px solid rgba(51, 71, 58, 0.16);
  background: linear-gradient(180deg, #f8fbf9, #edf3ef);
}

.person-lifecycle-grid > div:last-child {
  border-right: 0;
}

.person-lifecycle-grid span,
.person-lifecycle-grid b {
  display: block;
}

.person-lifecycle-grid span {
  color: #657168;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.person-lifecycle-grid b {
  margin-top: 5px;
  color: #1d442c;
  font-size: 24px;
}

.person-lifecycle-section {
  border: 1px solid rgba(51, 71, 58, 0.2);
  background: #fff;
}

.person-lifecycle-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(51, 71, 58, 0.16);
  background: linear-gradient(90deg, #edf4ef, #f8faf8);
  color: #1f432d;
}

.person-lifecycle-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 14px;
  border-bottom: 1px solid rgba(51, 71, 58, 0.12);
}

.person-lifecycle-action:last-child {
  border-bottom: 0;
}

.person-lifecycle-action div,
.person-lifecycle-action strong,
.person-lifecycle-action span,
.person-lifecycle-action small {
  display: block;
}

.person-lifecycle-action span {
  margin-top: 3px;
  color: #46564c;
}

.person-lifecycle-action small {
  margin-top: 5px;
  color: #7c4a2c;
  line-height: 1.45;
}

.person-lifecycle-review {
  color: #79502e;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.person-lifecycle-timeline article {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 14px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(51, 71, 58, 0.11);
}

.person-lifecycle-timeline article:last-child {
  border-bottom: 0;
}

.person-lifecycle-timeline time {
  color: #6f7b73;
  font-size: 12px;
}

.person-lifecycle-timeline strong,
.person-lifecycle-timeline span,
.person-lifecycle-timeline small {
  display: block;
}

.person-lifecycle-timeline strong {
  color: #1f432d;
}

.person-lifecycle-timeline span {
  margin-top: 3px;
  color: #3f5046;
}

.person-lifecycle-timeline small {
  margin-top: 4px;
  color: #77827b;
}

@media (max-width: 1100px) {
  .person-lifecycle-summary {
    grid-template-columns: 1fr;
  }

  .person-lifecycle-metrics,
  .person-lifecycle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .person-lifecycle-metrics span:nth-child(2),
  .person-lifecycle-grid > div:nth-child(2) {
    border-right: 0;
  }

  .person-lifecycle-metrics span:nth-child(-n+2),
  .person-lifecycle-grid > div:nth-child(-n+2) {
    border-bottom: 1px solid rgba(55, 74, 62, 0.14);
  }
}

@media (max-width: 720px) {
  .person-lifecycle-metrics,
  .person-lifecycle-grid {
    grid-template-columns: 1fr;
  }

  .person-lifecycle-metrics span,
  .person-lifecycle-grid > div {
    border-right: 0;
    border-bottom: 1px solid rgba(55, 74, 62, 0.14);
  }

  .person-lifecycle-action {
    align-items: stretch;
    flex-direction: column;
  }

  .person-lifecycle-timeline article {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}