.edit-mode td {
  cursor: crosshair;
  transition: background 0.15s ease;
}

.edit-mode td:hover {
  background: #eef2ff;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

[data-timesheet-grid-target="editBanner"]:not(.hidden) {
  animation: slideDown 0.25s ease;
}

.bg-indigo-100 {
  outline: 2px solid #6366f1;
}

.ts-filled-corner {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 12px;
  height: 11px;
  background: linear-gradient(to bottom left, #FFDE42 50%, transparent 50%);
  border-top-right-radius: 7px;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.15s ease;
  z-index: 1;
}

.group:focus-within .ts-filled-corner {
  opacity: 0;
}