/* * app-mode.css * Specialized styles for the Bihar Land Calculator Hybrid Android App. * Triggered when the or has the .app-mode class. */ .app-mode { /* Improve WebView performance and feel */ scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; /* Ensure all touch events pass through to content */ pointer-events: auto !important; } /* Ensure critical interactive elements are always clickable */ .app-mode .hero-card, .app-mode .btn-primary, .app-mode .btn-toggle, .app-mode .btn-action, .app-mode select, .app-mode input { pointer-events: auto !important; cursor: pointer; } /* Allow text selection only in results for easy copying */ .app-mode .result-card, .app-mode input, .app-mode textarea { user-select: text; -webkit-user-select: text; } /* Hide website-specific promotional and navigation elements */ .app-mode .app-banner, .app-mode .main-footer, .app-mode .floating-share-btn, .app-mode .web-only { display: none !important; } /* Adjust spacing for a more "Native App" look */ .app-mode .container { padding-bottom: 20px; } .app-mode .header { box-shadow: 0 2px 10px rgba(0,0,0,0.1); } /* Ensure smooth scrolling in the WebView */ .app-mode body { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; pointer-events: auto !important; } /* Optimize inputs for mobile keyboard */ .app-mode input[type="number"], .app-mode input[type="text"] { font-size: 16px; /* Prevents iOS/Android auto-zoom on focus */ }