/* contracts - responsive fixes for this module only. Loaded after css/shared/responsive.css
   on every page in the area. See DOCS/Showcase-Mobile.md. */

/* Dashboard > Recent Contracts is a plain table (not .data-table), so it gets
   no card transform. Six columns cannot fit a phone: let the card body scroll
   sideways instead of clipping the Using and Created columns. */
@media (max-width: 767.98px) {
    .card-body:has(> .recent-contracts-table) {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .recent-contracts-table {
        min-width: 640px;
    }

    .recent-contracts-table thead th,
    .recent-contracts-table tbody td {
        white-space: nowrap;
    }
}