/* calc-reo/reo.css */
/* Uses MSFG CSS variables from ../css/main.css */

.table-wrap {
  overflow-x: auto;
}

.reo-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--light);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  font-size: 0.95rem;
}

.reo-table th,
.reo-table td {
  padding: 0.75rem 0.6rem;
  border-bottom: 1px solid var(--border);
  text-align: right;
  white-space: nowrap;
}

.reo-table th:first-child,
.reo-table td:first-child {
  text-align: left;
  white-space: normal;
  width: 34%;
}

.reo-table thead th {
  background: var(--primary);
  color: var(--light);
  font-weight: 700;
  border-bottom: 1px solid var(--secondary);
}

.reo-table tbody tr:hover {
  background: var(--light-gray);
}

/* Print / PDF */
@media print {
  body {
    background: #fff;
    padding: 0;
  }

  .main-container {
    box-shadow: none;
    border-radius: 0;
  }

  .no-print {
    display: none !important;
  }

  .print-no-break {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .section,
  .results-section,
  .footer {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .reo-table th,
  .reo-table td {
    font-size: 10pt;
    padding: 6px;
  }
}