/* Inspectly Custom Styles */

/* Hide elements until Alpine.js has initialized */
*[x-cloak] {
    display: none !important;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.btn-primary {
    @apply px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition;
}

.btn-secondary {
    @apply px-4 py-2 bg-gray-200 text-gray-800 rounded hover:bg-gray-300 transition;
}

.input-field {
    width: 100% !important;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    box-sizing: border-box;
    display: block;
}

.input-field:focus {
    outline: none;
    ring: 2px;
    ring-color: #3b82f6;
}

.card {
    @apply bg-white rounded shadow p-4;
}