@keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    .spin-animation {
      animation: spin 1s linear;
    }
    .dropdown-closed {
      max-height: 0 !important;
      opacity: 0 !important;
      overflow: hidden !important;
      transition: max-height 0.6s ease, opacity 0.6s ease;
    }
    .dropdown-open {
      opacity: 1 !important;
      max-height: 500px !important;
      overflow: visible !important;
      transition: max-height 1s ease, opacity 0.6s ease;
    }
    .rotate-180 {
      transform: rotate(180deg);
      transition: transform 0.6s ease;
    }
    #refreshBtn {
      transition: transform 1s linear;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    input[type=number] {
      -moz-appearance: textfield;
    }

  #demo-file-name::before {
    content: "AQUI";
    color: red;
    font-weight: bold;
  }

      /* Ajuste fino para slider vertical */
    input[type="range"].vertical {
      writing-mode: bt-lr; /* bottom to top */
      -webkit-appearance: slider-vertical;
      width: 0.4rem;
      height: 3rem;
    }

    .edit-btn {
  font-size: 0.75rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  z-index: 10;
}

.edit-btn:hover {
  background-color: #d97706; /* amarelo mais forte no hover */
}