/* Conflict Review Styling */

.conflict-status-pending {
    @apply bg-yellow-100 text-yellow-800;
}

.conflict-status-no-conflict {
    @apply bg-green-100 text-green-800;
}

.conflict-status-conflict-exists {
    @apply bg-red-100 text-red-800;
}

.conflict-status-default {
    @apply bg-gray-100 text-gray-800;
}

.conflict-standalone-badge {
    @apply ml-2 inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800;
}

.conflict-convert-button {
    @apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-green-700 bg-green-100 hover:bg-green-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500;
}

.conflict-standalone-label {
    @apply inline-flex items-center px-2.5 py-1.5 text-xs font-medium rounded text-gray-500 bg-gray-100;
}

.conflict-modal-overlay {
    @apply fixed inset-0 bg-gray-600/50 overflow-y-auto h-full w-full z-50;
}

.conflict-modal-content {
    @apply relative top-20 mx-auto p-5 border w-11/12 md:w-3/4 lg:w-1/2 shadow-lg rounded-md bg-white;
}

.conflict-form-input {
    @apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm;
}

.conflict-form-textarea {
    @apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm;
}

.conflict-form-select {
    @apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm;
}

.conflict-form-label {
    @apply block text-sm font-medium text-gray-700 mb-1;
}

.conflict-form-error {
    @apply mt-1 text-sm text-red-600;
}

.conflict-button-primary {
    @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
}

.conflict-button-secondary {
    @apply px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
}

.conflict-button-success {
    @apply px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
}

/* Conflict table styling */
.conflict-table-header {
    @apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
}

.conflict-table-cell {
    @apply px-6 py-4 whitespace-nowrap;
}

.conflict-table-row {
    @apply hover:bg-gray-50;
}

/* Conflict icon styling */
.conflict-icon {
    @apply h-6 w-6 text-red-600;
}

.conflict-icon-container {
    @apply h-10 w-10 rounded-full bg-red-100 flex items-center justify-center;
}

/* Conflict action buttons */
.conflict-action-review {
    @apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-blue-700 bg-blue-100 hover:bg-blue-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
}

.conflict-action-delete {
    @apply inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-red-700 bg-red-100 hover:bg-red-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
}