/* FIX-167 — mobile login logo was squashed into a 56px square.
   farwood.png is a wide wordmark (~4.8:1); inside the fixed 56x56 flex box with only
   height:36px it was shrunk to 56x36. Same rules as the LoginPage.jsx source fix
   (box grows with the logo; image keeps its aspect ratio). Inline styles need !important. */
.login-mobile-logo > div { width: auto !important; padding: 0 20px !important; }
.login-mobile-logo img { width: auto !important; flex-shrink: 0 !important; }