table.account-mappings {
  font-size: smaller;
}

table.table.account-mappings> :not(caption)>*>* {
  background-color: transparent;
}

table.table.account-mappings .ts-wrapper {
  border-radius: 20px;
  border-color: grey;
  font-weight: 250;

  .ts-control {
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;

    input:only-child {
      padding-left: 10px;
      padding-top: 8px;
    }

    input {
      min-width: 0px; /* prevents a flickering resize when clicking on a control that has a value */
    }

    .item {
      padding-top: 0px;
      padding-left: 0px;
    }
  }

  /* .ts-dropdown {
    left: 0;
    width: 98%;
    border: 1px solid #d0d0d0;
    background-color: var('--bs-body-bg');
    margin: 0.25rem 0 0;
  } */
  .ts-dropdown {
    width: 450px;
    overflow-y: auto;
  }
  .ts-dropdown-content {
    max-height: 550px;
  }
}

/* 
table.table.account-mappings .ts-wrapper .ts-control input:only-child {
  padding-left: 10px;
  padding-top: 8px;
} */

.custom-pagination {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.custom-pagination .pagination {
  margin-bottom: 0;
  border-radius: 2rem;
  background: #f6f9ff;
  box-shadow: 0 2px 8px rgba(1, 41, 112, 0.05);
  padding: 0.5rem 1.5rem;
}

.custom-pagination .page-item {
  margin: 0 0.15rem;
}

.custom-pagination .page-link {
  border-radius: 1.5rem !important;
  color: var(--app-link);
  border: none;
  background: transparent;
  font-weight: 400;
  transition: background 0.2s, color 0.2s;
}

.custom-pagination .page-link:hover {
  background: var(--hc-ink-300);
  color: var(--app-fg);
}

.custom-pagination .page-item.active .page-link {
  background: var(--app-link);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(1, 41, 112, 0.08);
}

.custom-pagination .page-item.disabled .page-link {
  color: #b0b0b0;
  background: none;
}