Element: #840 Flat panel (layout/auth-layout) What it shows: Full-page AuthLayout whose side panel is flat (solid surface, no gradient, no blobs) with a toggle back to the brand gradient. When to use: Sign-in pages in themes with a flat or outlined surface style, or design systems that forbid gradients. Spec: - `` with `let tone = $state<'brand' | 'flat'>('flat')` - `panel` snippet holds `

Ship the boring parts in a day.

` - `` holds a `SegmentedControl` (Flat, Brand) bound to `tone` and a Close button - Opened by an outlined small Button inside an overlay with `position: fixed;` and `inset: 0;` Tags: auth-layout, panel-tone, flat, gradient, blobs, sign-in Needs: @codeatlasdev/ui@4.6.0 Components: AuthLayout, AuthCard, Button, SegmentedControl, Stack Live demo: https://ui.codeatlas.com.br/docs/layout/auth-layout#flat-panel {#if open}

{#snippet panel()}

Ship the boring parts in a day.

{/snippet}

{/if}