.contract-lifecycle-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  color:#334155;
  font-size:12px;
  font-weight:650;
  line-height:1.3;
  white-space:normal;
}
.contract-lifecycle-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  flex:0 0 8px;
  background:#94a3b8;
}
.contract-lifecycle-status.stage-in-conclusion .contract-lifecycle-dot{background:#2563eb}
.contract-lifecycle-status.stage-signed-connecting .contract-lifecycle-dot{background:#60a5fa}
.contract-lifecycle-status.stage-active .contract-lifecycle-dot{background:#16a34a}
.contract-lifecycle-status.stage-completed .contract-lifecycle-dot{background:#94a3b8}
.contract-lifecycle-panel{
  margin:12px 0;
  padding:11px 12px;
  border:1px solid #d8e2ee;
  border-radius:12px;
  background:#f8fafc;
}
.contract-lifecycle-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.contract-lifecycle-panel-copy{
  display:grid;
  gap:3px;
}
.contract-lifecycle-panel-title{
  color:#64748b;
  font-size:11px;
  font-weight:650;
}
.contract-lifecycle-panel .btn{
  box-shadow:none;
}
.contract-lifecycle-create-note{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 10px;
  border:1px solid #d8e2ee;
  border-radius:11px;
  background:#f8fafc;
}
/* Lifecycle never paints a registry row. Only the compact dot/text control carries stage colour. */
.contracts-table tr[data-contract-id],
.client-contracts-table tr{
  --contract-lifecycle-row-fill:transparent;
}