Right rail modules
The right rail is a 340px fixed-width sidebar that appears beside the main content area on detail pages — claim detail, account overview, policy view. It houses stacked modules: To-Do lists, Open Items, Latest Activity, and Claims Management summaries.
Construction guidelines
| Property | Value | Token |
|---|---|---|
| Container width | 340px (fixed) | — |
| Module corner radius | 8px | --radius-md |
| Module shadow | Module Standard | --shadow-100 |
| Gap between modules | 16px | --space-16 |
| Module header padding | 12px 16px | --space-12 --space-16 |
| Module row padding | 10px 16px | — |
| Module footer padding | 12px 16px | — |
Rail layout
The right rail uses a CSS grid — main content fills the left column fluidly; the rail is a fixed 340px right column. On screens below 1100px, the rail stacks below the main content.
To-Do list module
The To-Do list surfaces account-level or claim-level action items. Completed tasks show a green filled checkbox and struck-through text. Tasks can be added inline from the module footer.
To-Do
Open items module
Open Items surfaces outstanding items from carriers, clients, or internal teams — endorsement requests, missing documents, pending signatures. Each item carries an owner and a due date.
Open Items
Latest activity module
The Latest Activity feed is a chronological audit trail of significant events — status changes, document uploads, notes added, emails linked. Color-coded dots map to the event type.
Latest Activity
Claims management module
The Claims Management module in the right rail provides a quick financial overview and open claim count. It links to the full claims detail view.
Claims Management
Full rail example
A typical claim detail page uses all four modules stacked in the right rail — To-Do at top, then Open Items, Latest Activity, and Claims Management at the bottom.