.cell-input {
  display: none;
}
#chartGrid img {
  filter: brightness(var(--img-bright, 1)) opacity(var(--img-opac, 1));
  transition:
    transform 0.1s,
    object-position 0.1s;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #1f2937;
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #4b5563;
  border-radius: 4px;
}

.setting-section {
  background-color: rgba(31, 41, 55, 0.6);
  border: 1px solid rgba(55, 65, 81, 1);
  border-radius: 0.75rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.section-header {
  font-size: 0.75rem;
  font-weight: 700;
  color: #60a5fa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid rgba(75, 85, 99, 0.5);
  padding-bottom: 0.25rem;
}
input[type="number"] {
  cursor: ew-resize;
}