.leads-bulk-btn[data-v-cb293da0] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 9999px;
  background: transparent;
  border: 1px solid rgb(226 232 240);
  color: rgb(51 65 85);
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 150ms ease-out, border-color 150ms ease-out, transform 100ms ease-out, color 150ms ease-out;
  white-space: nowrap;
}
.leads-bulk-btn[data-v-cb293da0]:hover:not(:disabled) {
  background: rgb(241 245 249);
  border-color: rgb(203 213 225);
  color: rgb(15 23 42);
}
.leads-bulk-btn[data-v-cb293da0]:active:not(:disabled) {
  transform: translateY(1px);
}
.leads-bulk-btn[data-v-cb293da0]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.leads-bulk-btn--danger[data-v-cb293da0] {
  color: rgb(220 38 38);
  border-color: rgb(254 202 202);
}
.leads-bulk-btn--danger[data-v-cb293da0]:hover:not(:disabled) {
  background: rgb(254 226 226);
  border-color: rgb(248 113 113);
  color: rgb(185 28 28);
}
.leads-bulk-btn--primary[data-v-cb293da0] {
  color: rgb(37 99 235);
  border-color: rgb(191 219 254);
}
.leads-bulk-btn--primary[data-v-cb293da0]:hover:not(:disabled) {
  background: rgb(219 234 254);
  border-color: rgb(96 165 250);
  color: rgb(29 78 216);
}
.leads-bulk-close[data-v-cb293da0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  background: transparent;
  border: none;
  color: rgb(100 116 139);
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out;
}
.leads-bulk-close[data-v-cb293da0]:hover {
  background: rgb(241 245 249);
  color: rgb(15 23 42);
}

/* Dark mode bridge */
.dark {
  background: transparent;
  border-color: rgb(255 255 255 / 0.08);
  color: rgb(226 232 240);
}
.dark {
  background: rgb(255 255 255 / 0.05);
  border-color: rgb(255 255 255 / 0.15);
  color: rgb(241 245 249);
}
.dark {
  color: rgb(252 165 165);
  border-color: rgb(239 68 68 / 0.4);
}
.dark {
  background: rgb(239 68 68 / 0.1);
  border-color: rgb(239 68 68 / 0.6);
  color: rgb(254 202 202);
}
.dark {
  color: rgb(147 197 253);
  border-color: rgb(59 130 246 / 0.4);
}
.dark {
  background: rgb(59 130 246 / 0.12);
  border-color: rgb(59 130 246 / 0.6);
  color: rgb(191 219 254);
}
.dark {
  color: rgb(148 163 184);
}
.dark {
  background: rgb(255 255 255 / 0.06);
  color: rgb(241 245 249);
}

/* Slide-up + fade transition */
.bulk-slide-up-enter-active[data-v-cb293da0],
.bulk-slide-up-leave-active[data-v-cb293da0] {
  transition: opacity 200ms ease-out, transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.bulk-slide-up-enter-from[data-v-cb293da0],
.bulk-slide-up-leave-to[data-v-cb293da0] {
  opacity: 0;
  transform: translate(-50%, 12px);
}
.bulk-slide-up-enter-to[data-v-cb293da0],
.bulk-slide-up-leave-from[data-v-cb293da0] {
  opacity: 1;
  transform: translate(-50%, 0);
}

.bulk-tag-chip[data-v-2d1ed426] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  height: 26px;
  border: 1px solid;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: transform 100ms ease-out, box-shadow 150ms ease-out;
}
.bulk-tag-chip[data-v-2d1ed426]:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}
.bulk-tag-chip--selected[data-v-2d1ed426] {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}
.bulk-tag-dot[data-v-2d1ed426] {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  flex-shrink: 0;
}
.bulk-tag-label[data-v-2d1ed426] {
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dark {
  color: color-mix(in srgb, var(--tag-color, #94a3b8) 70%, white) !important;
}

/* Dropdown do ComboBox teleportado precisa abrir acima do DialogContent
   (que usa z-[1100] no projeto). Sem o boost ele renderiza atras do modal. */
.create-tag-bulk-combo-dropdown {
  z-index: 1000000 !important;
  border-radius: 10px !important;
}

.lead-overlay-back-btn[data-v-54103030] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px 6px 8px;
  border-radius: 8px;
  background: transparent;
  border: none;
  color: rgb(71 85 105);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out;
  flex-shrink: 0;
}
.lead-overlay-back-btn[data-v-54103030]:hover {
  background-color: rgb(241 245 249);
  color: rgb(15 23 42);
}
.lead-overlay-back-btn[data-v-54103030]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.4);
}
.dark {
  color: rgb(148 163 184);
}
.dark {
  background-color: rgb(30 41 59);
  color: rgb(241 245 249);
}

/* SHEET MODE ID copy (mantido) */
.lead-overlay-id-group:hover .lead-overlay-id-copy[data-v-54103030] {
  opacity: 1;
}
.lead-overlay-id-copy[data-v-54103030] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: transparent;
  color: rgb(148 163 184);
  border: none;
  cursor: pointer;
  padding: 0;
  opacity: 0;
  transition: opacity 150ms ease-out, background-color 150ms ease-out,
    color 150ms ease-out, transform 100ms ease-out;
}
.lead-overlay-id-copy[data-v-54103030]:hover {
  background-color: rgb(241 245 249);
  color: rgb(15 23 42);
}
.lead-overlay-id-copy[data-v-54103030]:active {
  transform: scale(0.92);
}
.lead-overlay-id-copy[data-v-54103030]:focus-visible {
  opacity: 1;
  outline: none;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.4);
}
.dark {
  color: rgb(100 116 139);
}
.dark {
  background-color: rgb(30 41 59);
  color: rgb(226 232 240);
}
.lead-overlay-sep[data-v-54103030] {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: rgb(226 232 240);
  margin: 0 4px;
  flex-shrink: 0;
}
.dark {
  background-color: rgb(51 65 85);
}

/* CONTROLES (ícones do canto direito) */
.lead-overlay-ctl[data-v-54103030] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: transparent;
  color: rgb(100 116 139);
  border: none;
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out;
  padding: 0;
}
.lead-overlay-ctl[data-v-54103030]:hover:not(:disabled) {
  background-color: rgb(241 245 249);
  color: rgb(15 23 42);
}
.lead-overlay-ctl[data-v-54103030]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.lead-overlay-ctl--danger[data-v-54103030]:hover:not(:disabled) {
  background-color: rgb(254 226 226);
  color: rgb(220 38 38);
}
.lead-overlay-ctl[data-v-54103030]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.4);
}
.dark {
  color: rgb(148 163 184);
}
.dark {
  background-color: rgb(30 41 59);
  color: rgb(241 245 249);
}
.dark {
  background-color: rgb(127 29 29 / 0.35);
  color: rgb(248 113 113);
}

/* responsivo: esconde texto do botão "Voltar" em telas menores */
@media (max-width: 720px) {
.lead-overlay-back-btn span[data-v-54103030] {
    display: none;
}
}

/* ============================================================
 * Lead Timeline — espelha o estilo de KanbanCardTimeline:
 *   - timeline-date-separator (linha + badge + dot + texto)
 *   - timeline-item dividida em colunas (left: time/dot/line, right: icon/content)
 *   - SEM card branco em volta do evento (apenas texto)
 * ============================================================ */

/* Separador de data */
.lead-timeline-date-separator[data-v-fdd9002d] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 20px;
}
.lead-timeline-group:first-child .lead-timeline-date-separator[data-v-fdd9002d] {
  margin-top: 0;
}
.lead-date-line[data-v-fdd9002d] {
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, #e5e7eb, transparent);
}
.lead-date-badge[data-v-fdd9002d] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 12px;
}
.lead-date-badge .lead-date-dot[data-v-fdd9002d] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
}
.lead-date-text[data-v-fdd9002d] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: 0.5px;
}

/* Item da timeline */
.lead-timeline-item[data-v-fdd9002d] {
  display: flex;
  gap: 20px;
  padding: 8px 0;
}

/* Coluna esquerda: horario + dot + linha vertical */
.lead-timeline-left[data-v-fdd9002d] {
  display: flex;
  gap: 12px;
  width: 100px;
  flex-shrink: 0;
}
.lead-event-time[data-v-fdd9002d] {
  font-size: 12px;
  color: #464a4f;
  font-weight: 500;
  text-align: right;
  width: 70px;
  padding-top: 2px;
  white-space: nowrap;
}
.lead-timeline-connector[data-v-fdd9002d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 18px;
}
.lead-timeline-dot[data-v-fdd9002d] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 4px;
  box-shadow: 0 0 0 3px #ffffff;
}
.lead-timeline-line[data-v-fdd9002d] {
  width: 2px;
  flex: 1;
  min-height: 40px;
  background: #e5e7eb;
  margin-top: 4px;
}

/* Coluna direita: icone + conteudo */
.lead-timeline-right[data-v-fdd9002d] {
  display: flex;
  gap: 12px;
  flex: 1;
  padding-bottom: 12px;
}
.lead-event-icon[data-v-fdd9002d] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  color: #6b7280;
}
.lead-event-content[data-v-fdd9002d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.lead-event-title[data-v-fdd9002d] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.4;
}
.lead-event-description[data-v-fdd9002d] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
.lead-event-user[data-v-fdd9002d] {
  font-size: 12px;
  color: #9ca3af;
  font-weight: 400;
  margin-top: 2px;
}

/* Dot colors por categoria */
.dot-conversation[data-v-fdd9002d] { background: #3b82f6;
}
.dot-note[data-v-fdd9002d]         { background: #f59e0b;
}
.dot-tag[data-v-fdd9002d]          { background: #a855f7;
}
.dot-card[data-v-fdd9002d]         { background: #10b981;
}
.dot-schedule[data-v-fdd9002d]     { background: #6366f1;
}
.dot-lead[data-v-fdd9002d]         { background: #94a3b8;
}
.dot-task[data-v-fdd9002d]         { background: #14b8a6;
}
.dot-commercial[data-v-fdd9002d]   { background: #10b981;
}
.dot-default[data-v-fdd9002d]      { background: #94a3b8;
}

/* Icon colors por categoria */
.icon-conversation[data-v-fdd9002d] { color: #3b82f6;
}
.icon-note[data-v-fdd9002d]         { color: #d97706;
}
.icon-tag[data-v-fdd9002d]          { color: #9333ea;
}
.icon-card[data-v-fdd9002d]         { color: #059669;
}
.icon-schedule[data-v-fdd9002d]     { color: #4f46e5;
}
.icon-lead[data-v-fdd9002d]         { color: #64748b;
}
.icon-task[data-v-fdd9002d]         { color: #0d9488;
}
.icon-commercial[data-v-fdd9002d]   { color: #059669;
}
.icon-default[data-v-fdd9002d]      { color: #64748b;
}

/* Dark mode */
.dark {
  background: linear-gradient(to right, transparent, rgb(51 65 85), transparent);
}
.dark {
  color: rgb(148 163 184);
}
.dark {
  color: rgb(203 213 225);
}
.dark {
  color: rgb(241 245 249);
}
.dark {
  color: rgb(148 163 184);
}
.dark {
  color: rgb(100 116 139);
}
.dark {
  background: rgb(51 65 85);
}
.dark {
  box-shadow: 0 0 0 3px rgb(2 6 23);
}

/* Tablet */
@media (max-width: 768px) {
.lead-timeline-item[data-v-fdd9002d] { gap: 12px;
}
.lead-timeline-left[data-v-fdd9002d] { width: 80px; gap: 8px;
}
.lead-event-time[data-v-fdd9002d]    { width: 55px; font-size: 11px;
}
.lead-event-title[data-v-fdd9002d]   { font-size: 13px;
}
.lead-event-description[data-v-fdd9002d] { font-size: 12px;
}
}

/* Mobile */
@media (max-width: 640px) {
.lead-timeline-left[data-v-fdd9002d] { width: 60px; gap: 6px;
}
.lead-event-time[data-v-fdd9002d]    { width: 40px; font-size: 10px;
}
.lead-timeline-item[data-v-fdd9002d] { gap: 8px;
}
}

.lead-overlay-scroll[data-v-9503fbb0] {
  scrollbar-width: thin;
  scrollbar-color: rgb(203 213 225) transparent;
}
.lead-overlay-scroll[data-v-9503fbb0]::-webkit-scrollbar {
  width: 6px;
}
.lead-overlay-scroll[data-v-9503fbb0]::-webkit-scrollbar-track {
  background: transparent;
}
.lead-overlay-scroll[data-v-9503fbb0]::-webkit-scrollbar-thumb {
  background-color: rgb(203 213 225);
  border-radius: 9999px;
}
.lead-overlay-scroll[data-v-9503fbb0]::-webkit-scrollbar-thumb:hover {
  background-color: rgb(148 163 184);
}
.dark {
  scrollbar-color: rgb(51 65 85) transparent;
}
.dark {
  background-color: rgb(51 65 85);
}
.dark {
  background-color: rgb(71 85 105);
}

.lis-tasks-scroll[data-v-93106d60] {
  scrollbar-width: thin;
  scrollbar-color: rgb(203 213 225) transparent;
}
.lis-tasks-scroll[data-v-93106d60]::-webkit-scrollbar {
  width: 4px;
}
.lis-tasks-scroll[data-v-93106d60]::-webkit-scrollbar-track {
  background: transparent;
}
.lis-tasks-scroll[data-v-93106d60]::-webkit-scrollbar-thumb {
  background-color: rgb(203 213 225);
  border-radius: 999px;
}
.lis-tasks-scroll[data-v-93106d60]::-webkit-scrollbar-thumb:hover {
  background-color: rgb(148 163 184);
}
.dark,
.dark .lis-tasks-scroll[data-v-93106d60] {
  scrollbar-color: rgb(51 65 85) transparent;
}
.dark .lis-tasks-scroll[data-v-93106d60]::-webkit-scrollbar-thumb {
  background-color: rgb(51 65 85);
}
.dark .lis-tasks-scroll[data-v-93106d60]::-webkit-scrollbar-thumb:hover {
  background-color: rgb(71 85 105);
}

.lead-overlay-quick[data-v-961ffdfb] {
  background: #ffffff;
}
.dark {
  background: rgb(2 6 23);
}
.lead-overlay-quick-section[data-v-961ffdfb] +  aside,
.lead-overlay-quick-info[data-v-961ffdfb] {
  border-top: 1px solid rgb(241 245 249);
}
.dark,.dark {
  border-top-color: rgb(30 41 59);
}
.lead-overlay-quick-header[data-v-961ffdfb] {
  display: flex;
  align-items: center;
  gap: 8px;
  /* padding-left 30px = 16 (container) + 14 (alinhamento com padding interno
     dos botoes de Acoes Rapidas, que usam padding-left: 14px). Assim icone
     e texto deste header ficam no mesmo X dos icones/textos dos botoes. */
  padding: 0 16px 0 30px;
  min-height: 60px;
  border-bottom: 1px solid rgb(241 245 249);
}
.dark {
  border-bottom-color: rgb(30 41 59);
}
.lead-overlay-quick-header h3[data-v-961ffdfb] {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgb(100 116 139);
  margin: 0;
}

/* Botões de Ações Rápidas — texto alinhado à esquerda */
.lead-overlay-quick-section[data-v-961ffdfb] .button-default-ui--full-width {
  justify-content: flex-start;
  padding-left: 14px;
}

/* Botoes outline Ligar/Agendar: somente icone preto (borda padrao do outline) */
.lead-overlay-quick-btn--call[data-v-961ffdfb] .button-default-ui-icon--leading,
.lead-overlay-quick-btn--schedule[data-v-961ffdfb] .button-default-ui-icon--leading {
  color: rgb(15 23 42); /* slate-900 */
}
.lead-overlay-quick-btn--call[data-v-961ffdfb]:hover:not(:disabled) .button-default-ui-icon--leading,
.lead-overlay-quick-btn--schedule[data-v-961ffdfb]:hover:not(:disabled) .button-default-ui-icon--leading {
  color: rgb(0 0 0);
}
.dark,.dark {
  color: rgb(241 245 249);
}
.dark {
  color: rgb(148 163 184);
}

/* ─────────────────────────────────────────────────────────────
   TOGGLE (recolher/expandir) — posicionado sobre a borda direita
───────────────────────────────────────────────────────────── */
.lead-overlay-quick-toggle-positioner[data-v-961ffdfb] {
  position: absolute;
  top: 22px;
  right: -13px;
  z-index: 20;
}
.lead-overlay-quick-toggle-btn[data-v-961ffdfb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  background: #ffffff;
  border: 1px solid rgb(226 232 240);
  border-radius: 9999px;
  color: rgb(100 116 139);
  cursor: pointer;
  outline: none;
  box-shadow:
    0 2px 6px -1px rgba(15, 23, 42, 0.10),
    0 1px 2px rgba(15, 23, 42, 0.04);
  transition: background-color 160ms ease, color 160ms ease,
    border-color 160ms ease, box-shadow 160ms ease;
  line-height: 1;
}
.lead-overlay-quick-toggle-btn[data-v-961ffdfb]:hover {
  background: rgb(239 246 255);
  color: rgb(37 99 235);
  border-color: rgb(147 197 253);
  box-shadow:
    0 4px 10px -2px rgba(15, 23, 42, 0.14),
    0 2px 4px rgba(15, 23, 42, 0.06);
}
.lead-overlay-quick-toggle-btn[data-v-961ffdfb]:focus-visible {
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.4);
}

/* estado "strip" — quando colapsado, mantém o destaque azul */
.lead-overlay-quick-toggle-btn--strip[data-v-961ffdfb] {
  background: rgb(239 246 255);
  border-color: rgb(219 234 254);
  color: rgb(37 99 235);
  box-shadow:
    0 2px 6px -1px rgba(37, 99, 235, 0.18),
    0 1px 2px rgba(15, 23, 42, 0.04);
}
.dark {
  background: rgb(15 23 42);
  border-color: rgb(51 65 85);
  color: rgb(148 163 184);
}
.dark {
  background: rgb(30 58 138 / 0.4);
  color: rgb(147 197 253);
  border-color: rgb(59 130 246 / 0.6);
}
.dark {
  background: rgb(30 58 138 / 0.25);
  border-color: rgb(59 130 246 / 0.4);
  color: rgb(147 197 253);
}
.lead-overlay-quick-toggle-icon[data-v-961ffdfb] {
  display: block;
  margin: 0;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.lead-overlay-quick-toggle-icon--rotated[data-v-961ffdfb] {
  transform: rotate(180deg);
}

/* Transição do botão (fade) */
.lead-overlay-quick-toggle-enter-active[data-v-961ffdfb],
.lead-overlay-quick-toggle-leave-active[data-v-961ffdfb] {
  transition: opacity 150ms ease-out, transform 200ms ease-out;
}
.lead-overlay-quick-toggle-enter-from[data-v-961ffdfb],
.lead-overlay-quick-toggle-leave-to[data-v-961ffdfb] {
  opacity: 0;
  transform: scale(0.85);
}

/* ─────────────────────────────────────────────────────────────
   ESTADO COLAPSADO — mini ícones
───────────────────────────────────────────────────────────── */
.lead-overlay-quick-collapsed-icons[data-v-961ffdfb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 60px 8px 16px;
}
.lead-overlay-quick-mini-btn[data-v-961ffdfb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: 1px solid rgb(226 232 240);
  border-radius: 8px;
  color: rgb(71 85 105);
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out,
    border-color 150ms ease-out, transform 100ms ease-out;
}
.lead-overlay-quick-mini-btn[data-v-961ffdfb]:hover:not(:disabled) {
  background: rgb(241 245 249);
  border-color: rgb(148 163 184);
  color: rgb(15 23 42);
}
.lead-overlay-quick-mini-btn[data-v-961ffdfb]:active:not(:disabled) {
  transform: scale(0.95);
}
.lead-overlay-quick-mini-btn[data-v-961ffdfb]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.lead-overlay-quick-mini-btn--primary[data-v-961ffdfb] {
  background: #3b82f6;
  border-color: #3b82f6;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(59, 130, 246, 0.25);
}
.lead-overlay-quick-mini-btn--primary[data-v-961ffdfb]:hover:not(:disabled) {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}

/* Mini-botoes colapsados Ligar/Agendar: somente icone preto (borda padrao) */
.lead-overlay-quick-mini-btn--call[data-v-961ffdfb],
.lead-overlay-quick-mini-btn--schedule[data-v-961ffdfb] {
  color: rgb(15 23 42); /* slate-900 */
}
.lead-overlay-quick-mini-btn--call[data-v-961ffdfb]:hover:not(:disabled),
.lead-overlay-quick-mini-btn--schedule[data-v-961ffdfb]:hover:not(:disabled) {
  color: rgb(0 0 0);
}
.dark,.dark {
  color: rgb(241 245 249);
}
.dark,.dark {
  color: rgb(255 255 255);
}
.dark {
  border-color: rgb(51 65 85);
  color: rgb(148 163 184);
}
.dark {
  background: rgb(30 41 59);
  border-color: rgb(71 85 105);
  color: rgb(241 245 249);
}
.lead-overlay-scroll[data-v-961ffdfb] {
  scrollbar-width: thin;
  scrollbar-color: rgb(203 213 225) transparent;
}
.lead-overlay-scroll[data-v-961ffdfb]::-webkit-scrollbar {
  width: 5px;
}
.lead-overlay-scroll[data-v-961ffdfb]::-webkit-scrollbar-thumb {
  background-color: rgb(203 213 225);
  border-radius: 9999px;
}
.dark {
  scrollbar-color: rgb(51 65 85) transparent;
}
.dark {
  background-color: rgb(51 65 85);
}

.lead-overlay-tags[data-v-8679e7a7] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lead-overlay-tags-list[data-v-8679e7a7] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.lead-overlay-tag-chip[data-v-8679e7a7] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px 3px 7px;
  height: 22px;
  border: 1px solid;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: -0.005em;
  max-width: 100%;
  background: transparent;
  cursor: default;
  transition: background-color 150ms ease-out, transform 100ms ease-out,
    box-shadow 150ms ease-out;
}
.lead-overlay-tag-chip--clickable[data-v-8679e7a7] {
  cursor: pointer;
}
.lead-overlay-tag-chip--clickable[data-v-8679e7a7]:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
}
.lead-overlay-tag-chip--clickable[data-v-8679e7a7]:active {
  transform: translateY(0);
}
.lead-overlay-tag-dot[data-v-8679e7a7] {
  width: 7px;
  height: 7px;
  border-radius: 9999px;
  flex-shrink: 0;
}
.lead-overlay-tag-label[data-v-8679e7a7] {
  min-width: 0;
  max-width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: color-mix(in srgb, var(--tag-color, #94a3b8) 55%, black);
}
.dark {
  color: color-mix(in srgb, var(--tag-color, #94a3b8) 70%, white);
}
.lead-overlay-tag-chip--clickable[data-v-8679e7a7] {
  color: color-mix(in srgb, var(--tag-color, #94a3b8) 60%, black);
}
.dark {
  color: color-mix(in srgb, var(--tag-color, #94a3b8) 70%, white);
}
.lead-overlay-tag-remove[data-v-8679e7a7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: -2px;
  background: transparent;
  border: none;
  border-radius: 3px;
  opacity: 0;
  cursor: pointer;
  padding: 0;
  transition: opacity 150ms ease-out, background-color 150ms ease-out;
}
.lead-overlay-tag-chip:hover .lead-overlay-tag-remove[data-v-8679e7a7],
.lead-overlay-tag-remove[data-v-8679e7a7]:focus-visible {
  opacity: 1;
}
.lead-overlay-tag-remove[data-v-8679e7a7]:hover {
  background-color: rgba(15, 23, 42, 0.06);
}
.lead-overlay-tag-remove[data-v-8679e7a7]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.35);
}

/* Chip "+N" e "Mostrar menos" — discreto pra não competir com etiquetas reais */
.lead-overlay-tags-more[data-v-8679e7a7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px solid rgb(226 232 240);
  background: rgb(248 250 252);
  color: rgb(71 85 105);
  font-size: 11px;
  font-weight: 600;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out,
    border-color 150ms ease-out;
}
.lead-overlay-tags-more[data-v-8679e7a7]:hover {
  background: rgb(241 245 249);
  color: rgb(15 23 42);
  border-color: rgb(203 213 225);
}
.lead-overlay-tags-more[data-v-8679e7a7]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.4);
}
.dark {
  border-color: rgb(51 65 85);
  background: rgb(30 41 59);
  color: rgb(203 213 225);
}
.dark {
  background: rgb(51 65 85);
  color: rgb(241 245 249);
  border-color: rgb(71 85 105);
}
.lead-overlay-tags-add[data-v-8679e7a7] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  align-self: flex-start;
  padding: 4px 8px;
  height: 22px;
  background: transparent;
  border: 1px dashed rgb(203 213 225);
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 500;
  color: rgb(100 116 139);
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out,
    border-color 150ms ease-out;
}
.lead-overlay-tags-add[data-v-8679e7a7]:hover {
  background: rgb(248 250 252);
  color: rgb(30 41 59);
  border-color: rgb(148 163 184);
  border-style: solid;
}
.lead-overlay-tags-add[data-v-8679e7a7]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.35);
}
.dark {
  border-color: rgb(51 65 85);
  color: rgb(148 163 184);
}
.dark {
  background: rgb(30 41 59);
  color: rgb(226 232 240);
  border-color: rgb(71 85 105);
}
.lead-overlay-tags-loading[data-v-8679e7a7],
.lead-overlay-tags-empty[data-v-8679e7a7] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: rgb(148 163 184);
  font-style: italic;
}
.dark,.dark {
  color: rgb(100 116 139);
}
.lead-overlay-tags-selector[data-v-8679e7a7] {
  padding: 8px 10px;
  background: rgb(248 250 252);
  border: 1px solid rgb(226 232 240);
  border-radius: 8px;
}
.dark {
  background: rgb(15 23 42);
  border-color: rgb(30 41 59);
}
.lead-overlay-tags-selector-title[data-v-8679e7a7] {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(100 116 139);
}
.dark {
  color: rgb(148 163 184);
}
.lead-overlay-tags-close[data-v-8679e7a7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: transparent;
  border: none;
  color: rgb(148 163 184);
  cursor: pointer;
  padding: 0;
  transition: background-color 150ms ease-out, color 150ms ease-out;
}
.lead-overlay-tags-close[data-v-8679e7a7]:hover {
  background-color: rgb(226 232 240);
  color: rgb(15 23 42);
}
.dark {
  background-color: rgb(30 41 59);
  color: rgb(226 232 240);
}

.lead-temp-badge[data-v-3c3265e2] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1.6;
}
.lead-temp-badge--sm[data-v-3c3265e2] {
  padding: 2px 7px;
  font-size: 11px;
}
.lead-temp-badge--md[data-v-3c3265e2] {
  padding: 3px 9px;
  gap: 5px;
  font-size: 12px;
}
.lead-temp-badge__divider[data-v-3c3265e2] {
  opacity: 0.45;
  font-weight: 500;
}
.lead-temp-badge__score[data-v-3c3265e2] {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.lead-temp-badge--empty[data-v-3c3265e2] {
  border-color: transparent;
  background: transparent;
  color: rgb(148 163 184);
}
.dark {
  color: rgb(100 116 139);
}

/* Quente */
.lead-temp-badge--hot[data-v-3c3265e2] {
  background-color: #fff1f0;
  border-color: #fecaca;
  color: #dc2626;
}
.dark {
  background-color: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.2);
  color: #f87171;
}

/* Morno */
.lead-temp-badge--warm[data-v-3c3265e2] {
  background-color: #fffbeb;
  border-color: #fde68a;
  color: #d97706;
}
.dark {
  background-color: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.2);
  color: #fbbf24;
}

/* Frio */
.lead-temp-badge--cold[data-v-3c3265e2] {
  background-color: #f8fafc;
  border-color: #e2e8f0;
  color: #64748b;
}
.dark {
  background-color: rgba(100, 116, 139, 0.08);
  border-color: rgba(100, 116, 139, 0.2);
  color: #94a3b8;
}

.lead-origin-badge[data-v-f38ea4bf] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.01em;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.lead-origin-badge--empty[data-v-f38ea4bf] {
  border-color: transparent;
  background: transparent;
  color: rgb(148 163 184);
  font-weight: 400;
}
.dark {
  color: rgb(100 116 139);
}

/* Manual — azul (intencional, decisao da empresa) */
.lead-origin-badge--manual[data-v-f38ea4bf] {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #2563eb;
}
.dark {
  background-color: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.25);
  color: #60a5fa;
}

/* Organico — verde (conversao natural) */
.lead-origin-badge--organic[data-v-f38ea4bf] {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
  color: #16a34a;
}
.dark {
  background-color: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.25);
  color: #4ade80;
}

/* Import — roxo (lote / dados externos) */
.lead-origin-badge--import[data-v-f38ea4bf] {
  background-color: #faf5ff;
  border-color: #e9d5ff;
  color: #9333ea;
}
.dark {
  background-color: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.25);
  color: #c084fc;
}

/* API — cinza (integracao tecnica) */
.lead-origin-badge--api[data-v-f38ea4bf] {
  background-color: #f1f5f9;
  border-color: #cbd5e1;
  color: #475569;
}
.dark {
  background-color: rgba(100, 116, 139, 0.15);
  border-color: rgba(100, 116, 139, 0.3);
  color: #cbd5e1;
}

.lead-overlay-profile[data-v-dfd9330e] {
  background: #ffffff;
}
.dark {
  background: rgb(2 6 23);
}

/* HEADER */
.lead-overlay-profile-top[data-v-dfd9330e] {
  flex-shrink: 0;
  padding: 24px 20px 20px;
  border-bottom: 1px solid rgb(241 245 249);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2px;
}
.dark {
  border-bottom-color: rgb(30 41 59);
}
.lead-overlay-profile-id[data-v-dfd9330e] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 2px 8px;
  border-radius: 6px;
  background: transparent;
  border: none;
  color: rgb(148 163 184);
  font-size: 11px;
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out;
}
.lead-overlay-profile-id[data-v-dfd9330e]:hover {
  background-color: rgb(241 245 249);
  color: rgb(15 23 42);
}
.dark {
  color: rgb(100 116 139);
}
.dark {
  background-color: rgb(30 41 59);
  color: rgb(226 232 240);
}
.lead-overlay-profile-channel[data-v-dfd9330e] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  padding: 3px 10px;
  border-radius: 9999px;
  background: rgb(241 245 249);
  color: rgb(71 85 105);
  font-size: 11px;
  font-weight: 500;
}
.dark {
  background: rgb(30 41 59);
  color: rgb(203 213 225);
}

/* SECTIONS */
.lead-overlay-profile-section + .lead-overlay-profile-section[data-v-dfd9330e] {
  border-top: 1px solid rgb(241 245 249);
}
.dark {
  border-top-color: rgb(30 41 59);
}
.lead-overlay-profile-section-header[data-v-dfd9330e] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 20px 8px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgb(113 113 122);
}
.dark {
  color: rgb(161 161 170);
}
.lead-overlay-profile-count[data-v-dfd9330e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: auto;
  border-radius: 9999px;
  background: rgb(244 244 245);
  color: rgb(82 82 91);
  font-size: 10px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-variant-numeric: tabular-nums;
}
.dark {
  background: rgb(39 39 42);
  color: rgb(212 212 216);
}

/* HEADER NOME (wrapper centralizado em bloco — name+pencil são pareados num inline-block,
   com lápis posicionado absoluto pra não tirar o nome do centro do header) */
.lead-overlay-profile-name-wrap[data-v-dfd9330e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 100%;
}
.lead-overlay-profile-name-inline[data-v-dfd9330e] {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}
.lead-overlay-edit-trigger--name[data-v-dfd9330e] {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 4px;
}
.lead-overlay-profile-name-wrap:hover .lead-overlay-edit-trigger[data-v-dfd9330e],
.lead-overlay-profile-name-wrap:focus-within .lead-overlay-edit-trigger[data-v-dfd9330e] {
  opacity: 1;
}

/* ROW (linha de info na sidebar direita) */
.lead-overlay-profile-row[data-v-dfd9330e] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: rgb(15 23 42);
  min-width: 0;
}
.dark {
  color: rgb(241 245 249);
}

/* ROW EDITÁVEL — mostra o lápis ao passar mouse */
.lead-overlay-profile-row--edit:hover .lead-overlay-edit-trigger[data-v-dfd9330e],
.lead-overlay-profile-row--edit:focus-within .lead-overlay-edit-trigger[data-v-dfd9330e] {
  opacity: 1;
}

/* TRIGGER DE EDIÇÃO (lápis apagado, acende no hover) */
.lead-overlay-edit-trigger[data-v-dfd9330e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: rgb(148 163 184);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 150ms ease-out, background-color 150ms ease-out,
    color 150ms ease-out;
}
.lead-overlay-edit-trigger--inline[data-v-dfd9330e] {
  margin-left: auto;
}
.lead-overlay-edit-trigger[data-v-dfd9330e]:hover {
  background-color: rgb(241 245 249);
  color: rgb(37 99 235);
  opacity: 1 !important;
}
.lead-overlay-edit-trigger[data-v-dfd9330e]:focus-visible {
  outline: none;
  opacity: 1;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.4);
}
.dark {
  color: rgb(100 116 139);
}
.dark {
  background-color: rgb(30 41 59);
  color: rgb(96 165 250);
}

/* INPUT INLINE DE EDIÇÃO */
.lead-overlay-edit-input[data-v-dfd9330e] {
  flex: 1;
  min-width: 0;
  height: 26px;
  padding: 0 7px;
  border-radius: 5px;
  border: 1px solid rgb(203 213 225);
  background: #ffffff;
  font-size: 12.5px;
  color: rgb(15 23 42);
  outline: none;
  transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
}
.lead-overlay-edit-input[data-v-dfd9330e]:focus {
  border-color: rgb(59 130 246);
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.18);
}
.lead-overlay-edit-input--error[data-v-dfd9330e] {
  border-color: rgb(239 68 68);
}
.lead-overlay-edit-input--error[data-v-dfd9330e]:focus {
  border-color: rgb(239 68 68);
  box-shadow: 0 0 0 2px rgb(239 68 68 / 0.18);
}

/* Wrapper para empilhar input + mensagem de erro */
.lead-overlay-edit-stack[data-v-dfd9330e] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lead-overlay-edit-error[data-v-dfd9330e] {
  font-size: 10.5px;
  color: rgb(239 68 68);
  line-height: 1.2;
  padding-left: 2px;
}
.dark {
  color: rgb(248 113 113);
}
.lead-overlay-edit-input[data-v-dfd9330e]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.dark {
  border-color: rgb(51 65 85);
  background: rgb(15 23 42);
  color: rgb(226 232 240);
}
.lead-overlay-edit-input--name[data-v-dfd9330e] {
  flex: 0 1 auto;
  width: 180px;
  max-width: 100%;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  height: 30px;
}
.lead-overlay-edit-input--select[data-v-dfd9330e] {
  height: 26px;
  padding-right: 18px;
  cursor: pointer;
}

/* Wrapper do ComboBox de sexo em modo de edição — força tamanho compacto */
.lead-overlay-edit-combo[data-v-dfd9330e] {
  flex: 1;
  min-width: 0;
  max-width: 180px;
}
.lead-overlay-edit-combo[data-v-dfd9330e] .combo-box {
  min-width: 0;
}
.lead-overlay-edit-combo[data-v-dfd9330e] .combo-trigger {
  height: 30px;
  min-height: 26px;
  padding: 0 8px;
  font-size: 12px;
  border-width: 1px;
  border-radius: 6px;
}
.lead-overlay-edit-combo[data-v-dfd9330e] .combo-value,
.lead-overlay-edit-combo[data-v-dfd9330e] .combo-value-truncate {
  font-size: 12px;
}
.lead-overlay-edit-combo[data-v-dfd9330e] .combo-arrow {
  width: 12px;
  height: 12px;
}

/* BOTÕES DE AÇÃO (check/x) */
.lead-overlay-edit-actions[data-v-dfd9330e] {
  display: inline-flex;
  gap: 2px;
  flex-shrink: 0;
}
.lead-overlay-edit-btn[data-v-dfd9330e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgb(226 232 240);
  border-radius: 5px;
  background: #ffffff;
  color: rgb(100 116 139);
  cursor: pointer;
  padding: 0;
  transition: background-color 150ms ease-out, color 150ms ease-out,
    border-color 150ms ease-out;
}
.lead-overlay-edit-btn[data-v-dfd9330e]:hover:not(:disabled) {
  background: rgb(248 250 252);
  color: rgb(15 23 42);
  border-color: rgb(148 163 184);
}
.lead-overlay-edit-btn[data-v-dfd9330e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.lead-overlay-edit-btn--save[data-v-dfd9330e] {
  background: rgb(59 130 246);
  border-color: rgb(59 130 246);
  color: #ffffff;
}
.lead-overlay-edit-btn--save[data-v-dfd9330e]:hover:not(:disabled) {
  background: rgb(37 99 235);
  border-color: rgb(37 99 235);
  color: #ffffff;
}
.dark {
  background: rgb(15 23 42);
  border-color: rgb(51 65 85);
  color: rgb(148 163 184);
}
.dark {
  background: rgb(30 41 59);
  color: rgb(241 245 249);
  border-color: rgb(71 85 105);
}

/* texto de campo vazio em modo de leitura — mais discreto */
.lead-overlay-profile-empty-inline[data-v-dfd9330e] {
  font-style: italic;
  color: rgb(148 163 184);
}
.dark {
  color: rgb(100 116 139);
}
.dark {
  color: rgb(148 163 184);
}
.lead-overlay-profile-row-text[data-v-dfd9330e] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lead-overlay-profile-empty[data-v-dfd9330e] {
  font-size: 11.5px;
  font-style: italic;
  color: rgb(148 163 184);
}
.dark {
  color: rgb(100 116 139);
}

/* ACCORDION HEADER */
.lead-overlay-profile-accordion-header[data-v-dfd9330e] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 20px 10px;
  background: transparent;
  border: none;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgb(113 113 122);
  cursor: pointer;
  transition: color 150ms ease-out;
}
.lead-overlay-profile-accordion-header[data-v-dfd9330e]:hover {
  color: rgb(15 23 42);
}
.dark {
  color: rgb(161 161 170);
}
.dark {
  color: rgb(241 245 249);
}
.lead-overlay-profile-chevron[data-v-dfd9330e] {
  margin-left: auto;
  transition: transform 200ms ease-out;
  color: rgb(148 163 184);
}
.dark {
  color: rgb(100 116 139);
}

/* Zera padding interno de subcomponentes pra encaixar bem */
.lead-overlay-profile[data-v-dfd9330e] .lwf-root,
.lead-overlay-profile[data-v-dfd9330e] .ws-root {
  padding: 0;
}

/* Newsletter — trigger intermediário */
.lo-newsletter-combo[data-v-dfd9330e] .combo-trigger {
  height: 34px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 12.5px;
}
.lo-newsletter-combo[data-v-dfd9330e] .combo-value,
.lo-newsletter-combo[data-v-dfd9330e] .combo-value-truncate {
  font-size: 12.5px;
}
.lo-newsletter-combo[data-v-dfd9330e] .combo-arrow {
  width: 13px;
  height: 13px;
}

/* SCROLLBAR */
.lead-overlay-scroll[data-v-dfd9330e] {
  scrollbar-width: thin;
  scrollbar-color: rgb(212 212 216) transparent;
}
.lead-overlay-scroll[data-v-dfd9330e]::-webkit-scrollbar {
  width: 5px;
}
.lead-overlay-scroll[data-v-dfd9330e]::-webkit-scrollbar-thumb {
  background-color: rgb(228 228 231);
  border-radius: 9999px;
}
.dark {
  scrollbar-color: rgb(63 63 70) transparent;
}
.dark {
  background-color: rgb(63 63 70);
}

.lead-overlay-modal-body[data-v-7532e168] {
  grid-template-columns: 300px minmax(0, 1fr) 380px;
  transition: grid-template-columns 280ms cubic-bezier(0.32, 0.72, 0, 1);
}
.lead-overlay-modal-body--quick-collapsed[data-v-7532e168] {
  grid-template-columns: 52px minmax(0, 1fr) 380px;
}
.lead-overlay-col[data-v-7532e168] {
  min-height: 0;
}
.lead-overlay-col.col-content[data-v-7532e168] {
  background: #fcfdfd;
}
.dark {
  background: rgb(2 6 23);
}

/* TABS bar dentro do col-content */
.lead-overlay-tabs[data-v-7532e168] {
  display: inline-flex;
}
.lead-overlay-tabs[data-v-7532e168] .lead-overlay-tabs-list {
  background: rgb(241 245 249);
  padding: 3px;
  border-radius: 9px;
  gap: 2px;
}
.dark {
  background: rgb(30 41 59);
}
.lead-overlay-tabs[data-v-7532e168] .lead-overlay-tabs-trigger {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 14px;
  border-radius: 7px;
  font-size: 12.5px;
  font-weight: 600;
  color: rgb(15 23 42);
  background: transparent;
  transition: background-color 150ms ease-out, color 150ms ease-out,
    box-shadow 150ms ease-out;
}

/* reka-ui TabsTrigger envolve o slot em <span class="truncate"> — força flex pra alinhar ícone+texto */
.lead-overlay-tabs[data-v-7532e168] .lead-overlay-tabs-trigger > span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.lead-overlay-tabs[data-v-7532e168] .lead-overlay-tabs-trigger:hover {
  color: rgb(0 0 0);
}
.lead-overlay-tabs[data-v-7532e168] .lead-overlay-tabs-trigger[data-state="active"] {
  background: #ffffff;
  color: rgb(0 0 0);
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.dark {
  color: rgb(148 163 184);
}
.dark {
  color: rgb(226 232 240);
}
.dark {
  background: rgb(15 23 42);
  color: rgb(241 245 249);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.lead-overlay-tabs-count[data-v-7532e168] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 9999px;
  background: rgb(226 232 240);
  color: rgb(71 85 105);
  font-size: 10px;
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.lead-overlay-tabs[data-v-7532e168] .lead-overlay-tabs-trigger[data-state="active"] .lead-overlay-tabs-count {
  background: rgb(59 130 246 / 0.12);
  color: rgb(37 99 235);
}
.dark {
  background: rgb(51 65 85);
  color: rgb(203 213 225);
}
.dark {
  background: rgb(59 130 246 / 0.22);
  color: rgb(147 197 253);
}
.lead-overlay-section-fade-enter-active[data-v-7532e168],
.lead-overlay-section-fade-leave-active[data-v-7532e168] {
  transition: opacity 180ms ease-in-out, transform 180ms cubic-bezier(0.32, 0.72, 0, 1);
}
.lead-overlay-section-fade-enter-from[data-v-7532e168] {
  opacity: 0;
  transform: translateY(4px);
}
.lead-overlay-section-fade-leave-to[data-v-7532e168] {
  opacity: 0;
  transform: translateY(-4px);
}
.lead-overlay-scroll[data-v-7532e168] {
  scrollbar-width: thin;
  scrollbar-color: rgb(203 213 225) transparent;
}
.lead-overlay-scroll[data-v-7532e168]::-webkit-scrollbar {
  width: 6px;
}
.lead-overlay-scroll[data-v-7532e168]::-webkit-scrollbar-thumb {
  background-color: rgb(203 213 225);
  border-radius: 9999px;
}
.dark {
  scrollbar-color: rgb(51 65 85) transparent;
}
.dark {
  background-color: rgb(51 65 85);
}

/* Zera padding interno de subcomponentes pra encaixar bem com o p-8 do wrapper */
.lead-overlay-modal-body[data-v-7532e168] .lwf-root,
.lead-overlay-modal-body[data-v-7532e168] .ws-root {
  padding: 0;
}

/* Esconde sidebar direita em telas médias para o conteúdo respirar */
@media (max-width: 1280px) {
.lead-overlay-modal-body[data-v-7532e168] {
    grid-template-columns: 280px minmax(0, 1fr);
}
.lead-overlay-modal-body--quick-collapsed[data-v-7532e168] {
    grid-template-columns: 52px minmax(0, 1fr);
}
.lead-overlay-modal-body .col-profile[data-v-7532e168] {
    display: none;
}
}

/* Em telas pequenas, esconde também a sidebar esquerda */
@media (max-width: 900px) {
.lead-overlay-modal-body[data-v-7532e168] {
    grid-template-columns: minmax(0, 1fr);
}
.lead-overlay-modal-body .col-quick[data-v-7532e168],
  .lead-overlay-modal-body .col-profile[data-v-7532e168] {
    display: none;
}
}

/* responsivo: encolhe tabs em telas menores */
@media (max-width: 720px) {
.lead-overlay-tabs[data-v-7532e168] .lead-overlay-tabs-trigger {
    padding: 0 8px;
    font-size: 12px;
}
}

.lead-overlay-backdrop[data-v-e7a112dc] {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(15, 23, 42, 0.5);
  display: block;
}
.lead-overlay-backdrop--modal[data-v-e7a112dc] {
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.lead-overlay-backdrop-enter-active[data-v-e7a112dc],
.lead-overlay-backdrop-leave-active[data-v-e7a112dc] {
  transition: opacity 200ms ease-out;
}
.lead-overlay-backdrop-enter-from[data-v-e7a112dc],
.lead-overlay-backdrop-leave-to[data-v-e7a112dc] {
  opacity: 0;
}

/* Morph sheet↔modal anima geometria (top/right/.../border-radius).
   Não usar transform: cria containing block que quebra position:fixed
   de comboboxes/popovers internos. */
.lead-overlay-container[data-v-e7a112dc] {
  position: fixed;
  background: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: -8px 0 32px rgba(15, 23, 42, 0.12);
  transition:
    top 500ms cubic-bezier(0.32, 0.72, 0, 1),
    right 500ms cubic-bezier(0.32, 0.72, 0, 1),
    bottom 500ms cubic-bezier(0.32, 0.72, 0, 1),
    left 500ms cubic-bezier(0.32, 0.72, 0, 1),
    width 500ms cubic-bezier(0.32, 0.72, 0, 1),
    height 500ms cubic-bezier(0.32, 0.72, 0, 1),
    max-width 500ms cubic-bezier(0.32, 0.72, 0, 1),
    border-radius 500ms cubic-bezier(0.32, 0.72, 0, 1),
    border-top-width 500ms cubic-bezier(0.32, 0.72, 0, 1),
    box-shadow 500ms cubic-bezier(0.32, 0.72, 0, 1);
}
.dark {
  background: rgb(2 6 23);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.4);
}
.lead-overlay-container--sheet[data-v-e7a112dc] {
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 40vw;
  min-width: 420px;
  max-width: 640px;
  height: 100vh;
  border-radius: 0;
  border-top: 3px solid #3b82f6;
  animation: lead-overlay-slide-in-e7a112dc 320ms cubic-bezier(0.32, 0.72, 0, 1);
}
.lead-overlay-container--modal[data-v-e7a112dc] {
  top: 4vh;
  right: 4vw;
  bottom: 4vh;
  left: 4vw;
  width: auto;
  min-width: 0;
  max-width: 1600px;
  height: auto;
  border-radius: 12px;
  border-top: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
}
@keyframes lead-overlay-slide-in-e7a112dc {
from {
    opacity: 0;
    transform: translateX(100%);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.lead-overlay-body-fade-enter-active[data-v-e7a112dc],
.lead-overlay-body-fade-leave-active[data-v-e7a112dc] {
  transition: opacity 220ms ease-in-out;
}
.lead-overlay-body-fade-enter-from[data-v-e7a112dc],
.lead-overlay-body-fade-leave-to[data-v-e7a112dc] {
  opacity: 0;
}
@media (max-width: 768px) {
.lead-overlay-container--sheet[data-v-e7a112dc] {
    width: 100vw;
    min-width: 0;
    max-width: none;
    border-radius: 0;
}
.lead-overlay-container--modal[data-v-e7a112dc] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.lead-overlay-container--sheet[data-v-e7a112dc] {
    animation: none;
}
.lead-overlay-container[data-v-e7a112dc] {
    transition: none;
}
}

.leads-page[data-v-29d9ac00] {
  width: 100%;
  background-color: rgb(248 250 252);
  min-height: 100%;
}
.dark {
  background-color: rgb(2 6 23);
}

/* Chip styles — Tailwind-like with full dark mode */
.leads-chip[data-v-29d9ac00] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border-radius: 9999px;
  background-color: rgb(248 250 252);
  border: 1px solid rgb(226 232 240);
  color: rgb(51 65 85);
  font-size: 12px;
  line-height: 20px;
}
.dark {
  background-color: rgb(30 41 59 / 0.5);
  border-color: rgb(51 65 85);
  color: rgb(203 213 225);
}
.leads-chip-label[data-v-29d9ac00] {
  font-weight: 600;
  color: rgb(71 85 105);
}
.dark {
  color: rgb(148 163 184);
}
.leads-chip-close[data-v-29d9ac00] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background: transparent;
  color: rgb(100 116 139);
  cursor: pointer;
  transition: background-color 120ms ease-out, color 120ms ease-out;
  border: none;
  padding: 0;
}
.lead-tag-chip[data-v-29d9ac00] {
  background-color: color-mix(in srgb, var(--tag-color, #94a3b8), white 82%);
  border: 1px solid color-mix(in srgb, var(--tag-color, #94a3b8), white 62%);
  color: color-mix(in srgb, var(--tag-color, #94a3b8), black 45%);
}
.dark {
  background-color: color-mix(in srgb, var(--tag-color, #94a3b8), black 72%);
  border-color: color-mix(in srgb, var(--tag-color, #94a3b8), black 50%);
  color: color-mix(in srgb, var(--tag-color, #94a3b8), white 40%);
}
.leads-chip-close[data-v-29d9ac00]:hover {
  background-color: rgb(226 232 240);
  color: rgb(15 23 42);
}
.dark {
  background-color: rgb(51 65 85);
  color: rgb(241 245 249);
}

/* Dark mode bridge for ListViewDefault card */
.dark {
  background: rgb(15 23 42);
  border-color: rgb(51 65 85);
}
.dark {
  background: rgb(15 23 42);
  border-bottom-color: rgb(30 41 59);
}
.dark {
  color: rgb(148 163 184);
  border-right-color: rgb(30 41 59);
}
.dark {
  border-bottom-color: rgb(30 41 59);
}
.dark,.dark {
  background-color: rgb(30 41 59 / 0.5);
}
.dark {
  color: rgb(203 213 225);
}

/* ==========================================================
   Checkbox override — compactar e remover halo azul nas
   colunas de selecao da tabela de leads. Nao afeta outras
   telas: o seletor esta limitado a .leads-table-wrapper.
   ========================================================== */
.leads-table-wrapper[data-v-29d9ac00] .ios-checkbox {
  --checkbox-size: 16px;
  --checkbox-border: rgb(203 213 225); /* slate-300, neutro */
  gap: 0;
  margin: 0;
}
.leads-table-wrapper[data-v-29d9ac00] .ios-checkbox .checkbox-bg {
  border-width: 1.5px;
}

/* Hover scale reduzido — em tabela densa, escala grande "salta" demais */
.leads-table-wrapper[data-v-29d9ac00] .ios-checkbox:not(.ios-checkbox--disabled):hover .checkbox-wrapper {
  transform: scale(1.04);
}

/* Focus ring discreto — o default tem 4px de halo azul */
.leads-table-wrapper[data-v-29d9ac00] .ios-checkbox input:focus-visible + .checkbox-wrapper .checkbox-bg {
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.25);
}
.dark {
  --checkbox-border: rgb(71 85 105); /* slate-600 */
}
.dark {
  background: rgb(15 23 42); /* slate-900 — combina com a linha em dark */
}

/* Garante alinhamento vertical perfeito na celula */
.leads-table-wrapper[data-v-29d9ac00] .lvd__cell:first-child {
  padding-left: 14px;
  padding-right: 8px;
}