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

@layer base {
  #__next {
    @apply contents;
  }

  html {
    @apply h-full scroll-smooth antialiased font-poppins;
  }

  body {
    @apply flex h-full flex-col text-neutral-600 items-center;
  }

  main {
    @apply grow h-full;
  }

  h1 {
    @apply text-lg font-semibold my-2;
  }

  #root {
    @apply w-full;
  }

  .section {
    @apply py-6 px-6 pb-56 flex flex-col;
  }

  .container {
    @apply pt-2 sm:pt-4 md:pt-6 lg:pt-8 w-full flex justify-center;
  }

  .title {
    @apply text-primary;
  }

  .task-card-wrap .ant-card-body {
    flex: 1;
  }

  .scrollbar-custom::-webkit-scrollbar {
    @apply w-2;
  }
  
  .scrollbar-custom::-webkit-scrollbar-track {
    @apply bg-gray-200;
  }
  
  .scrollbar-custom::-webkit-scrollbar-thumb {
    @apply bg-blue-500 rounded-md;
  }

  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  .small-row .ant-table-cell {
    padding: 4px 8px !important;
  }

  .select-order-table .ant-table-thead > tr > th {
    font-size: 12px !important; /* Smaller font */
    padding: 6px !important; /* Reduce padding */
    height: 32px !important; /* Reduce height */
  }
}