@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

/* More specific rules for tab panels and sections */
[id] {
  scroll-margin-top: 5rem !important;
}

/* Remove smooth scrolling as it can interfere with tab switching */
html {
  scroll-behavior: auto;
}

/* ApexCharts Tooltip Font Size Fix for Flowbite Conflict */
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label,
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value,
.apexcharts-canvas .apexcharts-xaxistooltip-text {
  font-size: 12px !important; /* Or 0.75rem or desired size */
  /* Add color overrides here too if needed */
}