.control-display-buttons button.active,
.planning-tabs button.active {
  background: #fff;
  color: #173750;
  border-color: #fff;
  box-shadow: 0 2px 8px rgb(6 35 54 / 24%);
}

.control-display-buttons button:not(.active),
.planning-tabs button:not(.active) {
  background: #3875b9;
  color: #fff;
}

.production-calendar-legend .active {
  border-color: #5ca36d;
}

.production-visit-bar.active {
  background: linear-gradient(90deg, #3f8a58, #72b46b);
}

.production-visit-bar.late {
  background: linear-gradient(90deg, #c65f79, #e58fa5);
}

.production-visit-bar.closed {
  background: linear-gradient(90deg, #6f7d86, #a1abb1);
}

.visit-delay-history {
  display: grid;
  gap: .45rem;
  margin-top: .7rem;
}

.visit-delay-history .control-detail-row {
  align-items: center;
}

.summary-business-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  gap: .55rem;
  margin-top: .75rem;
}

.summary-business-kpis > div {
  background: #edf3f6;
  border-radius: 8px;
  padding: .6rem;
}

.summary-business-kpis small,
.summary-business-kpis b {
  display: block;
}

.summary-business-kpis small {
  color: #617582;
  font-size: .68rem;
  font-weight: 800;
}

.summary-business-kpis b {
  margin-top: .2rem;
}

@media (max-width: 700px) {
  .summary-business-kpis {
    grid-template-columns: 1fr 1fr;
  }
}