/* reporting.css - Reporting (admin) screen + print summary. */

.reporting-filter-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
}
.reporting-filter-grid .field { margin-bottom: 0; }
.reporting-apply-wrap .btn { width: 100%; }
.reporting-screen .mono { font-family: var(--mono); font-size: 12.5px; }

.print-only { display: none; }

@media (max-width: 1100px) {
  .reporting-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .reporting-filter-grid { grid-template-columns: 1fr 1fr; }
}

/* Print: hide the shell chrome and lay out a clean one-page summary. */
@media print {
  @page { margin: 0.6in; }

  body { background: #fff !important; color: #16202e !important; }
  .topbar,
  .toast-host,
  #help-mount,
  #modal-root,
  .print-hide,
  .status-light { display: none !important; }

  #app { display: block !important; }
  .main, .view { max-width: none !important; margin: 0 !important; padding: 0 !important; }
  .reporting-screen { padding: 0; }

  .print-only { display: block !important; }
  .print-title h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #0d3b63;
  }
  .print-range {
    font-size: 13px;
    color: #47546a;
    margin: 0 0 18px;
  }

  .reporting-filters {
    box-shadow: none !important;
    border: 1px solid #d6dbe4 !important;
    break-inside: avoid;
    margin-bottom: 16px;
  }
  .reporting-filters .card-b { padding: 12px 14px; }
  .reporting-filter-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
  }
  .reporting-filters input,
  .reporting-filters select {
    border-color: #d6dbe4 !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #16202e !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .table-wrap {
    box-shadow: none !important;
    border: 1px solid #d6dbe4 !important;
  }
  thead th {
    background: #f8fafc !important;
    color: #47546a !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  tbody tr { break-inside: avoid; }
  tbody tr:hover { background: transparent !important; }
}