/* ==========================================
   1. TABLE CONTAINER
   ========================================== */
#rdh-results-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

/* ==========================================
   2. COLUMN WIDTHS (desktop, sum = 100%)
   ========================================== */
#rdh-results-table .rdh-col-fyqtr { width: 9%; }
#rdh-results-table .rdh-col-amount { width: 10%; }
#rdh-results-table .rdh-col-interest,
#rdh-results-table .rdh-col-dividend,
#rdh-results-table .rdh-col-repayment,
#rdh-results-table .rdh-col-other_income { width: 7%; }
#rdh-results-table .rdh-col-due_date { width: 14%; }
#rdh-results-table .rdh-col-amount_tranfered { width: 24%; }
#rdh-results-table .rdh-col-unclaimed_date { width: 15%; }

/* ==========================================
   3. HEADER (black background, white text)
   ========================================== */
#rdh-results-table thead {
  background-color: #000000 !important;
}

#rdh-results-table thead th {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 8px 4px !important;
  border: none !important;
}

/* "Category" group header cell (the single <th colspan="4">) */
#rdh-results-table thead th[colspan] {
  border-bottom: 1px solid #ffffff !important;
  padding-bottom: 3px !important;
}

/* ==========================================
   4. BODY ROWS
   ========================================== */
#rdh-results-table tbody td {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 8px 4px !important;
  border: none !important;
  border-bottom: 1px solid #dbdbdb !important;
}

#rdh-results-table tbody tr:last-child td {
  border-bottom: 1px solid #dbdbdb !important;
}

/* ==========================================
   5. TOTALS ROW
   ========================================== */
#rdh-results-table tfoot td {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 8px 4px !important;
  border: none !important;
  border-top: 1px solid #000000 !important;
  font-weight: 600 !important;
}

/* Side borders around the whole table body */
#rdh-results-table {
  border-left: 1px solid #dbdbdb !important;
  border-right: 1px solid #dbdbdb !important;
  border-bottom: 1px solid #dbdbdb !important;
}

/* ==========================================
   6. MOBILE & TABLET SCROLL (< 1200px)
   ========================================== */
@media (max-width: 1200px) {
  .rdh-results {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #rdh-results-table {
    min-width: 1150px !important;
  }

  #rdh-results-table .rdh-col-fyqtr { width: 90px; }
  #rdh-results-table .rdh-col-amount { width: 110px; }
  #rdh-results-table .rdh-col-interest,
  #rdh-results-table .rdh-col-dividend,
  #rdh-results-table .rdh-col-repayment,
  #rdh-results-table .rdh-col-other_income { width: 90px; }
  #rdh-results-table .rdh-col-due_date { width: 160px; }
  #rdh-results-table .rdh-col-amount_tranfered { width: 260px; }
  #rdh-results-table .rdh-col-unclaimed_date { width: 170px; }
}

/* ==========================================
   7. SEARCH FORM
   ========================================== */
.rdh-search-form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.rdh-search-form .rdh-field-group {
  width: calc(100% / 3 - 20px);
}

.rdh-search-form .rdh-search-submit {
  width: 100%;
  text-align: center;
  align-items: center;
  border-width: 0;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  letter-spacing: .5px;
  padding: .5em 1em;
}

.rdh-search-form p {
  color: var(--white-100);
}

.rdh-search-form .rdh-field-hint {
  font-size: var(--text-p3);
  line-height: 1.3em;
}

.rdh-search-form .rdh-field-group label {
  font-size: 16px;
  color: var(--white-100);
}

@media (max-width: 768px) {
  .rdh-search-form .rdh-field-group {
    width: 100%;
  }
}