/* NEOFINANCE CSS */
body { -webkit-tap-highlight-color: transparent; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Chart Range Buttons */
.chart-range-btn {
    padding: 4px 12px;
    font-size: 0.75rem;
    color: #9ca3af;
    border-radius: 9999px;
    transition: all 0.2s;
    background: rgba(255,255,255,0.05);
    font-weight: 600;
}
.chart-range-btn.active {
    background: rgba(57, 255, 20, 0.15);
    color: #39FF14;
    box-shadow: 0 0 8px rgba(57, 255, 20, 0.2);
}

/* --- MODAL INPUTS (COMPACT FOR MOBILE) --- */
.modal-input {
    width: 100%;
    background-color: #000000; 
    border: 1px solid #2A2A2A;
    color: #EAEAEA;
    padding: 0.6rem 0.8rem; 
    border-radius: 0.6rem;
    font-size: 0.85rem; 
    outline: none;
    transition: border-color 0.2s;
    appearance: none; 
}

.modal-input:focus {
    border-color: #00FFFF;
}

/* Amount Input override */
input[name="balance"].modal-input {
    font-size: 1.1rem;
    font-weight: 600;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* Bottom Nav */
.toolbar-item { color: #A0A0A0; transition: color 0.3s; }
.toolbar-item.active { color: #00FFFF; text-shadow: 0 0 10px rgba(0, 255, 255, 0.4); }

/* FIX: Only apply hover effects on devices that actually support hovering (Desktop) */
/* This prevents colors and icons from 'sticking' in the active state after a tap on mobile */
@media (hover: hover) {
    .toolbar-item:hover { color: #EAEAEA; }
    
    /* Animate the SVG icon upwards ONLY on desktop hover */
    .toolbar-item:hover svg {
        transform: translateY(-4px); /* Matches -translate-y-1 */
    }
}

.toggle-icon { transition: transform 0.3s ease; }
.rotate-45 { transform: rotate(45deg); }

.animate-fade-in { animation: fadeIn 0.4s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }