.zen-past-client-badge {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  padding: 5px 8px;
  border: 1px solid rgba(52,75,55,.18);
  border-radius: 999px;
  color: var(--olive-800, #344b37);
  background: var(--accent-soft, #edf3e9);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .05em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.zen-past-client-row {
  background: linear-gradient(90deg, rgba(237,243,233,.72), rgba(255,255,255,.96));
}
.zen-past-client-row:hover,
.zen-past-client-row.selected {
  background: linear-gradient(90deg, rgba(225,236,220,.96), rgba(250,252,248,.99));
}
.zen-closed-pipeline {
  background: linear-gradient(180deg, rgba(238,244,234,.78), rgba(250,250,246,.94));
}
.zen-past-client-card {
  border-color: #d8e4d3 !important;
  background: linear-gradient(145deg, #fff, #f5f8f2) !important;
}
.zen-past-client-drawer {
  border-color: rgba(52,75,55,.24) !important;
}
.zen-past-client-drawer .drawer-header {
  background: linear-gradient(135deg, rgba(238,244,234,.98), rgba(255,253,247,.99));
}
.zen-past-client-drawer .drawer-tabs {
  grid-template-columns: repeat(3, minmax(112px, 1fr)) !important;
}
.zen-past-client-drawer .drawer-tabs button {
  min-width: 112px !important;
}
.zen-past-client-snapshot {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--line, #e3e6df);
  background: linear-gradient(180deg,#f7faf5,#fbfcf8);
}
.zen-past-client-snapshot > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid #dfe9da;
  border-radius: 12px;
  background: rgba(255,255,255,.95);
}
.zen-past-client-snapshot .wide { grid-column: 1 / -1; }
.zen-past-client-snapshot span {
  color: var(--muted, #6b766d);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.zen-past-client-snapshot strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zen-past-client-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 15px 16px;
  border: 1px solid #d7e5d2;
  border-radius: 14px;
  color: var(--olive-900, #24372a);
  background: linear-gradient(135deg,#edf4e9,#faf8ed);
}
.zen-past-client-banner > div:last-child { display: grid; gap: 4px; }
.zen-past-client-banner strong { font-size: 14px; }
.zen-past-client-banner span { color: var(--muted,#6b766d); font-size: 12px; line-height: 1.5; }
.zen-past-client-icon {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: white;
  background: var(--accent-strong,#344b37);
  font-size: 15px;
  font-weight: 900;
}
.zen-past-client-followup {
  margin: 0 0 14px;
  padding: 11px 12px;
  border: 1px solid #dfe8db;
  border-radius: 12px;
  color: var(--olive-800,#344b37);
  background: #f7faf5;
  font-size: 12px;
  line-height: 1.45;
}
.zen-milestone-note {
  border-color: #cbdcc5 !important;
  background: linear-gradient(145deg,#fff,#f7faf5) !important;
}
.zen-milestone-label {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 7px;
  padding: 4px 7px;
  border-radius: 999px;
  color: var(--olive-800,#344b37);
  background: #eaf2e6;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
@media (max-width: 560px) {
  .zen-past-client-snapshot { grid-template-columns: 1fr; }
  .zen-past-client-snapshot .wide { grid-column: auto; }
  .zen-past-client-drawer .drawer-tabs { grid-template-columns: repeat(3,minmax(105px,1fr)) !important; }
}