/* Custom styles to enhance Tailwind */
.scanning-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #3b82f6;
    border-radius: 8px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.security-safe {
    @apply bg-green-100 border border-green-500 text-green-700 px-4 py-3 rounded-lg;
}

.security-warning {
    @apply bg-yellow-100 border border-yellow-500 text-yellow-700 px-4 py-3 rounded-lg;
}

.security-danger {
    @apply bg-red-100 border border-red-500 text-red-700 px-4 py-3 rounded-lg;
}

.qr-result-card {
    @apply bg-gray-50 border border-gray-200 rounded-lg p-4;
}

#drop-zone.dragover {
    @apply border-blue-500 bg-blue-50;
}

.action-btn {
    @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2;
}

.btn-primary {
    @apply bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500;
}

.btn-secondary {
    @apply bg-gray-600 hover:bg-gray-700 text-white focus:ring-gray-500;
}

.btn-success {
    @apply bg-green-600 hover:bg-green-700 text-white focus:ring-green-500;
}