/**
 * Oryx Bookings Admin Styles - Source File
 * This is the source file for Tailwind CSS processing
 * Run: npm run build:css to generate the final oryx-bookings-admin.css
 */

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

/* Custom component styles */
@layer components {
  .oryx-bookings-admin input[type="text"],
  .oryx-bookings-admin input[type="email"],
  .oryx-bookings-admin input[type="number"],
  .oryx-bookings-admin input[type="date"],
  .oryx-bookings-admin input[type="time"],
  .oryx-bookings-admin select,
  .oryx-bookings-admin textarea {
    @apply appearance-none bg-white border border-gray-300 rounded px-3 py-2 text-base leading-6;
  }

  .oryx-bookings-admin input[type="text"]:focus,
  .oryx-bookings-admin input[type="email"]:focus,
  .oryx-bookings-admin input[type="number"]:focus,
  .oryx-bookings-admin input[type="date"]:focus,
  .oryx-bookings-admin input[type="time"]:focus,
  .oryx-bookings-admin select:focus,
  .oryx-bookings-admin textarea:focus {
    @apply outline-2 outline-blue-500 outline-offset-2 border-blue-500;
  }

  .oryx-bookings-admin button,
  .oryx-bookings-admin .button {
    @apply cursor-pointer font-medium transition-all;
  }
}

/* WordPress admin compatibility */
@layer utilities {
  .oryx-bookings-admin table.wp-list-table {
    margin-top: 1rem;
  }

  .oryx-bookings-admin .dashicons {
    width: auto;
    height: auto;
    font-size: inherit;
  }
}