/* Place in: static/admin/css/jazzmin_table_scroll.css */

.table-scroll-container {
  position: fixed;
  top: 150px; /* 150px from top */
  right: 20px;
  z-index: 2147483647; /* Maximum possible Z-Index */
  display: none; /* Controlled by JS */
  flex-direction: column;
  gap: 10px;
}

.table-scroll-btn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid white; /* White border helps visibility on dark backgrounds */

  /* Fallback Color (Dark Grey) if gradient fails */
  background-color: #343a40;
  /* Jazzmin/Bootstrap Blue */
  background-image: linear-gradient(145deg, #007bff, #0056b3);

  color: white;
  font-size: 20px; /* Large arrow size */
  line-height: 1;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  transition: transform 0.2s;

  /* Ensure reset of any weird Jazzmin button styles */
  padding: 0;
  margin: 0;
  outline: none;
}

.table-scroll-btn:hover {
  transform: scale(1.1);
  background-image: linear-gradient(145deg, #0056b3, #004085);
}

.table-scroll-btn:active {
  transform: scale(0.95);
}