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

/* Tablet Touch Targets (44px minimum) */
@layer components {
  .touch-target {
    min-height: 44px;
    min-width: 44px;
  }
}

@media (pointer: coarse) {
  button,
  .btn,
  [role="button"],
  a.inline-flex {
    min-height: 44px;
  }

  /* Flash message dismiss button */
  .fixed button[x-data] {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}