/* ============================================ MOBILE PLATFORM UNIFIED CSS Merged from 3 files for reduced HTTP requests Source files (in order): 1. mobile-action-bar.css (156 lines) - Shared bottom bar 2. mobile-ios.css (385 lines) - iOS-specific (.os-ios) 3. mobile-android.css (329 lines) - Android-specific (.os-android) Created: February 4, 2026 Total: ~870 lines ============================================ */ /* ============================================ PART 1: MOBILE BOTTOM ACTION BAR Replaces floating WhatsApp CTA ======================================== */ /* WhatsApp button - primary action (keep green) */ /* Call button - use default muted color */ /* Upload/Send docs button - use default muted color */ /* Show only on mobile */ @media (max-width: 1024px) { /* Add padding to body to prevent content being hidden */ body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); } } /* Extra small mobile */ /* Dark mode support */ /* Hide on desktop */ @media (min-width: 1025px) { body { padding-bottom: 0 !important; } } /* ======================================== REMOVE FLOATING WHATSAPP BUTTON Replaced by bottom action bar ======================================== */ /* Override OS-specific floating buttons */ /* ============================================ PART 2: iOS-SPECIFIC STYLES Uses .os-ios class for scoping ============================================ */ /* iOS-specific variable overrides - inherit from base-architecture.css */ @media (max-width: 991px) { /* Unified Messaging Card - iOS */ } /* ============================================ PART 3: ANDROID-SPECIFIC STYLES Uses .os-android class for scoping ============================================ */ /* Android-specific variable overrides - inherit from base-architecture.css */