.whats-sales-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
}

.whats-sales-search-row .whats-sales-filter-toggle {
  min-width: 66px;
  padding-inline: 10px;
}

.whats-sales-filter-toggle.active {
  border-color: #12834b;
  background: #eaf7ef;
  color: #08733f;
}

.whats-sales-advanced-filters {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #dfe7e2;
  border-radius: 9px;
  background: #f7faf8;
}

.whats-sales-advanced-filters label {
  display: grid;
  gap: 4px;
  color: #667069;
  font-size: 10px;
  font-weight: 800;
}

.whats-sales-advanced-filters select {
  margin-top: 0;
}

.whats-sales-inbox-filters button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.whats-sales-inbox-filters button b {
  min-width: 18px;
  padding: 1px 5px;
  border-radius: 999px;
  background: #eef2ef;
  color: #637068;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
}

.whats-sales-inbox-filters button.active b {
  background: #12834b;
  color: #fff;
}

.whats-sales-conversation {
  padding-block: 10px;
}

.whats-sales-shared-badge {
  margin-top: 3px;
  padding: 1px 5px;
  background: transparent;
  color: #78847d;
  font-size: 8px;
}

.whats-sales-mobile-back,
.whats-sales-customer-toggle,
.whats-sales-customer-close {
  display: none;
}

body.whats-sales-standalone .whats-sales-toolbar {
  min-height: 74px;
}

body.whats-sales-standalone .whats-sales-inbox {
  height: calc(100vh - 74px);
}

body.whats-sales-standalone .whats-sales-conversation-list {
  max-height: calc(100vh - 220px);
}

@media (max-width: 1180px) {
  body.whats-sales-standalone .whats-sales-customer-toggle {
    display: inline-flex;
  }

  body.whats-sales-standalone .whats-sales-customer-pane {
    display: none;
    position: fixed;
    z-index: 80;
    top: 74px;
    right: 0;
    bottom: 0;
    width: min(360px, 94vw);
    overflow: auto;
    box-shadow: -14px 0 34px rgba(20, 39, 28, .2);
  }

  body.whats-sales-standalone.whats-sales-customer-open .whats-sales-customer-pane {
    display: block;
  }

  body.whats-sales-standalone .whats-sales-customer-close {
    display: flex;
    margin: 0 0 12px auto;
  }
}

@media (max-width: 760px) {
  body.whats-sales-standalone .whats-sales-toolbar {
    min-height: 0;
  }

  body.whats-sales-standalone .whats-sales-toolbar p {
    display: none;
  }

  body.whats-sales-standalone .whats-sales-inbox {
    min-height: calc(100vh - 190px);
  }

  body.whats-sales-standalone:not(.whats-sales-chat-open) .whats-sales-chat-pane {
    display: none;
  }

  body.whats-sales-standalone.whats-sales-chat-open .whats-sales-list-pane {
    display: none;
  }

  body.whats-sales-standalone.whats-sales-chat-open .whats-sales-chat-pane {
    display: block;
    height: calc(100vh - 190px);
    min-height: 520px;
  }

  body.whats-sales-standalone .whats-sales-mobile-back {
    display: inline-flex;
    min-width: max-content;
  }

  body.whats-sales-standalone .whats-sales-chat-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  body.whats-sales-standalone .whats-sales-chat-person {
    min-width: 0;
  }

  body.whats-sales-standalone .whats-sales-chat-state {
    display: none;
  }

  body.whats-sales-standalone .whats-sales-customer-pane {
    top: 0;
    width: 100vw;
  }
}