Mobile responsiveness + IP allow list comments

Mobile improvements:
- Fix overflow issues with global max-width/overflow-x hidden
- Stack ticket detail selects on mobile instead of one long row
- Compact header: hide less important buttons, scrollable right side
- Stat cards in 2-column grid on mobile
- Force flex-wrap on inline-styled flex containers
- Hide subtitle and user-info on small phones
- Ticket selects full-width on small phones

IP allow list:
- Support # comments after IP addresses (e.g. "192.168.1.1 # Office VPN")
- Updated placeholder with comment examples

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

index.html

@@ -1726,8 +1726,8 @@
                         </div>
                         <div id="company-allowed-ips-section" class="form-group" style="margin-top:1rem;display:none;">
                             <label style="font-weight:600;font-size:0.9rem;">Sallitut IP-osoitteet</label>
-                            <textarea id="company-edit-allowed-ips" rows="3" style="font-family:monospace;font-size:0.85rem;" placeholder="192.168.1.100&#10;10.0.0.0/8"></textarea>
-                            <small style="color:#888;">Yksi IP tai CIDR per rivi. "kaikki" = ei rajoitusta.</small>
+                            <textarea id="company-edit-allowed-ips" rows="4" style="font-family:monospace;font-size:0.85rem;" placeholder="192.168.1.100 # Toimisto&#10;10.0.0.0/8 # Yritys VPN&#10;85.76.123.45 # Jukan koti"></textarea>
+                            <small style="color:#888;">Yksi IP tai CIDR per rivi. Kommentti #-merkin jälkeen. "kaikki" = ei rajoitusta.</small>
                         </div>
                         <button class="btn-primary" id="btn-save-company-settings" style="font-size:0.85rem;">Tallenna asetukset</button>
                     </div>