/* Sneat-themed app content (dashboard, admin, auth-adjacent pages) */

.layout-navbar.navbar .navbar-nav-right {
  justify-content: flex-end;
}

/* Sidebar brand — Sneat demo.css lowercase + 1.75rem clips long product names */
.layout-menu .asa-app-brand {
  height: auto !important;
  min-height: 4rem;
  padding-block: 0.875rem;
  padding-inline-end: 0.75rem;
  overflow: visible !important;
  align-items: center;
}

.layout-menu .asa-app-brand .app-brand-link {
  align-items: center;
  min-width: 0;
  overflow: visible;
}

.layout-menu .asa-sidebar-brand {
  font-size: 1.0625rem !important;
  line-height: 1.35;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: normal;
  overflow: visible;
  opacity: 1;
}

/* White transparent logo: show on light backgrounds via primary chip */
.asa-brand-logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
}

.asa-brand-logo-img {
  display: block;
  object-fit: contain;
}

html.light-style .asa-brand-logo-img--for-dark-theme {
  display: none;
}

html.dark-style .asa-brand-logo-img--for-light-theme {
  display: none;
}

html:not(.light-style):not(.dark-style) .asa-brand-logo-img--for-dark-theme {
  display: none;
}

/* Leads list (Sneat user-list style) */
.leads-list-search {
  min-width: 12rem;
}

.leads-list-table-card .card-header {
  padding-block: 1rem;
  padding-inline: 1.25rem;
}

.leads-list-table thead th {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  color: #a1acb8;
  white-space: nowrap;
}

.leads-list-table tbody td {
  vertical-align: middle;
  padding-block: 0.875rem;
}

.leads-list-table .avatar .avatar-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 600;
}

.lead-detail-account .lead-detail-doc-thumb {
  height: 9rem;
  object-fit: cover;
}

.lead-detail-account .lead-detail-doc-card {
  text-decoration: none;
  transition: box-shadow 0.2s ease;
}

.lead-detail-account .lead-detail-doc-card:hover {
  box-shadow: 0 2px 12px rgba(67, 89, 113, 0.12);
}

.lead-detail-account .list-group-timeline .list-group-item {
  position: relative;
  background-color: transparent;
  border: none;
  color: #697a8d;
  padding-inline-start: 1.5rem;
  padding-top: 0.65rem;
  padding-bottom: 0.85rem;
}

.lead-detail-account .list-group.list-group-timeline .list-group-item:before {
  background-color: #696cff;
}

.lead-detail-account .list-group.list-group-timeline .timeline-dot-primary:before {
  background-color: #696cff;
}

.lead-detail-account .list-group.list-group-timeline .timeline-dot-success:before {
  background-color: #71dd37;
}

.lead-detail-account .list-group.list-group-timeline .timeline-dot-warning:before {
  background-color: #ffab00;
}

.lead-detail-account .list-group.list-group-timeline .timeline-dot-info:before {
  background-color: #03c3ec;
}

.lead-detail-account .list-group.list-group-timeline .timeline-dot-danger:before {
  background-color: #ff3e1d;
}

.lead-detail-account .list-group.list-group-timeline .timeline-dot-secondary:before {
  background-color: #8592a3;
}

.lead-detail-account .lead-detail-profile-body {
  padding: 1.75rem 1.5rem 2rem;
}

.lead-detail-account .lead-detail-profile-card .lead-detail-profile-body {
  padding-bottom: 1.25rem;
}

@media (min-width: 992px) {
  .lead-detail-account .lead-detail-sidebar {
    position: sticky;
    top: 5.5rem;
    align-self: flex-start;
    max-height: calc(100vh - 6.5rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-inline-end: 0.15rem;
  }
}

.lead-detail-account .lead-detail-engagement-card .card-body {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.lead-detail-account .avatar .avatar-initial[class*="bg-label-"] {
  font-weight: 600;
}

.lead-detail-account .lead-detail-details li {
  line-height: 1.55;
}

.lead-detail-account .lead-detail-status-block .form-select {
  margin-bottom: 1rem;
}

.lead-detail-account .lead-detail-status-block .btn + .btn {
  margin-top: 0.75rem;
}

.lead-detail-account .lead-detail-main .card-header {
  padding: 1.25rem 1.5rem;
}

.lead-detail-account .lead-detail-conversation-body,
.lead-detail-account .lead-detail-notes-body,
.lead-detail-account .lead-detail-timeline-body {
  padding: 1.5rem;
}

.lead-detail-account .lead-detail-chat-messages {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.lead-detail-account .lead-detail-chat-scroll--bounded {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: min(520px, calc(100vh - 14rem));
  overflow-y: auto;
  padding-inline-end: 0.25rem;
}

.lead-detail-account .lead-detail-chat-bubble {
  padding: 1rem 1.125rem;
}

.lead-detail-account .lead-detail-chat-text {
  white-space: pre-wrap;
  line-height: 1.55;
}

.lead-detail-account .lead-detail-conversation-card .card-header {
  border-bottom: 1px solid rgba(67, 89, 113, 0.12);
}

.lead-detail-account .lead-detail-timeline-card {
  margin-top: 0.5rem;
}

.lead-detail-account .lead-detail-timeline .list-group-item .fw-medium {
  color: #566a7f;
}

.sales-coach-card__section-label {
  color: #697a8d;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.sales-coach-card__detail-list {
  list-style: disc;
  margin: 0;
  padding-left: 1.25rem;
}

.sales-coach-card__detail-list li + li {
  margin-top: 0.25rem;
}

.sales-coach-card__quote {
  border-left: 3px solid rgba(105, 108, 255, 0.35);
  color: inherit;
  margin: 0;
  padding-left: 0.75rem;
}

.sales-coach-card__task-row {
  align-items: center;
  background: rgba(67, 89, 113, 0.04);
  border: 1px solid rgba(67, 89, 113, 0.12);
  border-radius: 0.5rem;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 0.75rem;
}

.sales-coach-card__task-row--priority {
  background: rgba(105, 108, 255, 0.06);
  border-color: rgba(105, 108, 255, 0.22);
}

.sales-coach-card__task-copy {
  min-width: 0;
}

.sales-coach-card .btn-outline-primary,
.sales-coach-card .btn-outline-secondary,
.sales-coach-card .btn-primary {
  min-width: 5.75rem;
}

.dashboard-sales-by-dimension .last-border-0:last-child {
  border-bottom: none !important;
}

.dashboard-sales-by-dimension .card-body > ul.list-unstyled {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.dashboard-sales-by-dimension .card-body > ul.list-unstyled > li {
  border-bottom: none !important;
}

.dashboard-sales-by-dimension__row--flag {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-inline: -0.5rem;
  padding-inline: 0.75rem;
  border-radius: 0.625rem;
  border-bottom-color: transparent !important;
}

.dashboard-sales-by-dimension__row--flag::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--sales-dimension-flag-bg);
  background-size: cover;
  background-position: center right;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

.dashboard-sales-by-dimension__row--flag::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    90deg,
    rgba(43, 44, 64, 0.94) 0%,
    rgba(43, 44, 64, 0.78) 42%,
    rgba(43, 44, 64, 0.52) 100%
  );
}

html.light-style .dashboard-sales-by-dimension__row--flag::before {
  opacity: 0.28;
}

html.light-style .dashboard-sales-by-dimension__row--flag::after {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(255, 255, 255, 0.82) 42%,
    rgba(255, 255, 255, 0.55) 100%
  );
}

.dashboard-sales-by-dimension__row--flag > * {
  position: relative;
  z-index: 1;
}

.dashboard-sales-by-dimension__flag-avatar .dashboard-sales-by-dimension__flag-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sneat-themed-content,
.dashboard-sneat-content {
  color: #566a7f;
}

.sneat-themed-content h1,
.sneat-themed-content h2,
.sneat-themed-content h3,
.sneat-themed-content h4,
.sneat-themed-content h5 {
  color: #566a7f;
}

.sneat-themed-content .rounded-xl.border.border-zinc-200.bg-white,
.sneat-themed-content section.rounded-xl.border.bg-white {
  border-color: rgba(67, 89, 113, 0.12) !important;
  box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.08);
}

.sneat-themed-content .form-control,
.sneat-themed-content input.rounded-lg,
.sneat-themed-content select.rounded-lg,
.sneat-themed-content textarea.rounded-lg {
  font-family: "Public Sans", var(--font-geist-sans), sans-serif;
}

.sneat-themed-content .btn-primary,
.sneat-themed-content button.bg-blue-600,
.sneat-themed-content a.btn-primary {
  background-color: #696cff !important;
  border-color: #696cff !important;
}

/* Sneat Kanban (pipeline) — jKanban + app-kanban.css */
.sneat-themed-content .app-kanban {
  --bs-paper-bg: #fff;
  --bs-box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
  --bs-heading-color: #566a7f;
}

.sneat-themed-content .app-kanban .kanban-wrapper {
  block-size: auto;
  min-block-size: min(72vh, calc(100vh - 14rem));
  overflow-x: auto;
  overflow-y: hidden;
  padding-block-end: 0.5rem;
}

.sneat-themed-content .app-kanban .kanban-wrapper .kanban-container {
  align-items: stretch;
  min-block-size: min(72vh, calc(100vh - 14rem));
}

.sneat-themed-content .app-kanban .kanban-wrapper .kanban-container .kanban-board {
  display: flex;
  flex-direction: column;
  float: none;
  min-block-size: min(72vh, calc(100vh - 14rem));
  block-size: auto !important;
  background: transparent !important;
  padding-inline: 0.35rem;
}

.sneat-themed-content .app-kanban .kanban-wrapper .kanban-container .kanban-board .kanban-board-header {
  flex-shrink: 0;
  padding-block: 0 0.75rem;
  padding-inline: 0.25rem;
}

.sneat-themed-content .app-kanban .kanban-wrapper .kanban-container .kanban-board .kanban-drag {
  flex: 1 1 auto;
  min-block-size: calc(min(72vh, calc(100vh - 14rem)) - 3.5rem) !important;
  block-size: auto;
  padding: 0.75rem !important;
  background: rgba(67, 89, 113, 0.06);
  border: 1px dashed rgba(67, 89, 113, 0.14);
  border-radius: 0.5rem;
  min-inline-size: 17.5rem;
}

.sneat-themed-content
  .app-kanban
  .kanban-wrapper
  .kanban-container
  .kanban-board
  .kanban-item {
  background-color: var(--bs-paper-bg) !important;
  box-shadow: var(--bs-box-shadow) !important;
  inline-size: 100%;
  max-inline-size: 100%;
  cursor: grab;
  margin-block-end: 1rem !important;
  padding-block: 1.25rem !important;
  padding-inline: 1.25rem !important;
  border-radius: 0.375rem;
}

.sneat-themed-content .app-kanban .kanban-wrapper .kanban-container .kanban-board .kanban-drag:empty::before {
  content: "Drop leads here";
  display: block;
  padding-block: 4rem 2rem;
  text-align: center;
  font-size: 0.8125rem;
  color: #a1acb8;
  pointer-events: none;
}

.sneat-themed-content
  .app-kanban
  .kanban-wrapper
  .kanban-container
  .kanban-board
  .kanban-item.kanban-item-unread {
  box-shadow: 0 0 0 1px rgba(105, 108, 255, 0.35), var(--bs-box-shadow) !important;
}

.sneat-themed-content .app-kanban a.kanban-text {
  color: #696cff;
  text-decoration: none;
}

.sneat-themed-content .app-kanban a.kanban-text:hover {
  text-decoration: underline;
}

.sneat-themed-content .app-kanban .kanban-item-reason {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Sneat Chat (team chat) */
.sneat-themed-content .app-chat {
  --bs-chat-bg: #f7f8f8;
  --bs-paper-bg: #fff;
  min-block-size: min(70vh, calc(100vh - 14rem));
}

.sneat-themed-content .app-chat.card {
  display: flex;
  flex-direction: column;
}

.sneat-themed-content .app-chat > .row {
  flex: 1 1 auto;
  min-block-size: min(70vh, calc(100vh - 14rem));
}

.sneat-themed-content .app-chat .app-chat-contacts,
.sneat-themed-content .app-chat .app-chat-history,
.sneat-themed-content .app-chat .app-chat-conversation {
  position: static;
  inset: auto;
  block-size: auto;
  min-block-size: min(70vh, calc(100vh - 14rem));
  opacity: 1;
  flex-basis: auto;
  inline-size: auto;
}

.sneat-themed-content .app-chat .app-chat-history {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}

.sneat-themed-content .app-chat .app-chat-contacts {
  max-inline-size: 100%;
}

@media (min-width: 992px) {
  .sneat-themed-content .app-chat .app-chat-contacts {
    max-inline-size: 21rem;
  }
}

.sneat-themed-content .app-chat .app-chat-contacts .sidebar-body {
  block-size: calc(min(70vh, calc(100vh - 14rem)) - 4.75rem);
  display: flex;
  flex-direction: column;
  min-block-size: 0;
  overflow: hidden;
}

.sneat-themed-content .app-chat .team-chat-sidebar-scroll {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
}

.sneat-themed-content .app-chat .team-chat-sidebar-contacts {
  flex-shrink: 0;
  border-block-start: 1px solid var(--bs-border-color);
  max-block-size: 40%;
  overflow-y: auto;
}

.sneat-themed-content .app-chat .team-chat-avatar-image,
.sneat-themed-content .app-chat .team-chat-avatar-initial {
  block-size: 100%;
  inline-size: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
}

.sneat-themed-content .app-chat .team-chat-avatar.avatar-online:after,
.sneat-themed-content .app-chat .team-chat-avatar.avatar-away:after,
.sneat-themed-content .app-chat .team-chat-avatar.avatar-busy:after {
  box-shadow: 0 0 0 2px var(--bs-paper-bg, #fff);
}

.team-chat-group-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.team-chat-group-avatar--md {
  inline-size: 2.75rem;
  block-size: 2.75rem;
}

.team-chat-group-avatar--sm {
  inline-size: 2rem;
  block-size: 2rem;
}

.team-chat-group-avatar__initials,
.team-chat-group-avatar__stack-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  overflow: hidden;
  font-weight: 700;
  line-height: 1;
}

.team-chat-group-avatar--md .team-chat-group-avatar__initials {
  inline-size: 2.75rem;
  block-size: 2.75rem;
  font-size: 0.8125rem;
}

.team-chat-group-avatar--sm .team-chat-group-avatar__initials {
  inline-size: 2rem;
  block-size: 2rem;
  font-size: 0.6875rem;
}

.team-chat-group-avatar__stack {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
}

.team-chat-group-avatar__stack-item {
  border: 2px solid var(--bs-paper-bg, #fff);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.team-chat-group-avatar__stack-item:not(:first-child) {
  margin-inline-start: -0.55rem;
}

.team-chat-group-avatar--md .team-chat-group-avatar__stack-item {
  inline-size: 1.35rem;
  block-size: 1.35rem;
  font-size: 0.5625rem;
  border-radius: 999px;
}

.team-chat-group-avatar--sm .team-chat-group-avatar__stack-item {
  inline-size: 1rem;
  block-size: 1rem;
  font-size: 0.5rem;
  border-radius: 999px;
}

.team-chat-group-avatar__image {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.team-chat-group-avatar__badge {
  position: absolute;
  right: -0.1rem;
  bottom: -0.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 0.95rem;
  block-size: 0.95rem;
  border-radius: 999px;
  background: var(--bs-primary);
  color: #fff;
  font-size: 0.5625rem;
  box-shadow: 0 0 0 2px var(--bs-paper-bg, #fff);
}

.team-chat-group-avatar--sm .team-chat-group-avatar__badge {
  inline-size: 0.8rem;
  block-size: 0.8rem;
  font-size: 0.5rem;
}

html.dark-style .team-chat-group-avatar__stack-item {
  border-color: var(--bs-paper-bg, #2b2c40);
}

html.dark-style .team-chat-group-avatar__badge {
  box-shadow: 0 0 0 2px var(--bs-paper-bg, #2b2c40);
}

.team-chat-status-dot {
  display: inline-block;
  inline-size: 0.625rem;
  block-size: 0.625rem;
  border-radius: 100%;
  vertical-align: middle;
}

.team-chat-status-dot-available {
  background-color: #71dd37;
}

.team-chat-status-dot-busy {
  background-color: #ff3e1d;
}

.sneat-themed-content .app-chat .team-chat-message-image {
  display: block;
  block-size: 12rem;
  inline-size: 12rem;
  max-inline-size: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
}

.sneat-themed-content .app-chat .chat-history-wrapper {
  background-color: var(--bs-chat-bg);
  min-block-size: 0;
}

.sneat-themed-content .app-chat .app-chat-history .chat-history-body {
  block-size: auto;
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
  padding-block: 1.5rem;
  padding-inline: 1.5rem;
}

.sneat-themed-content .app-chat .app-chat-history .chat-history-footer {
  flex-shrink: 0;
  margin: 0;
  padding-block: 1rem;
  padding-inline: 1.5rem;
  background-color: var(--bs-paper-bg);
  border-radius: 0;
  box-shadow: none;
}

.sneat-themed-content .app-chat .app-chat-history .chat-history-footer .form-send-message {
  min-block-size: 2.875rem;
  margin: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

.sneat-themed-content .app-chat .app-chat-history .chat-history-footer .form-control.message-input {
  min-block-size: 2.875rem;
  padding-block: 0.625rem;
  padding-inline: 1rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  background-color: var(--bs-body-bg, #fff);
  border-radius: 0.375rem;
}

.sneat-themed-content .app-chat .app-chat-history .chat-history-footer .send-msg-btn {
  min-block-size: 2.875rem;
  padding-inline: 1.25rem;
}

.sneat-themed-content .app-chat .avatar img {
  block-size: 100%;
  inline-size: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}

.sneat-themed-content .app-chat .chat-contact-list-item button {
  color: inherit;
}

.sneat-themed-content .app-chat .chat-contact-list-item.active button {
  color: var(--bs-white);
}

/* Sneat calendar (appointments) — FullCalendar + app-calendar.css */
.sneat-themed-content .app-calendar-wrapper {
  overflow: hidden;
}

.sneat-themed-content .app-calendar-wrapper .app-calendar-sidebar {
  position: static;
  inset-inline-start: auto;
  block-size: auto;
  inline-size: auto;
  flex-basis: auto;
  background-color: var(--bs-paper-bg, #fff);
}

@media (max-width: 991.98px) {
  .sneat-themed-content .app-calendar-wrapper .app-calendar-sidebar {
    border-bottom: 1px solid var(--bs-border-color);
  }
}

.sneat-themed-content .app-calendar-wrapper .app-calendar-content {
  min-inline-size: 0;
}

.sneat-themed-content .app-calendar-wrapper .fc-view-container {
  margin-inline: 0;
}

.sneat-themed-content .appointments-mini-calendar .appointments-mini-calendar-day {
  block-size: 2rem;
  font-size: 0.8125rem;
  padding-block: 0;
}

.sneat-themed-content .app-calendar-events-filter .form-check-input:checked {
  border-color: #696cff;
  background-color: #696cff;
}

.sneat-themed-content .app-calendar-wrapper .fc .fc-button-primary.fc-button-active,
.sneat-themed-content .app-calendar-wrapper .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  --fc-button-text-color: #fff;
  color: #fff !important;
}

.sneat-themed-content .app-calendar-wrapper .fc .fc-button-primary:hover,
.sneat-themed-content .app-calendar-wrapper .fc .fc-button-primary.fc-button-active:hover {
  --fc-button-text-color: #fff;
  color: #fff !important;
}

.sneat-themed-content table {
  --bs-table-bg: transparent;
}

.sneat-themed-content .table thead th {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  color: #a1acb8;
}

.layout-wrapper ~ button[aria-label="Open help"],
.layout-wrapper button[aria-label="Open help"] {
  z-index: 1090;
}

/* Setup checklist — stronger contrast on completed step icons */
.onboarding-checklist .onboarding-step-icon {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.65rem;
  line-height: 1;
}

.onboarding-checklist .onboarding-step-icon--complete {
  color: #0d7a44;
  font-weight: 700;
  background-color: rgba(40, 199, 111, 0.28) !important;
}

html.dark-style .onboarding-checklist .onboarding-step-icon--complete {
  color: #5dd879;
  background-color: rgba(40, 199, 111, 0.22) !important;
}

/* Meeting type — team member assignment table */
.booking-team-table {
  border: 1px solid rgba(67, 89, 113, 0.12);
  border-radius: 0.375rem;
  padding: 0.75rem;
  background: rgba(67, 89, 113, 0.02);
}

.booking-team-table .table {
  margin-bottom: 0;
}

.booking-team-table__check {
  width: 4.5rem;
}

.booking-team-table__section-row td {
  padding-top: 1rem;
  padding-bottom: 0.35rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(67, 89, 113, 0.72);
  border-bottom: none;
}

.booking-team-table__row--inactive {
  opacity: 0.72;
}

.booking-type-advanced summary {
  cursor: pointer;
  user-select: none;
}

.booking-setup-guide__steps {
  line-height: 1.55;
}

.booking-setup-guide__steps li + li {
  margin-top: 0.35rem;
}

.app-modal-backdrop {
  z-index: 1090;
}

.app-modal {
  z-index: 1091;
}

.app-modal .modal-header .btn-close {
  transform: none !important;
  box-shadow: none;
  background-color: transparent;
  padding: 0.5rem;
  margin: 0;
  opacity: 0.55;
}

.app-modal .modal-header .btn-close:hover,
.app-modal .modal-header .btn-close:focus,
.app-modal .modal-header .btn-close:active {
  transform: none !important;
  opacity: 1;
}

.app-modal__description {
  max-height: 12rem;
  resize: vertical;
}

/* Settings → Team member profiles */
.team-members-settings__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.team-members-settings__section-title {
  margin: 0.5rem 0 0;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

.team-members-settings__member-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}

.team-members-settings__member-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.team-members-settings__member-meta {
  word-break: break-word;
}

.team-members-settings__calendar-hint {
  padding-top: 0.75rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}
/* Settings → Industry template */
.industry-template-form .industry-template-form__keep-fields {
  margin-top: 0.25rem;
  margin-bottom: 0;
  padding-left: 1.75em;
}

.industry-template-form .industry-template-form__keep-fields .form-check-input {
  margin-left: -1.75em;
  margin-top: 0.2em;
  float: none;
}

.industry-template-form .industry-template-form__keep-fields .form-check-label {
  line-height: 1.45;
  padding-left: 0.35em;
}

.industry-template-form .industry-template-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

.team-members-settings__empty {
  border: 1px dashed rgba(67, 89, 113, 0.35);
  border-radius: 0.375rem;
  background: rgba(67, 89, 113, 0.04);
  padding: 1.25rem 1rem;
}

.team-members-settings__active {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-left: 1.75em;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

.team-members-settings__active .form-check-input {
  margin-left: -1.75em;
  margin-top: 0.15em;
  float: none;
}

.team-members-settings__active .form-check-label {
  line-height: 1.45;
  padding-left: 0.35em;
}

/* Settings → SMS reminders */
.sms-settings-form__fields {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.sms-settings-form__enable {
  margin-bottom: 0;
  padding-left: 1.75em;
}

.sms-settings-form__enable .form-check-input {
  margin-left: -1.75em;
  margin-top: 0.15em;
  float: none;
}

.sms-settings-form__enable .form-check-label {
  line-height: 1.45;
  padding-left: 0.35em;
}

.sms-settings-form__test-group {
  max-width: 28rem;
}

.sms-settings-form__test-group .form-control {
  min-width: 0;
}

.sms-settings-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

/* Settings → AI */
.ai-settings-form__fields {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.ai-settings-form__sources {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.ai-settings-form__sources .form-check {
  margin-bottom: 0;
  padding-left: 1.75em;
}

.ai-settings-form__sources .form-check-input {
  margin-left: -1.75em;
  margin-top: 0.15em;
  float: none;
}

.ai-settings-form__sources .form-check-label {
  line-height: 1.45;
  padding-left: 0.35em;
}

.ai-settings-form__key-group {
  max-width: 28rem;
}

.ai-settings-form__key-group .form-control {
  min-width: 0;
}

.ai-settings-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

/* Settings → AI follow-up */
.follow-up-settings-form__sequence {
  border: 1px solid rgba(67, 89, 113, 0.12);
  border-radius: 0.375rem;
  background: rgba(67, 89, 113, 0.04);
  padding: 1rem 1rem 0.875rem;
}

.follow-up-settings-form__sequence-title {
  font-weight: 600;
  color: rgba(67, 89, 113, 0.85);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.6875rem;
}

.follow-up-settings-form__sequence-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.follow-up-settings-form__sequence-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  line-height: 1.4;
}

.follow-up-settings-form__sequence-delay {
  font-weight: 600;
  font-size: 0.875rem;
  min-width: 4.5rem;
}

.follow-up-settings-form__enable-wrap {
  padding-top: 0.25rem;
}

.follow-up-settings-form__enable {
  margin-bottom: 0.5rem;
  padding-left: 1.75em;
}

.follow-up-settings-form__enable .form-check-input {
  margin-left: -1.75em;
  margin-top: 0.15em;
  float: none;
}

.follow-up-settings-form__enable .form-check-label {
  line-height: 1.45;
  padding-left: 0.35em;
}

.follow-up-settings-form__footnote {
  padding-left: 1.75em;
  max-width: 42rem;
}

.follow-up-settings-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

/* AI Automations */
.automations-page__card .card-body {
  padding-block: 1.125rem;
}

.automations-page__toggle {
  min-width: 6.5rem;
  padding-left: 2.5em;
}

.automations-page__toggle .form-check-input {
  margin-left: -2.5em;
}

.automations-page__empty {
  border-style: dashed;
}

.automations-page__modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1090;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 1rem;
  background: rgba(67, 89, 113, 0.35);
}

.automations-page__modal {
  width: min(100%, 28rem);
  box-shadow: 0 0.5rem 1.5rem rgba(67, 89, 113, 0.25);
}

.automations-page__trigger-option {
  text-decoration: none;
}

.automations-page__trigger-option:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.automation-editor__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

.automation-step-card__index {
  font-size: 0.6875rem;
  letter-spacing: 0.03em;
}

.automation-step-card__handoff-action {
  border: 1px solid rgba(67, 89, 113, 0.12);
  border-radius: 0.375rem;
  background: rgba(67, 89, 113, 0.03);
  padding: 0.875rem 1rem;
}

.automation-step-card__handoff-action-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* Settings → Billing */
.billing-settings__plans {
  margin-top: 1.5rem;
}

.billing-settings__plans-heading {
  margin: 0 0 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(67, 89, 113, 0.72);
}

.billing-settings__plan-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.billing-settings__plan-section-divider {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

.billing-settings__plan-grid--agency {
  justify-items: center;
}

.billing-settings__plan-grid--agency .billing-settings__plan-card {
  width: 100%;
  max-width: 22rem;
}

.billing-settings__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(67, 89, 113, 0.12);
}

.usage-limits-panel__metrics {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.usage-limits-panel__progress {
  height: 0.5rem;
}

/* Admin → Organizations list */
.admin-organizations-list__card .card-body.border-bottom {
  padding-bottom: 1.25rem;
}

.admin-organizations-table__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.admin-organizations-table {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
}

.admin-organizations-table__child-row td {
  background-color: rgba(105, 108, 255, 0.04);
}

.admin-organizations-table thead th {
  white-space: nowrap;
  border-bottom-width: 1px;
  background-color: #fff;
}

.admin-organizations-table tbody td {
  vertical-align: middle;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  border-top-width: 1px;
  white-space: nowrap;
  background-color: #fff;
}

.admin-organizations-table__org {
  position: sticky;
  left: 0;
  z-index: 3;
  min-width: 14rem;
  white-space: normal;
  background-color: #fff;
  box-shadow: 4px 0 8px rgba(67, 89, 113, 0.08);
}

.admin-organizations-table thead th.admin-organizations-table__org {
  z-index: 5;
}

.admin-organizations-table__actions {
  position: sticky;
  right: 0;
  z-index: 3;
  min-width: 6.75rem;
  padding-left: 0.75rem !important;
  background-color: #fff;
  box-shadow: -4px 0 8px rgba(67, 89, 113, 0.08);
}

.admin-organizations-table thead th.admin-organizations-table__actions {
  z-index: 5;
}

.admin-organizations-table__child-row .admin-organizations-table__org,
.admin-organizations-table__child-row .admin-organizations-table__actions {
  background-color: rgba(105, 108, 255, 0.04);
}

.admin-organizations-table.table-hover > tbody > tr:hover > .admin-organizations-table__org,
.admin-organizations-table.table-hover > tbody > tr:hover > .admin-organizations-table__actions {
  background-color: rgba(67, 89, 113, 0.04);
}

.admin-organizations-table__child-row:hover > .admin-organizations-table__org,
.admin-organizations-table__child-row:hover > .admin-organizations-table__actions {
  background-color: rgba(105, 108, 255, 0.08);
}

.admin-organizations-table__usage-heading,
.admin-organizations-table__usage-metric {
  cursor: help;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Auth — Clerk embedded in Sneat card (no nested card / offset) */
.authentication-wrapper.authentication-basic .authentication-inner::before,
.authentication-wrapper.authentication-basic .authentication-inner::after {
  display: none;
}

.authentication-wrapper.authentication-basic .authentication-inner {
  overflow: visible;
}

.asa-auth-brand .app-brand-link {
  align-items: center;
}

.asa-auth-brand-title {
  display: block;
  margin-top: 0.65rem;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.35;
  text-transform: uppercase;
  color: var(--bs-heading-color, #566a7f);
}

.asa-auth-page-title {
  color: var(--bs-heading-color, #566a7f);
}

.dark-style .asa-auth-brand-title,
.dark-style .asa-auth-page-title {
  color: var(--bs-heading-color, #cfd3ec);
}

.authentication-wrapper.authentication-basic .authentication-inner .card [class*="cl-rootBox"],
.authentication-wrapper.authentication-basic .authentication-inner .card [class*="cl-cardBox"] {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
}

.authentication-wrapper.authentication-basic .authentication-inner .card [class*="cl-footer"],
.authentication-wrapper.authentication-basic .authentication-inner .card [class*="cl-footerAction"],
.authentication-wrapper.authentication-basic .authentication-inner .card [class*="cl-footerActionText"] {
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

.sneat-themed-content .app-chat .app-chat-thread-panel-column {
  min-block-size: 0;
  background-color: var(--bs-paper-bg);
}

@media (min-width: 992px) {
  .sneat-themed-content .app-chat > .row.team-chat-pane-layout {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout .team-chat-pane-sidebar,
  .sneat-themed-content .app-chat > .row.team-chat-pane-layout .team-chat-pane-main,
  .sneat-themed-content .app-chat > .row.team-chat-pane-layout .team-chat-pane-thread {
    flex: 1 1 0;
    min-inline-size: 0;
    max-inline-size: none;
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout-two .team-chat-pane-sidebar {
    flex: var(--team-chat-sidebar-weight, 28) 1 0;
    min-inline-size: 12rem;
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout-two .team-chat-pane-main {
    flex: var(--team-chat-main-weight, 72) 1 0;
    min-inline-size: 16rem;
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout-three .team-chat-pane-sidebar {
    flex: var(--team-chat-sidebar-weight, 24) 1 0;
    min-inline-size: 11rem;
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout-three .team-chat-pane-main {
    flex: var(--team-chat-main-weight, 46) 1 0;
    min-inline-size: 14rem;
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout-three .team-chat-pane-thread {
    flex: var(--team-chat-thread-weight, 30) 1 0;
    min-inline-size: 11rem;
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout .app-chat-contacts {
    max-inline-size: none;
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout .app-chat-contacts .sidebar-body {
    block-size: calc(min(70vh, calc(100vh - 14rem)) - 4.75rem);
  }

  .sneat-themed-content .app-chat .team-chat-pane-resizer {
    flex: 0 0 0.375rem;
    align-self: stretch;
    cursor: col-resize;
    touch-action: none;
    background-color: transparent;
    position: relative;
    z-index: 2;
  }

  .sneat-themed-content .app-chat .team-chat-pane-resizer::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 50%;
    inline-size: 1px;
    transform: translateX(-50%);
    background-color: var(--bs-border-color);
    transition: inline-size 0.15s ease, background-color 0.15s ease;
  }

  .sneat-themed-content .app-chat .team-chat-pane-resizer:hover::before,
  .sneat-themed-content .app-chat .team-chat-pane-resizer:focus-visible::before {
    inline-size: 3px;
    background-color: rgba(var(--bs-primary-rgb), 0.75);
  }
}

@media (max-width: 991.98px) {
  .sneat-themed-content .app-chat > .row.team-chat-pane-layout > .team-chat-pane-main,
  .sneat-themed-content .app-chat > .row.team-chat-pane-layout > .team-chat-pane-thread {
    border-top: 1px solid var(--bs-border-color);
  }

  .sneat-themed-content .app-chat > .row.team-chat-pane-layout .team-chat-pane-thread {
    border-inline-start: none !important;
  }
}

.sneat-themed-content .app-chat .app-chat-thread-panel-body,
.sneat-themed-content .app-chat .app-chat-thread-panel-footer {
  background-color: var(--bs-paper-bg);
}

.sneat-themed-content .app-chat .team-chat-thread-preview {
  text-decoration: none;
}

.sneat-themed-content .app-chat .team-chat-thread-preview-avatar {
  display: inline-flex;
  margin-inline-end: -0.35rem;
}

.sneat-themed-content .app-chat .team-chat-thread-preview-avatar .avatar-sm {
  block-size: 1.5rem;
  inline-size: 1.5rem;
  font-size: 0.625rem;
}

.sneat-themed-content .app-chat .team-chat-thread-divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.sneat-themed-content .app-chat .team-chat-thread-divider::before,
.sneat-themed-content .app-chat .team-chat-thread-divider::after {
  content: "";
  flex: 1;
  block-size: 1px;
  background-color: var(--bs-border-color);
}

.sneat-themed-content .app-chat .team-chat-message-thread-open .chat-message-text {
  box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb), 0.35);
}

.sneat-themed-content .app-chat .team-chat-message-actions {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.sneat-themed-content .app-chat .chat-message:hover .team-chat-message-actions,
.sneat-themed-content .app-chat .chat-message:focus-within .team-chat-message-actions,
.sneat-themed-content .app-chat .team-chat-message-thread-open .team-chat-message-actions {
  opacity: 1;
}

.sneat-themed-content .app-chat .team-chat-thread-panel-message-mine {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: rgba(var(--bs-primary-rgb), 0.08);
}

/* Channel inbox (Meta messaging) */
.sneat-themed-content .channel-inbox-panel > .row {
  align-items: stretch;
}

/* Channel inbox uses Bootstrap cols on app-chat-* elements; undo global app-chat sizing resets. */
.sneat-themed-content .channel-inbox-panel .app-chat-contacts.col-12,
.sneat-themed-content .channel-inbox-panel .app-chat-history.col-12 {
  flex: 0 0 100%;
  inline-size: 100%;
  max-inline-size: none;
}

@media (min-width: 992px) {
  .sneat-themed-content .channel-inbox-panel .app-chat-contacts.col-lg-5 {
    flex: 0 0 auto;
    inline-size: 41.66666667%;
    max-inline-size: none;
  }

  .sneat-themed-content .channel-inbox-panel .app-chat-history.col-lg-7 {
    flex: 0 0 auto;
    inline-size: 58.33333333%;
  }
}

.sneat-themed-content .channel-inbox-panel .app-chat-contacts,
.sneat-themed-content .channel-inbox-panel .app-chat-history {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
  min-inline-size: 0;
}

.sneat-themed-content .channel-inbox-panel .app-chat-history {
  background-color: var(--bs-chat-bg);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-tabs {
  margin-bottom: 0;
  border-bottom: 0;
  gap: 0.375rem;
}

/* Override Sneat nav-tabs inactive tab fill (#eceef1) for channel inbox pills. */
.sneat-themed-content .channel-inbox-panel .channel-inbox-tabs.nav-tabs .nav-item .nav-link:not(.active) {
  background-color: transparent;
  color: var(--bs-secondary-color);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-tabs .nav-item {
  flex: 1 1 0;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-tabs .nav-link {
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  text-align: center;
  font-weight: 500;
  color: var(--bs-secondary-color);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-tabs.nav-tabs .nav-item .nav-link:hover,
.sneat-themed-content .channel-inbox-panel .channel-inbox-tabs.nav-tabs .nav-item .nav-link:focus {
  color: var(--bs-body-color);
  background-color: rgba(var(--bs-primary-rgb), 0.06);
  border-color: transparent;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-tabs .nav-link.active {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.12);
  border-color: rgba(var(--bs-primary-rgb), 0.28);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item {
  margin: 0.25rem 0.625rem;
  border-radius: 0.625rem;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item:hover:not(.active) {
  background-color: rgba(var(--bs-primary-rgb), 0.06);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item.active {
  background-color: rgba(var(--bs-primary-rgb), 0.16);
  box-shadow: inset 3px 0 0 var(--bs-primary);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item.active,
.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item.active .channel-inbox-thread-button {
  color: var(--bs-body-color);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  border-radius: 999px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-icon--whatsapp {
  background: linear-gradient(135deg, #25d366, #128c7e);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-icon--messenger {
  background: linear-gradient(135deg, #0099ff, #006aff);
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-icon--instagram {
  background: linear-gradient(135deg, #f58529, #dd2a7b 55%, #8134af);
}

.sneat-themed-content .channel-inbox-panel .sidebar-header {
  flex-shrink: 0;
  padding: 1rem 1.25rem 0.75rem;
}

.sneat-themed-content .channel-inbox-panel .sidebar-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-block-size: 0;
  overflow: hidden;
  block-size: auto;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-button {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  inline-size: 100%;
  padding: 1rem 1.25rem;
  border: 0;
  background: transparent;
  text-align: start;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-thread-date {
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 0.75rem;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail,
.sneat-themed-content .channel-inbox-panel .channel-inbox-detail-empty {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  inline-size: 100%;
  min-block-size: 0;
  min-inline-size: 0;
  overflow: hidden;
  align-self: stretch;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail .chat-history-wrapper {
  flex: 1 1 auto;
  min-block-size: 0;
  min-inline-size: 0;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail-header,
.sneat-themed-content .channel-inbox-panel .channel-inbox-detail .chat-history-header {
  flex-shrink: 0;
  background-color: var(--bs-paper-bg, #fff);
  padding: 1.25rem 1.75rem;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail .chat-history-header h5 {
  margin-bottom: 0.375rem;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail-body,
.sneat-themed-content .channel-inbox-panel .channel-inbox-detail .chat-history-body {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
  background-color: var(--bs-chat-bg);
  padding: 1.5rem 1.75rem;
  gap: 0.75rem;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail-footer,
.sneat-themed-content .channel-inbox-panel .channel-inbox-detail .chat-history-footer {
  flex-shrink: 0;
  background-color: var(--bs-paper-bg, #fff);
  margin: 0;
  padding: 1.25rem 1.75rem;
  border-radius: 0;
  box-shadow: none;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail-empty {
  padding: 2rem 1.75rem;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail-body .chat-message {
  margin-block-end: 1rem;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail-body .chat-message:last-child {
  margin-block-end: 0;
}

.sneat-themed-content .channel-inbox-panel .channel-inbox-detail-body .chat-message-text {
  max-inline-size: min(36rem, 80%);
  white-space: pre-wrap;
}

html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-detail-header,
html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-detail-footer,
html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-detail .chat-history-header,
html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-detail .chat-history-footer {
  background-color: var(--bs-paper-bg, #2b2c40);
}

html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-tabs.nav-tabs .nav-item .nav-link:not(.active) {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.72);
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-tabs .nav-link {
  color: rgba(255, 255, 255, 0.72);
}

html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-tabs.nav-tabs .nav-item .nav-link:hover,
html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-tabs.nav-tabs .nav-item .nav-link:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
}

html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-tabs .nav-link.active {
  color: #fff;
  background-color: rgba(var(--bs-primary-rgb), 0.28);
  border-color: rgba(var(--bs-primary-rgb), 0.45);
}

html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item:hover:not(.active) {
  background-color: rgba(255, 255, 255, 0.05);
}

html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item.active {
  background-color: rgba(var(--bs-primary-rgb), 0.24);
  box-shadow: inset 3px 0 0 rgb(var(--bs-primary-rgb));
}

html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item.active,
html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item.active .channel-inbox-thread-button,
html.dark-style .sneat-themed-content .channel-inbox-panel .channel-inbox-thread-list .chat-contact-list-item.active .text-muted {
  color: #e7e7ff !important;
}

/* Dashboard notification stack (macOS-style, top-right) */
.dashboard-notification-stack {
  position: fixed;
  top: 5.5rem;
  right: 1rem;
  z-index: 1090;
  inline-size: min(380px, calc(100vw - 2rem));
  pointer-events: none;
}

.dashboard-notification-stack__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-block-end: 0.5rem;
  pointer-events: auto;
}

.dashboard-notification-stack__settings {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  margin-inline-start: auto;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--bs-body-color);
  box-shadow:
    0 4px 14px rgba(15, 23, 42, 0.1),
    0 1px 4px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  cursor: pointer;
}

.dashboard-notification-stack__settings:hover {
  background: rgba(var(--bs-primary-rgb), 0.08);
  color: var(--bs-primary);
}

.dashboard-notification-stack__clear-all {
  border: 0;
  background: transparent;
  color: var(--bs-primary);
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
}

.dashboard-notification-stack__clear-all:hover {
  background: rgba(var(--bs-primary-rgb), 0.08);
}

.dashboard-notification-stack__list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  max-block-size: min(70vh, 640px);
  overflow-y: auto;
  padding-block-end: 0.25rem;
}

.dashboard-notification-stack__card {
  position: relative;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    0 10px 30px rgba(15, 23, 42, 0.12),
    0 2px 8px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  pointer-events: auto;
  animation: dashboard-notification-in 0.28s ease-out;
}

.dashboard-notification-stack__card--urgent {
  border-color: rgba(var(--bs-warning-rgb), 0.35);
}

.dashboard-notification-stack__dismiss {
  position: absolute;
  top: 0.45rem;
  right: 0.45rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  color: var(--bs-body-color);
  opacity: 0;
  transition: opacity 0.15s ease, background-color 0.15s ease;
  cursor: pointer;
}

.dashboard-notification-stack__card:hover .dashboard-notification-stack__dismiss,
.dashboard-notification-stack__card:focus-within .dashboard-notification-stack__dismiss {
  opacity: 1;
}

.dashboard-notification-stack__dismiss:hover {
  background: rgba(15, 23, 42, 0.12);
}

.dashboard-notification-stack__body {
  display: flex;
  gap: 0.75rem;
  inline-size: 100%;
  padding: 0.875rem 1rem;
  border: 0;
  background: transparent;
  text-align: start;
  color: inherit;
  cursor: pointer;
}

.dashboard-notification-stack__avatar {
  flex-shrink: 0;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  border-radius: 0.75rem;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dashboard-notification-stack__avatar img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.dashboard-notification-stack__avatar--logo {
  background: rgba(var(--bs-primary-rgb), 0.08);
  padding: 0.4rem;
}

.dashboard-notification-stack__avatar--logo img {
  object-fit: contain;
}

.dashboard-notification-stack__avatar--icon {
  font-size: 1.25rem;
}

.dashboard-notification-stack__avatar--initials {
  font-size: 0.8125rem;
  font-weight: 700;
}

.dashboard-notification-stack__content {
  min-inline-size: 0;
  flex: 1;
  padding-inline-end: 1.25rem;
}

.dashboard-notification-stack__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-block-end: 0.125rem;
}

.dashboard-notification-stack__source {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--bs-heading-color);
}

.dashboard-notification-stack__time {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
}

.dashboard-notification-stack__badge {
  margin: 0 0 0.125rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

.dashboard-notification-stack__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--bs-heading-color);
}

.dashboard-notification-stack__preview {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--bs-secondary-color);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@keyframes dashboard-notification-in {
  from {
    opacity: 0;
    transform: translateX(1rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

html.dark-style .dashboard-notification-stack__card {
  background: rgba(43, 44, 64, 0.88);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.35),
    0 2px 8px rgba(0, 0, 0, 0.2);
}

html.dark-style .dashboard-notification-stack__dismiss {
  background: rgba(255, 255, 255, 0.08);
}

html.dark-style .dashboard-notification-stack__dismiss:hover {
  background: rgba(255, 255, 255, 0.14);
}

html.dark-style .dashboard-notification-stack__settings {
  background: rgba(43, 44, 64, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.28),
    0 1px 4px rgba(0, 0, 0, 0.18);
}

/* Automation workflow builder (ASA-26) */
.automations-workflow-builder {
  --automation-pane-padding-x: 1.125rem;
  --automation-pane-padding-y: 0.875rem;
  --automation-pane-gap: 1rem;
}

.automations-workflow-builder__header {
  padding-bottom: 0.125rem;
}

.automations-workflow-builder__panes {
  align-items: stretch;
}

.automations-workflow-builder__pane {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.automations-workflow-builder__pane-header {
  flex-shrink: 0;
  padding: var(--automation-pane-padding-y) var(--automation-pane-padding-x);
  min-height: 2.75rem;
  display: flex;
  align-items: center;
}

.automations-workflow-builder__pane-header--tabs {
  padding: 0.875rem var(--automation-pane-padding-x) 0.625rem;
  align-items: stretch;
  border-bottom: 0;
  background: transparent;
}

.automations-workflow-builder__pane-header--tabs
  + .automations-workflow-builder__pane-body {
  padding-top: 1.5rem;
}

.automations-workflow-builder__pane-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: var(--automation-pane-padding-x);
  font-size: 0.875rem;
  line-height: 1.45;
}

.automations-workflow-builder__pane-body--scroll {
  overflow-y: auto;
}

.automations-workflow-builder__tabs {
  display: flex;
  width: 100%;
  gap: 0.375rem;
  margin: 0;
  padding: 0.3125rem;
  border-radius: 0.875rem;
  background: rgba(var(--bs-secondary-rgb), 0.1);
}

.automations-workflow-builder__tabs .nav-item {
  flex: 1 1 0;
  min-width: 0;
}

.automations-workflow-builder__tabs .nav-link {
  width: 100%;
  padding: 0.5625rem 0.875rem;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  border: 0;
  border-radius: 0.6875rem;
  margin: 0;
  color: var(--bs-secondary-color);
  background: transparent;
  box-shadow: none;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.automations-workflow-builder__tabs .nav-link:hover:not(.active) {
  color: var(--bs-body-color);
  background: rgba(var(--bs-secondary-rgb), 0.08);
}

.automations-workflow-builder__tabs .nav-link.active {
  color: #fff;
  background: var(--bs-primary, #696cff);
  border-color: transparent;
  box-shadow: 0 2px 10px rgba(105, 108, 255, 0.28);
}

.automation-workflow-canvas {
  width: 100%;
  min-height: 520px;
  height: min(72vh, 720px);
  background-color: #f3f4f6;
  background-image: radial-gradient(circle, #d1d5db 1px, transparent 1px);
  background-size: 20px 20px;
}

.automation-workflow-canvas .react-flow__renderer,
.automation-workflow-canvas .react-flow__viewport,
.automation-workflow-canvas .react-flow__pane {
  background: transparent !important;
}

.automations-workflow-builder__pane--canvas {
  background: #f3f4f6;
}

.automations-workflow-builder__pane--canvas .card-body {
  background: transparent;
}

.automations-workflow-builder__name {
  max-width: 280px;
}

.automations-workflow-builder__canvas-wrap {
  min-height: 520px;
  flex: 1 1 auto;
}

/* Palette */
.automation-workflow-palette__intro {
  margin: 0 0 1rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--bs-secondary-color);
}

.automation-workflow-palette__section + .automation-workflow-palette__section {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--bs-border-color);
}

.automation-workflow-palette__section-label {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  margin-bottom: 0.625rem;
}

.automation-workflow-palette__grid {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.automation-workflow-palette__btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  background: var(--bs-body-bg);
  text-align: left;
  font-size: 0.8125rem;
  color: var(--bs-body-color);
  cursor: grab;
}

.automation-workflow-palette__btn:hover:not(:disabled) {
  border-color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.04);
}

.automation-workflow-palette__btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.automation-workflow-palette__btn--disabled {
  cursor: not-allowed;
}

.automation-workflow-palette__drag {
  color: var(--bs-secondary-color);
  font-size: 1rem;
  flex-shrink: 0;
}

.automation-workflow-palette__icon {
  font-size: 1.125rem;
  color: var(--bs-primary);
  flex-shrink: 0;
}

.automation-workflow-palette__text {
  flex: 1;
  font-weight: 500;
  min-width: 0;
}

.automation-workflow-palette__badge {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--bs-secondary-color);
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  padding: 0.125rem 0.375rem;
  flex-shrink: 0;
}

/* Inspector */
.automation-workflow-inspector__empty {
  font-size: 0.8125rem;
  line-height: 1.45;
}

.automation-workflow-inspector__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-top: 0.125rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--bs-border-color);
}

.automation-workflow-inspector__icon {
  font-size: 1.375rem;
  line-height: 1;
  color: var(--bs-primary);
  margin-top: 0.125rem;
  flex-shrink: 0;
}

.automation-workflow-inspector__titles {
  min-width: 0;
  flex: 1;
}

.automation-workflow-inspector__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--bs-heading-color);
}

.automation-workflow-inspector__subtitle {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--bs-secondary-color);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.automation-workflow-inspector__fields {
  display: flex;
  flex-direction: column;
  gap: var(--automation-pane-gap);
}

.automation-workflow-inspector .form-label {
  margin-bottom: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  color: var(--bs-body-color);
}

.automation-workflow-inspector .form-text {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--bs-secondary-color);
}

.automation-workflow-fields {
  display: flex;
  flex-direction: column;
  gap: var(--automation-pane-gap);
}

.automation-workflow-fields__group {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.automation-workflow-fields__checks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
}

.automation-workflow-fields__row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.automation-workflow-fields__path-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.automation-workflow-fields__path-row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.automation-workflow-fields__path-hint {
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--bs-secondary-color);
}

.automation-workflow-fields__path-fixed {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--bs-border-color);
  background: rgba(var(--bs-secondary-rgb), 0.08);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--bs-body-color);
}

.automation-workflow-fields__help {
  padding: 0.625rem 0.75rem;
  border-radius: 0.375rem;
  border: 1px solid var(--bs-border-color);
  background: rgba(var(--bs-secondary-rgb), 0.06);
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--bs-secondary-color);
}

.automation-workflow-fields__help-lead {
  color: var(--bs-body-color);
}

.automation-workflow-fields__help-list {
  margin: 0;
  padding-left: 1.125rem;
}

.automation-workflow-fields__help-list li + li {
  margin-top: 0.125rem;
}

.automations-workflow-builder__pane-body .form-ai-panel > .d-flex:first-child {
  padding-top: 0.125rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--bs-border-color);
}

.automations-workflow-builder__pane-body .form-ai-panel-messages {
  padding-right: 0.125rem;
}

.automations-workflow-builder__pane-body .form-ai-input-row {
  padding-bottom: 0.375rem;
}

.automations-workflow-builder__pane-body .form-ai-input-footer {
  align-items: flex-end;
  padding-bottom: 0.125rem;
}

.automation-workflow-node {
  display: flex;
  align-items: stretch;
  min-width: 220px;
  max-width: 260px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 8px 24px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.automation-workflow-node--selected {
  outline: 2px solid var(--bs-primary, #696cff);
  outline-offset: 2px;
}

.automation-workflow-node__accent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  flex-shrink: 0;
  color: #fff;
  font-size: 1.25rem;
}

.automation-workflow-node__accent--trigger {
  background: #22c55e;
}

.automation-workflow-node__accent--ai-logic {
  background: #a855f7;
}

.automation-workflow-node__accent--email,
.automation-workflow-node__accent--end {
  background: #3b82f6;
}

.automation-workflow-node__accent--sms {
  background: #f97316;
}

.automation-workflow-node__accent--handoff {
  background: #14b8a6;
}

.automation-workflow-node__accent--wait {
  background: #94a3b8;
}

.automation-workflow-node__accent--engagement-gate {
  background: #6366f1;
}

.automation-workflow-node__body {
  padding: 0.65rem 0.75rem;
  min-width: 0;
}

.automation-workflow-node__title {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--bs-heading-color, #111827);
  line-height: 1.2;
}

.automation-workflow-node__subtitle {
  margin-top: 0.15rem;
  font-size: 0.75rem;
  color: var(--bs-secondary-color, #6b7280);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.automation-workflow-handle {
  width: 10px !important;
  height: 10px !important;
  background: #fff !important;
  border: 2px solid #94a3b8 !important;
}

.automation-workflow-edge-label {
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #475569;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.45);
  pointer-events: all;
}

html.dark-style .automation-workflow-canvas {
  background-color: #252636;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 20px 20px;
}

html.dark-style .automations-workflow-builder__pane--canvas {
  background: #252636;
}

html.dark-style .automation-workflow-node {
  background: rgba(43, 44, 64, 0.95);
  border-color: rgba(255, 255, 255, 0.08);
}

html.dark-style .automation-workflow-node__title {
  color: #f1f1f5;
}

html.dark-style .automation-workflow-node__subtitle {
  color: rgba(231, 231, 255, 0.68);
}

html.dark-style .automation-workflow-canvas .react-flow__controls {
  background: rgba(43, 44, 64, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

html.dark-style .automation-workflow-canvas .react-flow__controls-button {
  background: #2b2c40;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: #e7e7ff;
  fill: #e7e7ff;
}

html.dark-style .automation-workflow-canvas .react-flow__controls-button:hover {
  background: rgba(105, 108, 255, 0.18);
}

html.dark-style .automation-workflow-canvas .react-flow__minimap {
  background: rgba(43, 44, 64, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

html.dark-style .automation-workflow-edge-label {
  background: rgba(43, 44, 64, 0.92);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.78);
}

html.dark-style .automations-workflow-builder__tabs {
  background: rgba(255, 255, 255, 0.06);
}

html.dark-style .automations-workflow-builder__tabs .nav-link {
  color: rgba(231, 231, 255, 0.62);
}

html.dark-style .automations-workflow-builder__tabs .nav-link:hover:not(.active) {
  color: #e7e7ff;
  background: rgba(255, 255, 255, 0.05);
}

html.dark-style .automations-workflow-builder__tabs .nav-link.active {
  color: #fff;
  background: #696cff;
  box-shadow: 0 2px 12px rgba(105, 108, 255, 0.42);
}