/* Payroll-report presentation: scoped to data grids, never invoice/receipt tables. */
.dataTables_wrapper { --report-head:#e5eefc; --report-ink:#172b4d; --report-grid:#cbd5e1; --report-row:#fff; --report-alt:#f8fafc; }
.dataTables_wrapper table.dataTable { border-collapse:collapse!important; border:1px solid var(--report-grid); width:100%; }
.dataTables_wrapper table.dataTable thead th { background:var(--report-head)!important; color:var(--report-ink)!important; font-weight:700; border:1px solid var(--report-grid)!important; padding:10px 28px 10px 10px; vertical-align:middle; }
.dataTables_wrapper table.dataTable tbody td { border:1px solid var(--report-grid); padding:9px 10px; vertical-align:middle; background:var(--report-row); }
.dataTables_wrapper table.dataTable tbody tr:nth-child(even) td { background:var(--report-alt); }
.dataTables_wrapper table.dataTable tbody tr:hover td { background:var(--report-head); }
.dataTables_wrapper table.dataTable tfoot td, .dataTables_wrapper table.dataTable tfoot th { background:var(--report-head)!important; color:var(--report-ink)!important; border:1px solid var(--report-grid)!important; font-weight:700; }
.dataTables_wrapper > .row:first-child { margin:0 0 16px; padding:10px 4px; border:1px solid var(--report-grid); border-radius:8px; box-shadow:0 2px 6px #172b4d08; background:var(--report-row); display:flex; flex-wrap:wrap; align-items:center; }
.dataTables_wrapper .dt-buttons { display:flex; flex-wrap:wrap; gap:6px; }
.dataTables_wrapper .dt-buttons .btn { margin:0; }
.dataTables_wrapper .dataTables_filter input { border:1px solid var(--report-grid); border-radius:6px; min-height:34px; }
html[data-telpos-theme="dark"] .dataTables_wrapper { --report-head:#243b5a; --report-ink:#f0f6ff; --report-grid:#40536e; --report-row:#111c2e; --report-alt:#18263b; }
@media(max-width:767px) { .dataTables_wrapper > .row:first-child > div { width:100%; margin:4px 0; } .dataTables_wrapper .dataTables_filter { text-align:left; } }
/* Let controls use their content width instead of the legacy 1/8/3 grid. */
.dataTables_wrapper > .row:first-child > .col-sm-1 { flex:0 0 auto; width:auto; min-width:175px; }
.dataTables_wrapper > .row:first-child > .col-sm-8 { flex:1 1 360px; width:auto; }
.dataTables_wrapper > .row:first-child > .col-sm-3 { flex:0 1 210px; width:auto; margin-left:auto; }
.dataTables_wrapper .dataTables_length label { display:flex; align-items:center; gap:7px; margin:0; white-space:nowrap; }
.dataTables_wrapper .dt-buttons .tw-dw-btn { color:var(--report-ink); border-color:var(--report-grid); min-height:30px; opacity:1; }