.tz-item {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tz-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary);
}

.schedule-grid {
  border-collapse: collapse;
}

.hour-cell {
  width: 4%;
  transition: filter 0.2s;
}

.hour-cell:hover {
  filter: brightness(1.2);
  cursor: crosshair;
}

.bg-success {
  background-color: rgba(16, 185, 129, 0.2) !important;
  color: #10b981;
}

.bg-warning {
  background-color: rgba(245, 158, 11, 0.1) !important;
  color: #f59e0b;
}

.shadow-inset {
  box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.4);
}

.whitespace-nowrap {
  white-space: nowrap;
}