The panel on a phone keeps every button in the safe area

What changed

The panel is drawn with the phone's own frame in mind now — the safe area the operating system reserves around a notch, a home indicator and a status bar:

• Both top bars (the CRM's and the Desk's) clear the status bar when the panel is launched from the home screen as an installed app, and keep the device's side insets as the floor of their end padding — so the account chip and the menu button never sit under the notch, in any orientation. In a normal browser tab nothing moves.
• The Mizito shell's top bar follows the same safe-area rule, and its round buttons (menu, tray, account) grew from 40px to the 44px the rest of the panel's chrome already keeps for a thumb.
• The menu sheet's ✕ — the button that closes the whole phone menu — is now the panel's own icon at the full 44px size, with the same press feedback the top bar's buttons give, instead of a small text glyph.
• The bottom dock's labels are a step larger, where a Persian or Arabic label used to sit at the floor of legibility.

How to use it

1. Install the panel on your phone's home screen (or just open it in the browser) — the top bar now leaves the status bar and the notch alone, on both the CRM and the Desk.
2. Open the menu from the dock's Menu tab (or the top bar's ☰): the ✕ that closes it is bigger and presses in like every other button.
3. If you use the Mizito skin on a wide screen, the shell's round buttons at the top are easier to hit.

Good to know

• Nothing changes on a desktop: every rule here keys on the device's own safe-area insets, which a desktop answers with zero.
• The skins are still chosen the way they were: your stored choice first, then the face your device's platform wears (iOS, Material, macOS, Windows), then the panel default.