/**
 * Public styles for APIS Agency Integrator.
 * Scoped under .apis-agency-integrator and apis-agency-integrator so theme styles do not override.
 */

/* Cases section */
.apis-agency-integrator .cases-section,
.apis-agency-integrator .pending-cases,
apis-agency-integrator .cases-section,
apis-agency-integrator .pending-cases {
  margin-bottom: 1rem;
}

.apis-agency-integrator .cases-header,
.apis-agency-integrator .pending-cases-header,
apis-agency-integrator .cases-header,
apis-agency-integrator .pending-cases-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.apis-agency-integrator .cases-title,
.apis-agency-integrator .pending-cases-title,
.apis-agency-integrator .cases-tab-footer,
.apis-agency-integrator .pending-tab-footer,
apis-agency-integrator .cases-title,
apis-agency-integrator .pending-cases-title,
apis-agency-integrator .cases-tab-footer,
apis-agency-integrator .pending-tab-footer {
  padding-left: 1rem !important;
}

.apis-agency-integrator .cases-title,
.apis-agency-integrator .pending-cases-title,
apis-agency-integrator .cases-title,
apis-agency-integrator .pending-cases-title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #1e4380 !important;
}

.apis-agency-integrator .cases-tabs,
.apis-agency-integrator .pending-cases-tabs,
apis-agency-integrator .cases-tabs,
apis-agency-integrator .pending-cases-tabs {
  display: flex;
  gap: 0;
}

.apis-agency-integrator .cases-tab,
.apis-agency-integrator .pending-cases-tab,
apis-agency-integrator .cases-tab,
apis-agency-integrator .pending-cases-tab {
  height: 36px !important;
  width: 100px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  cursor: pointer;
  transition: background-color 0.15s ease;
  border: 1px solid #D7DFEA !important;
  background-color: #FFFFFF !important;
  color: #1e4380 !important;
  box-sizing: border-box;
}

.apis-agency-integrator .cases-tab:hover,
.apis-agency-integrator .pending-cases-tab:hover,
apis-agency-integrator .cases-tab:hover,
apis-agency-integrator .pending-cases-tab:hover {
  background-color: #F4F7FC !important;
}

.apis-agency-integrator .cases-tab--active,
.apis-agency-integrator .pending-cases-tab--active,
apis-agency-integrator .cases-tab--active,
apis-agency-integrator .pending-cases-tab--active {
  background-color: #1e4380 !important;
  border-color: #1e4380 !important;
  color: #FFFFFF !important;
}

.apis-agency-integrator .cases-tab--active:hover,
.apis-agency-integrator .pending-cases-tab--active:hover,
apis-agency-integrator .cases-tab--active:hover,
apis-agency-integrator .pending-cases-tab--active:hover {
  background-color: #1e4380 !important;
}

/* Tables */
.apis-agency-integrator .cases-tab-table,
.apis-agency-integrator .pending-tab-table,
apis-agency-integrator .cases-tab-table,
apis-agency-integrator .pending-tab-table {
  margin-bottom: 0;
  background: #ffffff !important;
}

.apis-agency-integrator .cases-tab-table th,
.apis-agency-integrator .cases-tab-table td,
.apis-agency-integrator .pending-tab-table th,
.apis-agency-integrator .pending-tab-table td,
apis-agency-integrator .cases-tab-table th,
apis-agency-integrator .cases-tab-table td,
apis-agency-integrator .pending-tab-table th,
apis-agency-integrator .pending-tab-table td {
  border-color: #E6ECF5 !important;
}

.apis-agency-integrator .cases-tab-table .cases-tab-table__head th,
.apis-agency-integrator .pending-tab-table .pending-tab-table__head th,
apis-agency-integrator .cases-tab-table .cases-tab-table__head th,
apis-agency-integrator .pending-tab-table .pending-tab-table__head th {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e4380 !important;
  background: #F4F7FC !important;
  border: none !important;
  border-bottom: 1px solid #E6ECF5 !important;
  padding: 12px 16px !important;
  vertical-align: middle !important;
}

.apis-agency-integrator .cases-tab-table .cases-tab-table__body td,
.apis-agency-integrator .pending-tab-table .pending-tab-table__body td,
apis-agency-integrator .cases-tab-table .cases-tab-table__body td,
apis-agency-integrator .pending-tab-table .pending-tab-table__body td {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #3A4250 !important;
  background: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid #E6ECF5 !important;
  padding: 12px 16px !important;
  vertical-align: middle !important;
  height: 44px;
  min-height: 44px;
}

.apis-agency-integrator .cases-tab-table .cases-tab-table__body tr,
.apis-agency-integrator .pending-tab-table .pending-tab-table__body tr,
apis-agency-integrator .cases-tab-table .cases-tab-table__body tr,
apis-agency-integrator .pending-tab-table .pending-tab-table__body tr {
  background: #ffffff !important;
}

.apis-agency-integrator .cases-tab-table .cases-tab-table__body tr:hover td,
.apis-agency-integrator .pending-tab-table .pending-tab-table__body tr:hover td,
apis-agency-integrator .cases-tab-table .cases-tab-table__body tr:hover td,
apis-agency-integrator .pending-tab-table .pending-tab-table__body tr:hover td {
  background: #ffffff !important;
}

/* Footer text */
.apis-agency-integrator .cases-tab-footer,
.apis-agency-integrator .pending-tab-footer,
apis-agency-integrator .cases-tab-footer,
apis-agency-integrator .pending-tab-footer {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1e4380 !important;
}

/* Pending cases details button (circular +) */
.apis-agency-integrator .pending-tab-details-btn,
apis-agency-integrator .pending-tab-details-btn {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid #D7DFEA !important;
  border-radius: 100% !important;
  box-sizing: border-box;
  background: #FFFFFF !important;
  color: #1e4380 !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.apis-agency-integrator .pending-tab-details-btn:hover:not(:disabled),
apis-agency-integrator .pending-tab-details-btn:hover:not(:disabled) {
  background: #F4F7FC !important;
}

.apis-agency-integrator .pending-tab-cell--ellipsis,
apis-agency-integrator .pending-tab-cell--ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}