/* Custom styles for Tailwind v2 compatibility */

/* Arbitrary values not supported in Tailwind v2 */
.h-\[78px\] {
    height: 78px;
}

/* Additional custom utilities */
.shadow-blue-100 {
    --tw-shadow-color: #dbeafe;
    --tw-shadow: var(--tw-shadow-colored);
}

.shadow-blue-200 {
    --tw-shadow-color: #bfdbfe;
    --tw-shadow: var(--tw-shadow-colored);
}

/* Selection color */
.selection\:bg-blue-100::selection,
.selection\:bg-blue-100 *::selection {
    background-color: #dbeafe;
}

/* Scale transforms */
.hover\:scale-\[1\.02\]:hover {
    transform: scale(1.02);
}

.active\:scale-\[0\.98\]:active {
    transform: scale(0.98);
}

/* Backdrop blur (for older Tailwind) */
.bg-black\/50 {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Rounded corners */
.rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
}

.rounded-\[2rem\] {
    border-radius: 2rem;
}

/* Box shadow with color */
.shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.08\)\] {
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

/* Text colors */
.text-\[\#0081FF\] {
    color: #0081FF;
}

.text-\[\#333333\] {
    color: #333333;
}

/* Background colors */
.bg-\[\#0081FF\] {
    background-color: #0081FF;
}

.hover\:bg-blue-600:hover {
    background-color: #2563eb;
}

/* Gradient backgrounds */
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.from-blue-500 {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0));
}

.to-blue-600 {
    --tw-gradient-to: #2563eb;
}

.from-blue-400\/20 {
    --tw-gradient-from: rgba(96, 165, 250, 0.2);
}

.from-orange-300\/20 {
    --tw-gradient-from: rgba(253, 186, 116, 0.2);
}

/* Blur */
.blur-3xl {
    filter: blur(64px);
}

/* Emerald colors (Tailwind v3) */
.bg-emerald-50 {
    background-color: #ecfdf5;
}

.bg-emerald-100 {
    background-color: #d1fae5;
}

.border-emerald-100 {
    border-color: #d1fae5;
}

.text-emerald-700 {
    color: #047857;
}

.text-emerald-100 {
    color: #d1fae5;
}

.from-emerald-500 {
    --tw-gradient-from: #10b981;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0));
}

.to-emerald-600 {
    --tw-gradient-to: #059669;
}

/* Slate colors */
.bg-slate-50 {
    background-color: #f8fafc;
}

.bg-slate-100 {
    background-color: #f1f5f9;
}

.border-slate-100 {
    border-color: #f1f5f9;
}

.border-slate-200 {
    border-color: #e2e8f0;
}

.text-slate-400 {
    color: #94a3b8;
}

.text-slate-500 {
    color: #64748b;
}

.text-slate-600 {
    color: #475569;
}

.text-slate-900 {
    color: #0f172a;
}

/* Purple colors for stats */
.from-purple-500 {
    --tw-gradient-from: #a855f7;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));
}

.to-purple-600 {
    --tw-gradient-to: #9333ea;
}

.text-purple-100 {
    color: #f3e8ff;
}

/* Green hover for Android icon */
.group-hover\:bg-green-50:hover {
    background-color: #f0fdf4;
}

.group:hover .group-hover\:bg-green-50 {
    background-color: #f0fdf4;
}

.group:hover .group-hover\:text-green-600 {
    color: #16a34a;
}