/* Custom Scrollbar Styles - Green and Thin for All Pages */

/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}

::-webkit-scrollbar-track {
  background: #f1f5f9 !important;
  border-radius: 7px !important;
}

::-webkit-scrollbar-thumb {
  background: #10b981 !important;
  border-radius: 7px !important;
  transition: background-color 0.2s ease !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #059669 !important;
}

::-webkit-scrollbar-corner {
  background: #f1f5f9 !important;
}

/* Firefox */
* {
  scrollbar-width: thin !important;
  scrollbar-color: #10b981 #f1f5f9 !important;
}

/* Specific overrides for common scrollable elements */
.overflow-y-auto,
.overflow-x-auto,
.overflow-auto,
.scrollbar-thin,
.scrollbar-track-gray-100,
.scrollbar-thumb-green-500 {
  scrollbar-width: thin !important;
  scrollbar-color: #10b981 #f1f5f9 !important;
}

.overflow-y-auto::-webkit-scrollbar,
.overflow-x-auto::-webkit-scrollbar,
.overflow-auto::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}

.overflow-y-auto::-webkit-scrollbar-track,
.overflow-x-auto::-webkit-scrollbar-track,
.overflow-auto::-webkit-scrollbar-track {
  background: #f1f5f9 !important;
  border-radius: 7px !important;
}

.overflow-y-auto::-webkit-scrollbar-thumb,
.overflow-x-auto::-webkit-scrollbar-thumb,
.overflow-auto::-webkit-scrollbar-thumb {
  background: #10b981 !important;
  border-radius: 7px !important;
  transition: background-color 0.2s ease !important;
}

.overflow-y-auto::-webkit-scrollbar-thumb:hover,
.overflow-x-auto::-webkit-scrollbar-thumb:hover,
.overflow-auto::-webkit-scrollbar-thumb:hover {
  background: #059669 !important;
}

/* Additional specific selectors for better coverage */
textarea::-webkit-scrollbar,
select::-webkit-scrollbar,
div::-webkit-scrollbar,
ul::-webkit-scrollbar,
ol::-webkit-scrollbar,
table::-webkit-scrollbar {
  width: 14px !important;
  height: 14px !important;
}

textarea::-webkit-scrollbar-thumb,
select::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
ol::-webkit-scrollbar-thumb,
table::-webkit-scrollbar-thumb {
  background: #10b981 !important;
  border-radius: 7px !important;
}

textarea::-webkit-scrollbar-track,
select::-webkit-scrollbar-track,
div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
ol::-webkit-scrollbar-track,
table::-webkit-scrollbar-track {
  background: #f1f5f9 !important;
  border-radius: 7px !important;
}

/* Firefox specific */
textarea,
select,
div,
ul,
ol,
table {
  scrollbar-width: thin !important;
  scrollbar-color: #10b981 #f1f5f9 !important;
}