/* Application chrome that sits alongside the Tailwind CDN build. */

:root { color-scheme: light; }

body { -webkit-font-smoothing: antialiased; }

/* Keep tap targets comfortable on touch devices. */
@media (max-width: 1024px) {
    a, button, [role="button"] { touch-action: manipulation; }
}

/* Tables that need to scroll do so smoothly, without the page scrolling sideways. */
.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Laravel's default pagination markup, restyled to match the app. */
.pagination-wrap nav { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.pagination-wrap svg { height: 1.15rem; width: 1.15rem; }

/* Numeric columns line up when they use tabular figures. */
.tabular { font-variant-numeric: tabular-nums; }

@media print {
    .no-print { display: none !important; }
    body { background: #fff !important; }
}

/* Reports are printed for the accountant, so drop the app chrome. */
@media print {
    aside, header, footer, .no-print { display: none !important; }
    main { padding: 0 !important; }
    body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}