/* ====== FULL WHITE MODE FIX ====== */
*, *::before, *::after { 
    -webkit-tap-highlight-color: transparent !important; 
}

html, body, #__next {
    background: #ffffff !important;
}
body { 
    background: #f9f9f9 !important; 
}

/* Text Colors */
.text-gray-300, .text-white, h1 { 
    color: #1a1a1a !important; 
}
.text-gray-400, label { 
    color: #555 !important; 
}
.text-gray-500 { 
    color: #777 !important; 
}

/* Input Fields */
input, .border-gray-800 {
    background: #f8f8f8 !important;
    border-color: #ddd !important;
    color: #000 !important;
}
input:focus {
    border-color: #3b82f6 !important;
    outline: none;
}

/* Main UI Interactive Elements */
.bg-greentext { 
    background-color: #083ef3 !important; 
    color: white !important;
}
.bg-greentext:hover { 
    opacity: 0.9; 
}
.text-greentext { 
    color: #083ef3 !important; 
}

/* Spinner for loading state on submit button */
.spinner {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin { 
    to { transform: rotate(360deg); } 
}