.ui-cell.cell-active {
  outline: 2px solid #4a90ff;
  outline-offset: -2px;
  position: relative;
  z-index: 2;
}

.ui-cell.cell-invalid {
  background: #ffe6e6 !important;
  color: #b00020 !important;
}

.ui-cell.group-highlight {
  background: #eef5ff;
}

.cellPadPopup {
  position: fixed;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.cellPadPopup.hidden {
  display: none;
}

.cellPad {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  max-width: 280px;
}

.cell-pad-btn {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: #fff;
  font-weight: 600;
  cursor: pointer;
}

.cell-pad-btn:hover {
  background: #f3f3f3;
}