[feril3]

Phase 6C — Page Layout Polish + Responsive Density

This phase applies the page-level visual improvements identified in the screenshot audit, using the overlay and contrast foundations from 6A/6B.

Dashboard

• strengthen KPI hierarchy with a featured current balance surface
• improve desktop proportion between cashflow chart and operational side cards
• give the primary chart header clearer section separation

Transactions

• split search/type from secondary filters
• label method/category/date filters explicitly
• reduce equal-weight toolbar clutter
• preserve mobile stacking and existing filter behavior

Transaction forms

• expand from narrow 3xl to 6xl desktop width
• use a two-column desktop composition
• keep transaction information primary and supporting documents in a sticky secondary column
• preserve mobile sticky submit actions

Reports

• reorganize date range + presets into a responsive control grid
• group quick period presets
• reduce chart height slightly and improve chart section boundaries

Friday schedule + Agenda

• reduce vertical density
• use quiet status text for incomplete/hidden states instead of repeating badges everywhere
• retain desktop tables and mobile cards

Settings

• move internal navigation breakpoint to lg
• make settings nav sticky and less card-like
• cap settings content width for readability
• pair related General and Finance fields on desktop
• standardize responsive settings section headers and audit filter grid

Regression

• lock all Phase 6C page composition rules in dashboard-overhaul tests

Public Display itself is not redesigned in this phase.