#leads-workspace {
  --leads-header-height: 34px;
  --leads-group-height: 30px;
  --leads-row-height: 30px;
  --leads-line: #dfe4ea;
  --leads-line-strong: #c8d0d9;
  --leads-text: #263442;
  --leads-muted: #6c7784;
  --leads-header: #f4f6f8;
  --leads-group: #f4dc87;
  --leads-group-border: #cfac35;
}

#leads-workspace .main {
  padding-top: 12px;
}

#leads-workspace .leads-toolbar {
  min-height: 48px;
  gap: 18px;
  padding: 0 14px;
  border-color: var(--leads-line-strong);
}

#leads-workspace .leads-view-tabs {
  gap: 20px;
}

#leads-workspace .leads-view-tab {
  padding: 0 2px;
  color: #5d6875;
  font-size: 11px;
  font-weight: 700;
}

#leads-workspace .leads-view-tab.active {
  border-bottom-color: #263442;
  color: #1f2b37;
}

#leads-workspace .leads-view-tab b {
  margin-left: 4px;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

#leads-workspace .leads-assignment {
  gap: 8px;
  color: #5d6875;
  font-size: 10px;
  font-weight: 700;
}

#leads-workspace .leads-assignment select {
  height: 32px;
  border-color: #c8d0d9;
  border-radius: 5px;
  font-size: 10px;
}

#leads-workspace .leads-total {
  color: #5d6875;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

#leads-workspace .leads-sheet {
  border-color: var(--leads-line-strong);
  scrollbar-color: #b6bec8 #f2f4f6;
  scrollbar-width: thin;
}

#leads-workspace .leads-table {
  width: 100%;
  min-width: 1205px;
  height: auto !important;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

#leads-workspace .leads-table > thead > tr > th {
  position: sticky;
  top: 0;
  z-index: 8;
  height: var(--leads-header-height);
  padding: 0 9px;
  border-right: 1px solid var(--leads-line);
  border-bottom: 1px solid var(--leads-line-strong);
  background: var(--leads-header);
  color: #52606d;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  vertical-align: middle;
}

#leads-workspace .leads-table > thead > tr > th:first-child {
  left: 0;
  z-index: 10;
  box-shadow: 4px 0 7px rgba(38, 52, 66, 0.05);
}

#leads-workspace .lead-group-head {
  position: static;
  display: table-row;
  height: var(--leads-group-height);
  background: transparent;
}

#leads-workspace .leads-table .lead-group-head > th,
#leads-workspace .leads-gold .leads-table .lead-group-head > th {
  position: sticky;
  top: var(--leads-header-height);
  z-index: 7;
  height: var(--leads-group-height);
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--leads-group-border);
  background: #fff;
  color: #493a12;
  text-align: left;
  text-transform: none;
}

#leads-workspace .lead-group-head-content,
#leads-workspace .lead-group-outcome .lead-group-head-content,
#leads-workspace .lead-group-gold .lead-group-head-content {
  position: sticky;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 184px;
  height: var(--leads-group-height);
  padding: 0 10px;
  border: 0;
  border-right: 1px solid var(--leads-group-border);
  border-radius: 0;
  background: var(--leads-group);
  color: #493a12;
}

#leads-workspace .lead-group-head-content h2 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-size: 10.5px;
  font-weight: 750;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#leads-workspace .lead-group-head-content span {
  flex: 0 0 auto;
  margin-left: auto;
  color: #6a5417;
  font-size: 9px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}

#leads-workspace .leads-table tr.leads-data-row {
  height: var(--leads-row-height) !important;
  max-height: var(--leads-row-height) !important;
}

#leads-workspace .leads-table tr.leads-data-row > td {
  height: var(--leads-row-height) !important;
  max-height: var(--leads-row-height) !important;
  padding: 0 9px !important;
  border-right: 1px solid var(--leads-line);
  border-bottom: 1px solid var(--leads-line);
  background: #fff;
  color: var(--leads-text);
  font-size: 10px !important;
  line-height: 1.15 !important;
  text-align: left;
  vertical-align: middle !important;
}

#leads-workspace .leads-table tr.leads-data-row:hover > td {
  background: #f7f9fb;
}

#leads-workspace .leads-table tr.leads-data-row > td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  box-shadow: 4px 0 7px rgba(38, 52, 66, 0.05);
}

#leads-workspace .leads-table tr.leads-data-row > td:last-child {
  position: sticky;
  right: 0;
  z-index: 3;
  padding: 0 5px !important;
  border-right: 0;
  box-shadow: -4px 0 7px rgba(38, 52, 66, 0.06);
}

#leads-workspace .leads-table > thead > tr > th:last-child {
  right: 0;
  z-index: 10;
  border-right: 0;
  box-shadow: -4px 0 7px rgba(38, 52, 66, 0.06);
}

#leads-workspace .leads-table > thead > tr > th:nth-child(6),
#leads-workspace .leads-table > thead > tr > th:nth-child(7),
#leads-workspace .leads-table > thead > tr > th:nth-child(8),
#leads-workspace .leads-table > thead > tr > th:last-child {
  text-align: center;
}

#leads-workspace .leads-carrier b,
#leads-workspace .leads-carrier span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

#leads-workspace .leads-carrier b {
  color: #263442;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.05;
}

#leads-workspace .leads-carrier span {
  margin: 2px 0 0;
  color: var(--leads-muted);
  font-size: 7.5px;
  line-height: 1;
}

#leads-workspace .leads-phone {
  border: 0;
  background: transparent;
  color: #205f94;
  padding: 0;
  font-size: 10px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

#leads-workspace .leads-status-cell {
  padding-right: 6px !important;
  padding-left: 6px !important;
  text-align: center !important;
}

#leads-workspace .leads-status-cell > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 68px;
  height: 18px;
  padding: 0 7px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
}

#leads-workspace .leads-value-new {
  border-color: #cbd2da;
  background: #eef1f4;
  color: #465360;
}

#leads-workspace .leads-value-in_progress {
  border-color: #bdccd9;
  background: #e7eef4;
  color: #314e67;
}

#leads-workspace .leads-value-follow_up,
#leads-workspace .leads-value-callback_requested {
  border-color: #d7b94f;
  background: #f8e7a8;
  color: #634b0d;
}

#leads-workspace .leads-value-busy {
  border-color: #d7ad70;
  background: #f5dfbf;
  color: #684618;
}

#leads-workspace .leads-value-connected {
  border-color: #9ec5ad;
  background: #dceee2;
  color: #245637;
}

#leads-workspace .leads-value-left_message,
#leads-workspace .leads-value-voicemail {
  border-color: #c8bed8;
  background: #eee9f4;
  color: #55466b;
}

#leads-workspace .leads-value-no_answer {
  border-color: #cbd2da;
  background: #eef1f4;
  color: #465360;
}

#leads-workspace .leads-value-interested,
#leads-workspace .leads-value-qualified,
#leads-workspace .leads-value-converted {
  border-color: #9ec5ad;
  background: #dceee2;
  color: #245637;
}

#leads-workspace .leads-status-cell > .leads-value-none {
  min-width: 0;
  padding: 0;
  border-color: transparent;
  background: transparent;
  color: #89939d;
}

#leads-workspace .leads-open {
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 700;
  line-height: 1 !important;
}

#leads-workspace .leads-phone:focus-visible,
#leads-workspace .leads-open:focus-visible,
#leads-workspace .leads-view-tab:focus-visible {
  outline: 2px solid #596979;
  outline-offset: 2px;
}

#leads-workspace .leads-table tr.leads-data-row > td:nth-child(4),
#leads-workspace .leads-table tr.leads-data-row > td:nth-child(5),
#leads-workspace .leads-table tr.leads-data-row > td:nth-child(6),
#leads-workspace .leads-table tr.leads-data-row > td:nth-child(9),
#leads-workspace .leads-table tr.leads-data-row > td:nth-child(10) {
  font-variant-numeric: tabular-nums;
}

#leads-workspace .leads-pager {
  height: 40px;
  padding: 0 12px;
  border-color: var(--leads-line-strong);
  color: #65717e;
  font-size: 10px;
}

#leads-workspace .leads-pager .btn {
  height: 26px;
  padding: 0 9px;
  border-radius: 5px;
  font-size: 9px;
}

@media (max-width: 760px) {
  #leads-workspace .leads-toolbar {
    min-height: 86px;
  }

  #leads-workspace .leads-sheet {
    height: calc(100vh - 222px);
  }
}