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

@layer base {
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  body {
    @apply bg-gray-50 text-gray-900;
  }
}

@layer components {
  .btn-primary {
    @apply px-4 py-2 bg-primary-500 text-white rounded-lg font-medium
           hover:bg-primary-600 active:bg-primary-700
           transition-colors duration-200;
  }

  .btn-secondary {
    @apply px-4 py-2 bg-gray-100 text-gray-900 rounded-lg font-medium
           hover:bg-gray-200 active:bg-gray-300
           transition-colors duration-200;
  }

  .card {
    @apply bg-white rounded-xl shadow-card p-4
           hover:shadow-card-hover transition-shadow duration-200;
  }

  .input {
    @apply w-full px-3 py-2 border border-gray-200 rounded-lg
           focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent
           placeholder:text-gray-400;
  }
}

/* 固定日期选择器高度为6行 */
.mantine-DatePickerInput-calendar,
.mantine-DatePicker-calendar {
  min-height: 264px !important;
}

.mantine-DatePickerInput-calendarBody,
.mantine-DatePicker-calendarBody {
  min-height: 220px;
}

.mantine-DatePickerInput-weekdayRow,
.mantine-DatePicker-weekdayRow {
  font-size: 12px;
}

.mantine-DatePickerInput-day,
.mantine-DatePicker-day {
  width: 32px !important;
  height: 32px !important;
  font-size: 13px;
}

/* 确保日历主体高度固定 */
.mantine-DatePickerInput-calendarHeader,
.mantine-DatePicker-calendarHeader {
  min-height: 36px;
}