/* public/styles.css */
.app-body { 
   background-color: #111827; /* bg-gray-900 */
   color: #f3f4f6;            /* text-gray-100  */
   min-height: 100vh; 
   display: flex; 
   flex-direction: column; 
 }
.table.dataTable tfoot th.sum-col {
  text-align: right ;
}
/* --- Transfers report theming to match other reports --- */
.report-wrap { max-width: 1400px; margin: 0 auto; }
.report-card { background: #0f172a; border: 1px solid #1f2937; border-radius: 0.75rem; padding: 1rem; }
.report-title { color: #e5e7eb; font-size: 1.125rem; font-weight: 600; }

.report-form label { color:#9ca3af; font-size:.85rem; display:block; margin-bottom:.25rem; }
.report-form input, .report-form select {
  width:100%; background:#111827; color:#e5e7eb; border:1px solid #374151; border-radius:.5rem; padding:.5rem .75rem;
}
.report-form input:focus { outline: none; border-color:#60a5fa; box-shadow:0 0 0 1px #60a5fa inset; }

.btn { display:inline-block; padding:.5rem .9rem; border-radius:.5rem; font-weight:600; }
.btn-primary { background:#2563eb; color:white; }
.btn-primary:hover { background:#1d4ed8; }
.btn-muted { background:#374151; color:#e5e7eb; }
.btn-muted:hover { background:#4b5563; }

/* DataTables dark */
table.dataTable { color:#e5e7eb; }
.dataTables_wrapper .dataTables_filter input { background:#111827; color:#e5e7eb; border:1px solid #374151; border-radius:.375rem; }
.dataTables_wrapper .dt-buttons .dt-button {
  background:#374151; color:#e5e7eb; border:none; border-radius:.375rem; padding:.4rem .6rem; margin-right:.25rem;
}
.dataTables_wrapper .dt-buttons .dt-button:hover { background:#4b5563; }
table.dataTable.display tbody tr:nth-child(odd) { background-color:#0b1220; }
table.dataTable.display tbody tr:nth-child(even){ background-color:#0e1526; }
table.dataTable.display tbody tr:hover { background-color:#18203a; }

/* Per-column filter row */
#tblTransfers thead tr.filters th { background:#0b1220; }
#tblTransfers thead tr.filters input {
  width:100%; background:#0f172a; color:#e5e7eb; border:1px solid #374151; border-radius:.375rem; padding:.25rem .5rem;
}
tfoot th { color:#9ca3af; }


/* Align header + filter row columns */
#tblTransfers { table-layout: fixed; }
#tblTransfers thead th,
#tblTransfers tbody td,
#tblTransfers tfoot th { padding: 8px 10px; }

#tblTransfers thead tr.filters th { padding: 4px 6px; }
#tblTransfers thead tr.filters input {
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  background:#0f172a; color:#e5e7eb; border:1px solid #374151; border-radius:.375rem; padding:.25rem .5rem;
}

/* Right-align numeric columns */
#tblTransfers td.dt-right, #tblTransfers th.dt-right { text-align: right; }

/* layout/header */
.topbar {
  display:flex; align-items:center; justify-content:center;
  position: relative; padding: 0 16px; /* keeps content off the edges */
}
.btn-back {
  position: absolute; left: 16px; top: 0;
  transform: translateY(2px); /* aligns with title baseline a bit */
}
.report-title.centered { text-align:center; width:100%; }


/* DataTables "Search:" spacing and colors */
.dataTables_wrapper .dataTables_filter label {
  display: inline-flex; align-items: center; gap: 10px; color: #e5e7eb;
}
.dataTables_wrapper .dataTables_filter input {
  background:#111827; color:#e5e7eb; border:1px solid #374151; border-radius:.375rem; padding:.35rem .6rem;
}

.dataTables_wrapper .dataTables_length label { color:#e5e7eb; }
.dataTables_wrapper .dataTables_length select {
  background:#111827; color:#e5e7eb; border:1px solid #374151; border-radius:.375rem; padding:.2rem .4rem;
}
.dataTables_wrapper .dataTables_info { color:#9ca3af; } /* optional: bottom left info text */

/* Keep certain columns from wrapping; align cells nicely */
.nowrap { white-space: nowrap; }
#tblTransfers { table-layout: fixed; }
#tblTransfers th, #tblTransfers td { vertical-align: middle; }

#tblTransfers { table-layout: fixed; width:100%; }
#tblTransfers th, #tblTransfers td { vertical-align: middle; }
.nowrap { white-space: nowrap; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#tblTransfers tfoot th {
  text-align: right;
  background-color: #1f2937;
  color: #f3f4f6;
  font-weight: 600;
}


.dataTables_wrapper .fixedHeader-floating {
  background: #0f172a;       /* dark bg */
  border-bottom: 1px solid #1f2937;
  z-index: 20;
}