.sales-team-page {

  display: flex;

  flex-direction: column;

  gap: 16px;

  width: 100%;

  min-width: 0;

}

.sales-team-filters {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 12px;

  align-items: end;

}

.sales-team-filter-field {

  display: flex;

  flex-direction: column;

  gap: 6px;

  min-width: 0;

}

.sales-team-filter-field span {

  font-size: 12px;

  letter-spacing: 0.02em;

  opacity: 0.72;

}

.sales-team-filter-field select {

  width: 100%;

  min-height: 40px;

  padding: 0 10px;

  color: var(--oo-text, inherit);

  background: var(--oo-input, #fff);

  border: 1px solid var(--oo-border, rgba(15, 23, 42, 0.12));

  border-radius: 8px;

}

.sales-team-context {

  margin: 0;

  font-size: 14px;

  opacity: 0.75;

}

.sales-team-section {

  padding: 16px 18px;

}

.sales-team-section-header {

  display: flex;

  align-items: baseline;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 12px;

}

.sales-team-section h3 {

  margin: 0;

}

.sales-team-count {

  font-size: 12px;

  opacity: 0.55;

}

.sales-team-empty {

  margin: 0;

  font-size: 13px;

  opacity: 0.55;

}

.sales-team-table-wrap {

  overflow-x: auto;

}

.sales-team-table {

  width: 100%;

  border-collapse: collapse;

  table-layout: auto;

}

.sales-team-table th,
.sales-team-table td {

  padding: 8px 10px;

  text-align: left;

  vertical-align: middle;

  font-size: 13px;

  border-bottom: 1px solid var(--oo-border, rgba(15, 23, 42, 0.08));

}

.sales-team-table th {

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: var(--oo-muted, inherit);

  opacity: 0.85;

}

.sales-team-table td.sales-team-pending {

  opacity: 0.45;

}

.sales-team-context {

  margin: 0;

  font-size: 14px;

  opacity: 0.75;

}

.sales-team-section {

  padding: 16px 18px;

}

.sales-team-section-header {

  display: flex;

  align-items: baseline;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 12px;

}

.sales-team-section h3 {

  margin: 0;

}

.sales-team-count {

  font-size: 12px;

  opacity: 0.55;

}

.sales-team-empty {

  margin: 0;

  font-size: 13px;

  opacity: 0.55;

}

.sales-team-table-wrap {

  overflow-x: auto;

}

.sales-team-table th,
.sales-team-table td {

  display: table-cell;

  width: auto;

  min-width: 0;

}

.sales-team-table td.sales-team-pending {

  opacity: 0.45;

}

.sales-team-period-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px 24px;

  margin: 16px 0;

}

.sales-team-period-grid h4,
.sales-team-period-block h4 {

  margin: 0 0 10px;

  font-size: 13px;

}

.sales-team-amount-row,
.sales-team-pool-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 8px;

}

.sales-team-amount {

  width: 120px;

  min-height: 36px;

  padding: 0 10px;

}

.sales-team-period-block {

  margin: 16px 0;

}

.sales-team-amount-row span,
.sales-team-pool-row span {

  min-width: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.sales-team-combo-head,
.sales-team-combo-row {

  display: grid;

  gap: 8px;

  margin-bottom: 8px;

  min-width: 0;

}

.sales-team-combo-row select,
.sales-team-combo-row input {

  width: 100%;

  min-width: 0;

  box-sizing: border-box;

}

.sales-team-combo-head {

  font-size: 11px;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  opacity: 0.6;

}

#salesTeamRecruitmentRows .sales-team-combo-head,
#salesTeamRecruitmentRows .sales-team-combo-row {

  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 120px;

}

#salesTeamIndependentRows .sales-team-combo-head,
#salesTeamIndependentRows .sales-team-combo-row {

  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 120px;

}

.sales-team-period-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin-top: 8px;

}

@media (max-width: 1100px) {

  .sales-team-period-grid {

    grid-template-columns: 1fr;

  }

  #salesTeamRecruitmentRows .sales-team-combo-head,
  #salesTeamRecruitmentRows .sales-team-combo-row {

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

  }

}

@media (max-width: 800px) {

  .sales-team-period-grid,
  #salesTeamRecruitmentRows .sales-team-combo-head,
  #salesTeamRecruitmentRows .sales-team-combo-row,
  #salesTeamIndependentRows .sales-team-combo-head,
  #salesTeamIndependentRows .sales-team-combo-row {

    grid-template-columns: 1fr;

  }

}

html.oo-operator-workspace
#workspaceMain
.sales-team-page
.sales-team-table th {
  color: var(--oo-muted);
  background: transparent;
}

html.oo-operator-workspace
#workspaceMain
.sales-team-page
.sales-team-table td {
  color: var(--oo-text);
}

html.oo-operator-workspace
#workspaceMain
.sales-team-page
.sales-team-amount,
html.oo-operator-workspace
#workspaceMain
.sales-team-page
.sales-team-combo-row select,
html.oo-operator-workspace
#workspaceMain
.sales-team-page
.sales-team-combo-row input,
html.oo-operator-workspace
#workspaceMain
.sales-team-page
.sales-team-filter-field select {
  color: var(--oo-text);
  background: var(--oo-input);
  border: 1px solid var(--oo-border);
}