.cg3ypur2 { Vertical-align:top; Cursor: Pointe... -

: Use the @ symbol in Cursor to reference specific CSS files when asking the AI to refactor report styles.

: Changing the cursor to a pointer for clickable header rows or data cells to indicate navigation or sorting capabilities. .cg3YPuR2 { vertical-align:top; cursor: pointe...

: This ensures that text or elements within a container (like a table cell or a reporting block) are aligned to the top edge. This is frequently used in reports to keep multi-line data points aligned correctly across rows. : Use the @ symbol in Cursor to

: This changes the mouse cursor to a "hand" icon, signaling to the user that the element is clickable or interactive. In a report context, this typically suggests that clicking the item will trigger an action, such as opening a drill-down report, a detail view, or sorting data. Use Cases in Reporting Tools This is frequently used in reports to keep

If you are working with these styles in an AI-powered editor like Cursor AI, you can use the following tips to manage report layouts:

: Used for aligning cell content at the top so that if one column has more text than others, the row remains readable.

Classes like this are commonly generated by modern reporting frameworks or low-code platforms (e.g., Oracle APEX or Crystal Reports ) to standardise UI components: