.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-c494265d] {
  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-c494265d]:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}
.bulk-tag-chip--selected[data-v-c494265d] {
  outline: 2px solid currentColor;
  outline-offset: 1px;
}
.bulk-tag-dot[data-v-c494265d] {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  flex-shrink: 0;
}
.bulk-tag-label[data-v-c494265d] {
  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-import-banner[data-v-b40e0624] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.9rem;
  margin-bottom: 0.75rem;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  border-radius: 0.75rem;
}
.lead-import-banner__icon[data-v-b40e0624] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 0.5rem;
  background: #dbeafe;
  color: #1d4ed8;
  flex-shrink: 0;
}
.lead-import-banner__spin[data-v-b40e0624] {
  animation: lead-import-spin-b40e0624 1s linear infinite;
}
@keyframes lead-import-spin-b40e0624 {
to { transform: rotate(360deg);
}
}
.lead-import-banner__text[data-v-b40e0624] {
  min-width: 0;
  flex: 1 1 auto;
}
.lead-import-banner__title[data-v-b40e0624] {
  font-size: 13px;
  font-weight: 600;
  color: #1e3a8a;
  line-height: 1.35;
}
.lead-import-banner__meta[data-v-b40e0624] {
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.lead-import-banner__file[data-v-b40e0624] {
  font-size: 11.5px;
  color: #3b82f6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lead-import-banner__bar[data-v-b40e0624] {
  width: 140px;
  height: 6px;
  border-radius: 9999px;
  background: #dbeafe;
  overflow: hidden;
  flex-shrink: 0;
}
.lead-import-banner__bar-fill[data-v-b40e0624] {
  height: 100%;
  border-radius: 9999px;
  background: #2563eb;
  transition: width 0.3s ease;
}
@media (max-width: 640px) {
.lead-import-banner__bar[data-v-b40e0624],
  .lead-import-banner__file[data-v-b40e0624] {
    display: none;
}
}

/* Dark mode: a tela de leads inteira tem variante escura. */
.dark {
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(59, 130, 246, 0.35);
}
.dark {
  background: rgba(59, 130, 246, 0.22);
  color: #93c5fd;
}
.dark {
  color: #bfdbfe;
}
.dark {
  color: #60a5fa;
}
.dark {
  background: rgba(59, 130, 246, 0.25);
}

.leads-page[data-v-180c438e] {
  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-180c438e] {
  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-180c438e] {
  font-weight: 600;
  color: rgb(71 85 105);
}
.dark {
  color: rgb(148 163 184);
}
.leads-chip-close[data-v-180c438e] {
  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-180c438e] {
  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-180c438e]: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-180c438e] .ios-checkbox {
  --checkbox-size: 16px;
  --checkbox-border: rgb(203 213 225); /* slate-300, neutro */
  gap: 0;
  margin: 0;
}
.leads-table-wrapper[data-v-180c438e] .ios-checkbox .checkbox-bg {
  border-width: 1.5px;
}

/* Hover scale reduzido — em tabela densa, escala grande "salta" demais */
.leads-table-wrapper[data-v-180c438e] .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-180c438e] .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-180c438e] .lvd__cell:first-child {
  padding-left: 14px;
  padding-right: 8px;
}