# Daily KPI Card Size Refinement

## Metadata

- Date: 2026-07-31
- Status: Implemented
- Scope: Daily ARRIVAL DATE, processing duration and NO. OF ROOM cards
- Confidence: Fact
- Source: `arr_web/static/styles.css`, `tests/test_arr_web_daily_visual_ui.py`
- Last verified: 2026-07-31

## User-Facing Outcome

- The three daily KPI cards retain their original grid-column widths.
- Desktop cards now stretch to the same compact grid-row height as the upload panel, approximately one-third of the
  prior screenshot height.
- KPI content remains vertically centered within each equal-height card.
- The upload card's dropzone is compressed into a horizontal icon-and-copy layout, with smaller heading, progress and
  footer spacing so the whole row stays compact.
- At narrow widths, the original larger upload/dropzone treatment and stacked content remain in place.

## Verification

- `node --check arr_web/static/app.js`: passed.
- `python3 -m unittest tests.test_arr_web_daily_visual_ui tests.test_arr_web_task_log_ui tests.test_arr_web_job_trace tests.test_arr_web_repository_schema tests.test_arr_web.PortalApplicationTests.test_fixed_static_routes_and_required_content tests.test_arr_web.PortalApplicationTests.test_all_public_assets_exclude_removed_copy`: 20 passed.
- No upload request, progress state, task-log behavior, API route or processing coordinator changed.

## Design Boundary

This is a preserve-mode refinement using the existing light neutral surfaces, blue accent, 16px card radius and native
CSS. The selected dials remain DESIGN_VARIANCE: 3, MOTION_INTENSITY: 3 and VISUAL_DENSITY: 5; the change addresses the
visual proportion shown in the supplied reference without adding new dependencies, motion or a new component system.
