.lfx-jui__grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(36px, 1fr));
  gap: 8px;
}
.lfx-jui__cell {
  appearance: none;
  border: 1px solid var(--lfx-border);
  background: var(--lfx-surface);
  border-radius: 6px;
  padding: 8px 0;
  text-align: center;
  cursor: pointer;
}
.lfx-jui__cell.is-selected {
  background: color-mix(in srgb, var(--lfx-info) 18%, var(--lfx-surface) 82%);
  border-color: var(--lfx-info);
  color: var(--lfx-info);
}
.lfx-jui__status { margin-top: 8px; font-weight: 500; }