/* Custom Table Styles
.table thead th {
    background-color: #fd9644;
    color: #fff;
    border: none;
}

.table tbody tr:hover {
    background-color: #f9f9f9;
}

.badge {
    font-size: 0.9rem;
} */




/* Container for the entire “table” */
.table-container {
  width: 100%;
}

/* Single row of headers (acts like thead) */
.table-header {
  background-color: #f8f9fa;
  font-weight: bold;
}

/* Each row (header or body) is a flex container */
.table-row {
  display: flex;
  align-items: center;
  border: 1px solid #E9ECF2;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  background: white;
  margin-bottom: 20px;
  cursor: pointer;
  min-height: 90px; /* For consistent sizing */
}

/* Each “cell” within a row */
.table-cell {
  flex: 1; /* 1 = distribute space equally among cells */
  padding: 8px 24px 8px 15px;
}

/* Optional: center alignment on last column actions */
.text-center {
  text-align: center;
}



/* Add to your CSS file */
.column-mapping-container .form-control {
    border-radius: 0.25rem;
    border: 2px solid #dee2e6;
}

.column-mapping-container select.form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.text-success small {
    font-size: 0.85rem;
}

.font-weight-bold {
    font-weight: 600 !important;
}