/* App-specific styles layered on top of Bootstrap 5.
   Kept minimal (req #3: lightweight). Mobile-first tweaks only. */

.card {
    border: 1px solid rgba(0, 0, 0, .075);
}

/* On narrow screens, wide accounting tables become horizontally scrollable
   rather than overflowing the viewport. Wrap tables in .table-responsive. */
@media (max-width: 575.98px) {
    main.container-fluid {
        padding-left: .75rem;
        padding-right: .75rem;
    }
}