.job-card, .cell-box {
  border-radius: 12px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

/* --- Cell background states --- */
.state-unknown {
  background-color: #FFFFFF;
  color: #111;
}

.state-waiting {
  background-color: #FFE0B2;
  color: #111;
}

.state-available {
  background-color: #FFD600;
  color: #111;
}

.state-unavailable {
  background-color: #FFCDD2;
  color: #111;
}

.state-booked {
  background-color: #c8e6c9;
  color: #111;
}

.state-selected {
  background-color: #136F37;
  color: #FFFFFF;
}

.state-notbooked {
  background-color: #CFD8DC;
  color: #111;
}

/* --- Label pills --- */
.label-pill {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
}

.label-booked {
  background: transparent;
  color: #fff;
}

.label-waiting {
  background: #FF9800;
  color: #fff;
}

.label-pending {
  background: #FF9800;
  color: #fff;
}

.label-available {
  background: #FFD600;
  color: #111;
}

.label-unavailable {
  background: #C62828;
  color: #fff;
}

.label-notbooked {
  background: #607D8B;
  color: #fff;
}

.label-notselected {
  background: #e0e0e0;
  color: #555;
}

.label-lead {
  background: #1a365d;
  color: #ffffff;
}

.hidden {
  display: none !important;
}

.job-card {
  margin-bottom: 15px;
}

.cell-box {
  min-height: 60px;
}