Úroveň A — sekce (rail, sloupce, nastavení)

Detail záznamu▾

Obchody▾

Seznamy4▾

Pracovní čas — dnes aktivní = člen klikal v systému

Úroveň B — obsahový blok detailu

Souhrn

Aktivita

Poznámka

Section block

Jeden vzor „hlavička sekce + tělo" pro celou appku — nahradil rodiny .pr-block-h / .mr-block-h / .pr-sec-h / .prof-sec-h / .cd-sec-h / .sec-t.
Úroveň A (.sb-sec): rail/sloupce/nastavení — titulek --h3, fg-secondary, min-h 26, volitelný caret collapse (celá hlavička klikací).
Úroveň B (.sb-block): obsahové bloky detailů — titulek --h2 (váha 500), ink-500, min-h 28, mezi bloky sp-6.

Pravidla (AD ruling 19. 7. 2026)

Sentence case — nikdy verzálky/eyebrow; hierarchii nese velikost a barva.
Počet v hlavičce = pilulka .cnt (AD F246, 23. 8. 2026) — jen úroveň A; hodnoty identické s .rr-sec-h .cnt z karty Record detail rail (600 11px mono, surface-75, hairline, pill, 18×17). U úrovně B počet v hlavičce nežije — patří do akce „Zobrazit vše (N)".
Akce = tichý textový odkaz (.a, 500 12px fg-secondary → hover ink-900), volitelně s ikonou; víc akcí v .sb-acts. Plná tlačítka jen pro skutečné formulářové akce.
Vše flat — oddělení prostorem (sp-6) nebo 1px linkou, nikdy boxem.
Ikona před titulkem (ico-sm, muted) střídmě; inline podtitulek .sd jen když nese informaci.

V appce: komponenta <SectionBlock> + <SectionAction> (apps/web/src/components/SectionBlock.tsx) nad tokeny ds/section-block.css — karta a app soubor se drží 1:1. Sesterské vzory: KV row (Record detail rail), RecordList.