[MotherSphere]

What changed

The orCAL name, the button that opens and closes Preferences, now holds the top-left corner of the window in both layouts (Colony navigation rule NAV-1, design/navigation.md). Before, the clock held that corner and the name sat on its own row under the status message.

• src/ui/index.html and src/ui/tablet-mode/index.html: .status-brand is the first child of .status. The clock and the window controls are grouped in a new .status-end on the right. The status message row stays under the bar.
• src/ui/common/base.css: .status wraps, and .status-end is pushed right with margin-left: auto, so at large text sizes the clock and controls go under the name, still right-aligned, instead of overflowing the 360 px phone window. align-self: flex-start is dropped from .status-brand; it keeps -webkit-app-region: no-drag.

The button itself is unchanged: same toggle, same aria-expanded and bg_selected open state, same message as the Preferences Close button. The README already describes the name as being at the top left, so no doc change is needed.

How it was verified

The pages were served from a local static server and opened in a browser outside Tauri (the pages run there with the Rust defaults):

• Phone layout at 360x720, text scale 1: name top-left, clock and the three controls on the right on one row.
• Phone layout at text scale 1.68 with the dyslexia font and high contrast on: the clock and controls wrap under the name, right-aligned, and .status has no horizontal overflow (scrollWidth == clientWidth).
• Tablet layout at 980x560, text scale 1 and 1.68: one row, name left, clock and controls right.
• Clicking the name opens Preferences (aria-expanded="true"), Close closes it and returns focus to the name.

No Rust code changed. CI runs the full build and test matrix.