[Richards0nd]

Problem

Clicking a text field (e.g. "Seu nome" on the first-run account form) draws the field's focus frame and a second, smaller ring around the bare <input> inside it.

Cause: src/app.css sets a global :focus-visible { outline: … } outside any cascade layer. @codeatlasdev/ui puts component styles in @layer ca.components, and unlayered CSS always wins over layered CSS, so the kit's .ca-tf__input { outline: none } was overridden. The same applies to every kit control that draws focus on its wrapper (TextArea, Select, Combobox, NumberField…).

Fix

Move the global focus rule into @layer ca.base, after the kit's own base focus rule:

• plain elements keep LowMail's ring (--lm-signal, 2px, inset);
• kit components keep their designed focus styling, so inner inputs no longer get a ring.

Side effect: kit buttons now use the kit's --ca-focus-ring instead of --lm-signal. On the dark theme it is a slightly lighter lime; on the light theme a darker green, with better contrast on light backgrounds.

Verification

Chromium, dev build, focused input on the account form:

	before	after
inner <input> outline	solid 2px	none
field frame	focus color	focus color

Tab through the form: reveal button, submit button and links still show a 2px focus ring.

bun run check (0 errors), bun run lint:ui (clean), bun run build pass.

Full sweep (demo webmail, signed in as alice)

Every visible focusable element on each screen was focused and its outline compared with the old unlayered rule re-injected vs. the fix. Screens: mail list, open message, compose, contacts, every Settings section (General, Reading, Composing, Identities, Folders, Filters, Vacation reply, About), new filter rule, Account dialog, New folder dialog, Search filters popover.

Controls that had the doubled ring and are fixed (inner outline gone, the kit frame shows focus):

control	where
TextField (.ca-tf__input)	account form, New folder, Vacation reply, filter rule
TextArea (.ca-ta__input)	Vacation reply message
NumberField (.ca-nf__input)	Vacation reply days
Select trigger (.ca-sel__trigger)	Settings › General/Reading/Composing, Search filters, filter rule

After the focus transition, each frame has the focus border plus a 2px ring.

Only other change: kit buttons (ca-btn, ca-icon-btn, ca-seg__item, ca-layer-close) still get a 2px solid focus ring, now in --ca-focus-ring color instead of --lm-signal. LowMail's own controls (folder tree, message rows, search box, rail) are unchanged: 0 differences.