@tailwind base;
@tailwind components;
@tailwind utilities;
.item-card {
    @apply bg-white p-4 rounded-lg border border-gray-200 cursor-pointer transition-all duration-200 flex flex-col items-center;
}

/* Ticker styles */
.ticker-up {
    @apply text-green-600;
}

.ticker-down {
    @apply text-red-600;
}

.order-book-row {
    @apply grid grid-cols-2 text-sm py-1;
}

/* Holding card styles */
.holding-card {
    @apply bg-gray-50 p-4 rounded-lg transition-all duration-200 hover:shadow-sm;
}
.item-card:hover {
    @apply shadow-md transform -translate-y-1 border-blue-300;
}

.item-card.selected {
    @apply border-blue-500 bg-blue-50;
}

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

.result-card h3 {
    @apply text-lg font-medium text-gray-800 mb-2;
}

.result-card p {
    @apply text-gray-600;
}

.progress-bar {
    @apply w-full bg-gray-200 rounded-full h-2.5;
}

.progress-fill {
    @apply bg-blue-600 h-2.5 rounded-full;
}