/* Core Layout & Colors */
body { 
    background-color: #FFFFFF; 
    color: #1A1A1A; 
}

/* Drawer Transitions */
.drawer-hidden { 
    transform: translateX(100%); 
}

@media (max-width: 639px) {
    .drawer-hidden { 
        transform: translateY(100%); 
    }
}

/* Mobile Fixes */
/* Prevent iOS Safari auto-zoom on input focus (triggered when font-size < 16px) */
input, select, textarea {
    font-size: 16px !important;
}

/* Custom UI Elements */
/* Custom scrollbar for drawer */
.drawer-content::-webkit-scrollbar {
    width: 6px;
}

.drawer-content::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 4px;
}

/* Coming Soon Page Layout */
/* Ensure centered layout on all devices with safe-area awareness */
#coming-soon-state {
    padding-top: env(safe-area-inset-top, 20px);
    padding-bottom: env(safe-area-inset-bottom, 20px);
}