@import "tailwindcss";
@plugin "daisyui";

@config '../tailwind.config.cjs';

@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
}

@utility no-scrollbar {
  /* Custom properties for easy color and size adjustments */
  --scrollbar-width: 2px;
  --scrollbar-track-color: #08080A;
  --scrollbar-thumb-color: #888;
  --scrollbar-thumb-hover-color: #555;

  /* Prevent horizontal scrolling, allow vertical scrolling */
  overflow-x: hidden;
  overflow-y: auto;

  /* WebKit browsers (Chrome, Safari, Opera) */
  &::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: 0; /* Hides horizontal scrollbar */
  }
  &::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
  }
  &::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color);
    border-radius: 4px;
    border: 1px solid var(--scrollbar-track-color);
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover-color);
  }

  /* Firefox styling */
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);

  /* IE and Edge */
  -ms-overflow-style: -ms-autohiding-scrollbar;
}


@layer utilities {

  .table {
    tr {
  @apply border-b border-gray-300 dark:border-gray-800;
}
   
}
}

