.custom-header {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
  position: relative;
}
.custom-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.custom-count {
  font-size: 0.875rem;
  color: #6b7280;
  margin-right: 10px;
  margin-left: 10px;
}

/* ─── table styling ─────────────────────────────────────────────────────── */
.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  margin: 0 auto;
  text-align: left;
}
.custom-table th,
.custom-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  color: #000000;
}
.custom-table thead th {
  font-weight: 600;
  background-color: #f9fafb;
}
.custom-table tbody td {
  color: #000000;
}
.custom-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

/* Current document check mark styling */
.custom-table th:first-child,
.custom-table td:first-child {
  width: 30px;
  text-align: center;
  padding: 0.75rem 0.5rem;
}
.current-document-checkmark {
  color: #28a745;
  font-weight: bold;
  font-size: 16px;
}

/* ─── status badge ─────────────────────────────────────────────────────── */
.status‑badge {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 9999px;
}
.status‑error_transformed {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
}
.status‑error_checking {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
}
.status‑relate_ko {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
}
.status‑filter_ko {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
}
.status‑create_ko {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
}
.status‑predecessor_ko {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
}
.status‑error_sending {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
}
.status‑not_found {
  color: #dc2626;
  background-color: rgba(220, 38, 38, 0.1);
}
.status‑cancel {
  color: #d97706;
  background-color: rgba(217, 119, 6, 0.1);
}
.status‑error_expected {
  color: #d97706;
  background-color: rgba(217, 119, 6, 0.1);
}
.status‑filter {
  color: #d97706;
  background-color: rgba(217, 119, 6, 0.1);
}
.status‑no_send {
  color: #d97706;
  background-color: rgba(217, 119, 6, 0.1);
}
.status‑send {
  color: #28a745;
  background-color: rgba(61, 221, 25, 0.289);
}
.status‑found {
  color: #28a745;
  background-color: rgba(61, 221, 25, 0.289);
}
.status‑filter_ok {
  color: #004085;
  background-color: rgba(50, 144, 232, 0.289);
}
.status‑ready_to_send {
  color: #004085;
  background-color: rgba(50, 144, 232, 0.289);
}
.status‑transformed {
  color: #004085;
  background-color: rgba(50, 144, 232, 0.289);
}
.status‑relate_ok {
  color: #004085;
  background-color: rgba(50, 144, 232, 0.289);
}
.status‑predecessor_ok {
  color: #004085;
  background-color: rgba(50, 144, 232, 0.289);
}
.status‑new {
  color: #004085;
  background-color: rgba(50, 144, 232, 0.289);
}


/* expand fold button */
.toggle-btn {
  right: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: none;
  background: #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
}
.toggle-btn:hover { background: #d1d5db; }

/* ─── pagination controls ─────────────────────────────────────────────── */
.data-wrapper.custom-section .pagination-controls {
  text-align: center;
  margin-top: 1.5rem;
  width: 100%;
}

.parent-documents-header {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
  position: relative;
}

.parent-documents-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.parent-documents-count {
  font-size: 0.875rem;
  color: #6b7280;
  margin-right: 10px;
  margin-left: 10px;
}

.parent-documents-toggle-btn {
  right: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: none;
  background: #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
}

.parent-documents-toggle-btn:hover {
  background: #d1d5db;
}

.parent-documents-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  margin: 0 auto;
  text-align: left;
}

.parent-documents-table th,
.parent-documents-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  color: #000000;
}

.parent-documents-table thead th {
  font-weight: 600;
  background-color: #f9fafb;
}

.parent-documents-table tbody td {
  color: #000000;
}

.parent-documents-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.data-wrapper.parent-documents-section .pagination-controls {
  text-align: center;
  margin-top: 1.5rem;
  width: 100%;
}

.child-documents-header {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
  position: relative;
}

.child-documents-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.child-documents-count {
  font-size: 0.875rem;
  color: #6b7280;
  margin-right: 10px;
  margin-left: 10px;
}

.child-documents-toggle-btn {
  right: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: none;
  background: #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
}

.child-documents-toggle-btn:hover {
  background: #d1d5db;
}

.child-documents-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  margin: 0 auto;
  text-align: left;
}

.child-documents-table th,
.child-documents-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  color: #000000;
}

.child-documents-table thead th {
  font-weight: 600;
  background-color: #f9fafb;
}

.child-documents-table tbody td {
  color: #000000;
}

.child-documents-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.data-wrapper.child-documents-section .pagination-controls {
  text-align: center;
  margin-top: 1.5rem;
  width: 100%;
}

.post-documents-header {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
  position: relative;
}

.post-documents-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.post-documents-count {
  font-size: 0.875rem;
  color: #6b7280;
  margin-right: 10px;
  margin-left: 10px;
}

.post-documents-toggle-btn {
  right: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: none;
  background: #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
}

.post-documents-toggle-btn:hover {
  background: #d1d5db;
}

.post-documents-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  margin: 0 auto;
  text-align: left;
}

.post-documents-table th,
.post-documents-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  color: #000000;
}

.post-documents-table thead th {
  font-weight: 600;
  background-color: #f9fafb;
}

.post-documents-table tbody td {
  color: #000000;
}

.post-documents-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.data-wrapper.post-documents-section .pagination-controls {
  text-align: center;
  margin-top: 1.5rem;
  width: 100%;
}

.logs-header {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
  position: relative;
}

.logs-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.logs-count {
  font-size: 0.875rem;
  color: #6b7280;
  margin-right: 10px;
  margin-left: 10px;
}

.logs-toggle-btn {
  right: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: none;
  background: #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
}

.logs-toggle-btn:hover {
  background: #d1d5db;
}

.logs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  margin: 0 auto;
  text-align: left;
}

.logs-table th,
.logs-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  color: #000000;
}

.logs-table thead th {
  font-weight: 600;
  background-color: #f9fafb;
}

.logs-table tbody td {
  color: #000000;
}

.logs-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.data-wrapper.logs-section .pagination-controls {
  text-align: center;
  margin-top: 1.5rem;
  width: 100%;
}

/* Field value mismatch highlighting */
.field-value-mismatch {
  border: 2px solid #ffd700 !important;
  border-radius: 4px !important;
  background-color: rgba(255, 215, 0, 0.1) !important;
}


/* Workflow Logs section styling */
.workflow-logs-header {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
  position: relative;
}

.workflow-logs-header h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.workflow-logs-count {
  font-size: 0.875rem;
  color: #6b7280;
  margin-right: 10px;
  margin-left: 10px;
}

.workflow-logs-toggle-btn {
  right: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: none;
  background: #e5e7eb;
  border-radius: 4px;
  cursor: pointer;
}

.workflow-logs-toggle-btn:hover {
  background: #d1d5db;
}

.workflow-logs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  margin: 0 auto;
  text-align: left;
}

.workflow-logs-table th,
.workflow-logs-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  color: #000000;
}

.workflow-logs-table thead th {
  font-weight: 600;
  background-color: #f9fafb;
}

.workflow-logs-table tbody td {
  color: #000000;
}

.workflow-logs-table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.data-wrapper.workflow-logs-section .pagination-controls {
  text-align: center;
  margin-top: 1.5rem;
  width: 100%;
}

.pagination-controls { 
    display:flex;
    justify-content:center;
    margin-top:10px;
}

.pagination-list {
    display:flex;
    gap:6px;
    padding:0;
    margin:0;
    align-items:center;
    list-style:none;
    flex-wrap:wrap;
}

.pagination-btn {
    border:1px solid #dee2e6;
    background:#fff;
    padding:6px 10px;
    border-radius:8px;
    line-height:1;
    cursor:pointer;
}
.pagination-btn.active {
    background:#198BCA;
    color:#fff;
    border-color:#198BCA;
}
.pagination-ellipsis {
    padding:0 6px;
}