/* ── Layout base ─────────────────────────────────────────────────── */
.fa-list-view[data-v-1fc30484],
.fa-form[data-v-1fc30484] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
}

/* ── Botões ──────────────────────────────────────────────────────── */
.fa-btn[data-v-1fc30484] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: background 0.15s, opacity 0.15s;
}
.fa-btn[data-v-1fc30484]:disabled { opacity: 0.55; cursor: not-allowed;
}
.fa-btn--primary[data-v-1fc30484] { background: #6366f1; color: #fff;
}
.fa-btn--primary[data-v-1fc30484]:hover:not(:disabled) { background: #4f46e5;
}
.fa-btn--default[data-v-1fc30484] { background: #f1f5f9; color: #334155;
}
.fa-btn--default[data-v-1fc30484]:hover:not(:disabled) { background: #e2e8f0;
}
.fa-btn--danger[data-v-1fc30484]  { background: #ef4444; color: #fff;
}
.fa-btn--danger[data-v-1fc30484]:hover:not(:disabled)  { background: #dc2626;
}
.fa-btn--lg[data-v-1fc30484] { padding: 10px 20px; font-size: 14px;
}
.fa-icon-btn[data-v-1fc30484] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
.fa-icon-btn[data-v-1fc30484]:hover { background: #f1f5f9; color: #1e293b;
}
.fa-icon-btn--danger[data-v-1fc30484]:hover { background: #fee2e2; color: #ef4444;
}
.fa-add-btn[data-v-1fc30484] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1.5px dashed #cbd5e1;
  background: transparent;
  color: #64748b;
  font-size: 12.5px;
  cursor: pointer;
  margin-top: 8px;
  transition: border-color 0.12s, color 0.12s;
}
.fa-add-btn[data-v-1fc30484]:hover { border-color: #6366f1; color: #6366f1;
}
.fa-add-btn--sm[data-v-1fc30484] { padding: 4px 8px; font-size: 12px; margin-top: 6px;
}

/* ── Voltar ──────────────────────────────────────────────────────── */
.fa-back-btn[data-v-1fc30484] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
  border: none;
  background: none;
  color: #6366f1;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 4px;
}
.fa-back-btn[data-v-1fc30484]:hover { color: #4f46e5;
}

/* ── Header da lista ─────────────────────────────────────────────── */
.fa-list__header[data-v-1fc30484] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.fa-list__desc[data-v-1fc30484] {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  max-width: 380px;
}

/* ── Empty state ─────────────────────────────────────────────────── */
.fa-empty[data-v-1fc30484] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  gap: 10px;
  text-align: center;
}
.fa-empty__icon[data-v-1fc30484] {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
}
.fa-empty__title[data-v-1fc30484] { margin: 0; font-size: 15px; color: #334155; font-weight: 600;
}
.fa-empty__text[data-v-1fc30484]  { margin: 0; font-size: 13px; color: #94a3b8;
}

/* ── Flow cards ──────────────────────────────────────────────────── */
.fa-flow-list[data-v-1fc30484] { display: flex; flex-direction: column; gap: 8px;
}
.fa-flow-card[data-v-1fc30484] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
  transition: box-shadow 0.15s, border-color 0.15s;
}
.fa-flow-card[data-v-1fc30484]:hover { box-shadow: 0 2px 8px rgba(0,0,0,.06); border-color: #c7d2fe;
}
.fa-flow-card__left[data-v-1fc30484] { display: flex; align-items: center; gap: 12px;
}
.fa-flow-card__icon[data-v-1fc30484] {
  width: 34px; height: 34px;
  border-radius: 8px;
  background: #eef2ff;
  color: #6366f1;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.fa-flow-card__name[data-v-1fc30484] { font-size: 13.5px; font-weight: 600; color: #1e293b; display: block;
}
.fa-flow-card__meta[data-v-1fc30484] { font-size: 12px; color: #94a3b8; display: block; margin-top: 2px;
}
.fa-flow-card__actions[data-v-1fc30484] { display: flex; gap: 4px;
}

/* ── Section cards ───────────────────────────────────────────────── */
.fa-section[data-v-1fc30484] { display: flex; flex-direction: column; gap: 10px;
}
.fa-section--card[data-v-1fc30484] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px;
  background: #fafafa;
}
.fa-section__header[data-v-1fc30484] { display: flex; flex-direction: column; gap: 4px; margin-bottom: 4px;
}
.fa-section__hint[data-v-1fc30484] { margin: 0; font-size: 12px; color: #94a3b8;
}
.fa-section__badge[data-v-1fc30484] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
}
.fa-section__badge--trigger[data-v-1fc30484]   { background: #fef3c7; color: #b45309;
}
.fa-section__badge--condition[data-v-1fc30484] { background: #ede9fe; color: #7c3aed;
}
.fa-section__badge--action[data-v-1fc30484]    { background: #dcfce7; color: #15803d;
}

/* ── Labels / inputs ─────────────────────────────────────────────── */
.fa-label[data-v-1fc30484] {
  font-size: 12.5px;
  font-weight: 600;
  color: #475569;
  display: block;
  margin-bottom: 4px;
}
.fa-required[data-v-1fc30484] { color: #ef4444;
}
.fa-input[data-v-1fc30484] {
  width: 100%;
  padding: 8px 12px;
  border-radius: 7px;
  border: 1.5px solid #e2e8f0;
  font-size: 13.5px;
  color: #1e293b;
  background: #fff;
  transition: border-color 0.12s;
  box-sizing: border-box;
}
.fa-input[data-v-1fc30484]:focus { outline: none; border-color: #6366f1;
}
.fa-input--sm[data-v-1fc30484] { padding: 6px 10px; font-size: 12.5px;
}
.fa-textarea[data-v-1fc30484] {
  width: 100%;
  padding: 8px 12px;
  border-radius: 7px;
  border: 1.5px solid #e2e8f0;
  font-size: 13.5px;
  color: #1e293b;
  background: #fff;
  transition: border-color 0.12s;
  box-sizing: border-box;
  resize: vertical;
  font-family: inherit;
  min-height: 60px;
}
.fa-textarea[data-v-1fc30484]:focus { outline: none; border-color: #6366f1;
}
.fa-hint[data-v-1fc30484] {
  font-size: 11.5px;
  color: #94a3b8;
  margin-top: 4px;
}
.fa-hint code[data-v-1fc30484] {
  background: #f1f5f9;
  padding: 1px 4px;
  border-radius: 3px;
  font-size: 11px;
}
.fa-select[data-v-1fc30484] {
  width: 100%;
  padding: 8px 12px;
  border-radius: 7px;
  border: 1.5px solid #e2e8f0;
  font-size: 13.5px;
  color: #1e293b;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.12s;
  box-sizing: border-box;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.fa-select[data-v-1fc30484]:focus { outline: none; border-color: #6366f1;
}
.fa-select--sm[data-v-1fc30484] { padding: 6px 10px; font-size: 12.5px;
}

/* ── Field rows ──────────────────────────────────────────────────── */
.fa-fields-row[data-v-1fc30484] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.fa-field[data-v-1fc30484]  { display: flex; flex-direction: column; flex: 1;
}
.fa-field--narrow[data-v-1fc30484] { flex: 0 0 110px;
}
.fa-field--stretch[data-v-1fc30484] { flex: 1;
}

/* ── Logic toggle ────────────────────────────────────────────────── */
.fa-logic-toggle[data-v-1fc30484] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.fa-logic-label[data-v-1fc30484] { font-size: 12.5px; color: #64748b;
}
.fa-logic-btns[data-v-1fc30484]  { display: flex; gap: 4px;
}
.fa-logic-btn[data-v-1fc30484] {
  padding: 4px 12px;
  border-radius: 6px;
  border: 1.5px solid #e2e8f0;
  background: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  color: #64748b;
  transition: all 0.12s;
}
.fa-logic-btn--active[data-v-1fc30484] { border-color: #6366f1; background: #eef2ff; color: #6366f1;
}

/* ── Rule rows ───────────────────────────────────────────────────── */
.fa-rules[data-v-1fc30484] { display: flex; flex-direction: column; gap: 6px;
}
.fa-rule-separator[data-v-1fc30484] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
}
.fa-rule-separator span[data-v-1fc30484] {
  font-size: 11px;
  font-weight: 700;
  color: #94a3b8;
  background: #f1f5f9;
  padding: 2px 8px;
  border-radius: 4px;
}
.fa-rule-fields[data-v-1fc30484] {
  display: flex;
  gap: 6px;
  align-items: center;
}
.fa-rule-fields .fa-select--sm[data-v-1fc30484],
.fa-rule-fields .fa-input--sm[data-v-1fc30484] {
  flex: 1;
}

/* ── Actions list ────────────────────────────────────────────────── */
.fa-actions-empty[data-v-1fc30484] {
  font-size: 13px;
  color: #94a3b8;
  padding: 8px 0;
}
.fa-actions-list[data-v-1fc30484] { display: flex; flex-direction: column; gap: 10px;
}
.fa-action-card[data-v-1fc30484] {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.fa-action-card__header[data-v-1fc30484] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}
.fa-action-card__type[data-v-1fc30484] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: #475569;
}
.fa-action-card__controls[data-v-1fc30484] { display: flex; align-items: center; gap: 6px;
}
.fa-action-card__pos[data-v-1fc30484] { font-size: 11px; color: #94a3b8; font-weight: 600;
}
.fa-action-fields[data-v-1fc30484] { padding: 14px; display: flex; flex-direction: column; gap: 10px;
}

/* ── Headers ─────────────────────────────────────────────────────── */
.fa-headers[data-v-1fc30484] { display: flex; flex-direction: column; gap: 8px;
}
.fa-headers__toggle[data-v-1fc30484] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: none;
  padding: 0;
  font-size: 12.5px;
  color: #64748b;
  cursor: pointer;
  font-weight: 500;
}
.fa-headers__toggle[data-v-1fc30484]:hover { color: #6366f1;
}
.fa-headers__arrow[data-v-1fc30484] { transition: transform 0.2s;
}
.fa-headers__arrow--open[data-v-1fc30484] { transform: rotate(90deg);
}
.fa-headers__body[data-v-1fc30484] { display: flex; flex-direction: column; gap: 6px; padding-left: 4px;
}
.fa-header-row[data-v-1fc30484] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.fa-header-colon[data-v-1fc30484] { color: #94a3b8; font-weight: 600; font-size: 14px;
}
.fa-badge[data-v-1fc30484] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 10px;
  background: #6366f1;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}

/* ── Erros ───────────────────────────────────────────────────────── */
.fa-errors[data-v-1fc30484] {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 12px 16px;
  color: #b91c1c;
  font-size: 13px;
}
.fa-errors ul[data-v-1fc30484] { margin: 0; padding-left: 18px;
}
.fa-errors li + li[data-v-1fc30484] { margin-top: 4px;
}

/* ── Loading spinner ─────────────────────────────────────────────── */
.fa-loading[data-v-1fc30484] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
}
.fa-spinner[data-v-1fc30484] {
  width: 28px;
  height: 28px;
  border: 3px solid #e2e8f0;
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: fa-spin-1fc30484 0.65s linear infinite;
}
.fa-spinner--sm[data-v-1fc30484] {
  width: 14px;
  height: 14px;
  border-width: 2px;
}
@keyframes fa-spin-1fc30484 {
to { transform: rotate(360deg);
}
}

/* ── Confirm overlay ─────────────────────────────────────────────── */
.fa-confirm-overlay[data-v-1fc30484] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fa-confirm[data-v-1fc30484] {
  background: #fff;
  border-radius: 14px;
  padding: 28px 32px;
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
}
.fa-confirm__icon[data-v-1fc30484] { color: #f59e0b;
}
.fa-confirm__title[data-v-1fc30484] { margin: 0; font-size: 15px; font-weight: 700; color: #1e293b;
}
.fa-confirm__text[data-v-1fc30484]  { margin: 0; font-size: 13.5px; color: #64748b;
}
.fa-confirm__actions[data-v-1fc30484] { display: flex; gap: 10px; margin-top: 8px;
}

/* ── Template HSM ────────────────────────────────────────────────── */
.fa-template-preview[data-v-1fc30484] {
  margin-top: 6px;
  padding: 8px 12px;
  background: #f8fafc;
  border-radius: 7px;
  border: 1.5px solid #e2e8f0;
  font-size: 12.5px;
  color: #475569;
  line-height: 1.5;
}
.fa-template-preview__label[data-v-1fc30484] {
  font-weight: 600;
  color: #64748b;
  margin-right: 4px;
}
.fa-template-preview__body[data-v-1fc30484] { color: #334155;
}
.fa-template-var[data-v-1fc30484] {
  margin-bottom: 10px;
}
.fa-template-var__label[data-v-1fc30484] {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  color: #64748b;
  font-family: monospace;
  background: #f1f5f9;
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  margin-bottom: 6px;
}
.fa-var-shortcuts[data-v-1fc30484] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
}
.fa-var-shortcut[data-v-1fc30484] {
  padding: 2px 8px;
  font-size: 11px;
  border: 1px solid #cbd5e1;
  border-radius: 20px;
  background: #f1f5f9;
  color: #475569;
  cursor: pointer;
  transition: background 0.1s, border-color 0.1s;
}
.fa-var-shortcut[data-v-1fc30484]:hover { background: #e0e7ff; border-color: #6366f1; color: #4f46e5;
}
.fa-var-chip[data-v-1fc30484] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #64748b;
  font-size: 11px;
  font-family: monospace;
  cursor: pointer;
  transition: background 0.1s, border-color 0.1s;
}
.fa-var-chip[data-v-1fc30484]:hover { background: #e0e7ff; border-color: #6366f1; color: #4f46e5;
}
.fa-textarea[data-v-1fc30484] { min-height: 80px; line-height: 1.5;
}

.kanban-permission-roles[data-v-74a43b4d] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.kanban-permission-roles--disabled[data-v-74a43b4d] > *:not(.kanban-permission-roles__public-warning) {
  opacity: 0.65;
}
.kanban-permission-roles__public-warning[data-v-74a43b4d] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  background: #fff7ed;
  border: 1px solid #fdba74;
  border-radius: 10px;
}
.public-warning__icon[data-v-74a43b4d] {
  flex-shrink: 0;
  color: #c2410c;
  margin-top: 1px;
}
.public-warning__text[data-v-74a43b4d] {
  margin: 0;
  font-size: 13px;
  color: #9a3412;
  line-height: 1.5;
}
.kanban-permission-roles__validation-warning[data-v-74a43b4d] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 10px;
}
.validation-warning__icon[data-v-74a43b4d] {
  flex-shrink: 0;
  color: #92400e;
  margin-top: 1px;
}
.validation-warning__text[data-v-74a43b4d] {
  margin: 0;
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
}
.kanban-permission-roles__admin-notice[data-v-74a43b4d] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
}
.admin-notice__icon[data-v-74a43b4d] {
  flex-shrink: 0;
  color: #16a34a;
  margin-top: 1px;
}
.admin-notice__text[data-v-74a43b4d] {
  margin: 0;
  font-size: 13px;
  color: #166534;
  line-height: 1.5;
}
.kanban-permission-roles__section[data-v-74a43b4d] {
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.2s ease;
}
.kanban-permission-roles__section[data-v-74a43b4d]:hover {
  border-color: #d1d5db;
}
.kanban-permission-roles__section.section--has-selection[data-v-74a43b4d] {
  border-color: #3b82f6;
  background: #fafbff;
}
.section__header[data-v-74a43b4d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.section__title-area[data-v-74a43b4d] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.section__title[data-v-74a43b4d] {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.section__counter[data-v-74a43b4d] {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  padding: 3px 10px;
  border-radius: 10px;
}
.section--has-selection .section__counter[data-v-74a43b4d] {
  background: #dbeafe;
  color: #1e40af;
}
.section__select-all-btn[data-v-74a43b4d] {
  font-size: 13px;
  font-weight: 500;
  color: #3b82f6;
  background: none;
  border: 1px solid #3b82f6;
  border-radius: 6px;
  padding: 5px 14px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.section__select-all-btn[data-v-74a43b4d]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.section__select-all-btn[data-v-74a43b4d]:hover {
  background: #eff6ff;
}
.section__select-all-btn.select-all--active[data-v-74a43b4d] {
  color: #dc2626;
  border-color: #dc2626;
}
.section__select-all-btn.select-all--active[data-v-74a43b4d]:hover {
  background: #fef2f2;
}
.section__description[data-v-74a43b4d] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
  margin: 0 0 12px 0;
}
.section__permissions[data-v-74a43b4d] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.perm-badge[data-v-74a43b4d] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: #f3f4f6;
  color: #374151;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
}
.section--has-selection .perm-badge[data-v-74a43b4d] {
  background: #dbeafe;
  color: #1e40af;
}
.perm-badge svg[data-v-74a43b4d] {
  flex-shrink: 0;
}
.perm-badge--restricted[data-v-74a43b4d] {
  background: #fef2f2;
  color: #991b1b;
  opacity: 0.75;
}
.section--has-selection .perm-badge--restricted[data-v-74a43b4d] {
  background: #fee2e2;
  color: #991b1b;
}
.section__selector[data-v-74a43b4d] {
  margin-top: 4px;
}
.section__empty[data-v-74a43b4d] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 8px;
  color: #9ca3af;
  font-size: 13px;
  margin-top: 4px;
}
.section__empty svg[data-v-74a43b4d] {
  flex-shrink: 0;
}
.kanban-permission-roles__section[data-v-74a43b4d] {
  animation: fadeSlideIn-74a43b4d 0.25s ease;
}
@keyframes fadeSlideIn-74a43b4d {
from {
    opacity: 0;
    transform: translateY(-6px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Parent Board Indicator */
.pipeline-create-step-info__parent-indicator[data-v-a6f7f539] {
  padding: 16px;
  background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);
  border: 2px solid #0077B6;
  border-radius: 12px;
  margin-bottom: 8px;
}
.parent-indicator-content[data-v-a6f7f539] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.parent-indicator-content svg[data-v-a6f7f539] {
  color: #0077B6;
  flex-shrink: 0;
}
.parent-indicator-text[data-v-a6f7f539] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.parent-indicator-label[data-v-a6f7f539] {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.parent-indicator-title[data-v-a6f7f539] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}
.pipeline-create-step-info[data-v-a6f7f539] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 4px 0;
}
.pipeline-create-step-info__section[data-v-a6f7f539] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pipeline-create-step-info__section-title[data-v-a6f7f539] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}
.pipeline-create-step-info__section-description[data-v-a6f7f539] {
  font-size: 13px;
  color: #6b7280;
  margin: -8px 0 8px 0;
  line-height: 1.5;
}

/* Layout horizontal: label ao lado do input */
.pipeline-create-step-info__field[data-v-a6f7f539] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.pipeline-create-step-info__field--checkbox[data-v-a6f7f539] {
  align-items: center;
}
.pipeline-create-step-info__label[data-v-a6f7f539] {
  min-width: 120px;
  width: 120px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  text-align: right;
  flex-shrink: 0;
  line-height: 1.5;
  padding-top: 10px;
}
.pipeline-create-step-info__input-wrapper[data-v-a6f7f539] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pipeline-create-step-info__input-wrapper--checkbox[data-v-a6f7f539] {
  padding-top: 6px;
}

/* Checkbox Elegante Customizado */
.pipeline-create-step-info__checkbox-elegant[data-v-a6f7f539] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: white;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pipeline-create-step-info__checkbox-elegant[data-v-a6f7f539]:hover {
  border-color: #d1d5db;
  background: #f9fafb;
}
.pipeline-create-step-info__checkbox-elegant[data-v-a6f7f539]:has(input:checked) {
  border-color: #3b82f6;
  background: #eff6ff;
}
.pipeline-create-step-info__checkbox-elegant-input[data-v-a6f7f539] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.pipeline-create-step-info__checkbox-elegant-box[data-v-a6f7f539] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 2px solid #d1d5db;
  border-radius: 5px;
  background: white;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 1px;
}
.pipeline-create-step-info__checkbox-elegant:hover .pipeline-create-step-info__checkbox-elegant-box[data-v-a6f7f539] {
  border-color: #9ca3af;
}
.pipeline-create-step-info__checkbox-elegant-input:checked + .pipeline-create-step-info__checkbox-elegant-box[data-v-a6f7f539] {
  background: #3b82f6;
  border-color: #3b82f6;
}
.pipeline-create-step-info__checkbox-elegant-check[data-v-a6f7f539] {
  width: 12px;
  height: 10px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.pipeline-create-step-info__checkbox-elegant-input:checked + .pipeline-create-step-info__checkbox-elegant-box .pipeline-create-step-info__checkbox-elegant-check[data-v-a6f7f539] {
  opacity: 1;
  transform: scale(1);
}
.pipeline-create-step-info__checkbox-elegant-label[data-v-a6f7f539] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.pipeline-create-step-info__checkbox-elegant-title[data-v-a6f7f539] {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  line-height: 1.4;
}
.pipeline-create-step-info__checkbox-elegant-description[data-v-a6f7f539] {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
}
.pipeline-create-step-info__field-hint--checkbox[data-v-a6f7f539] {
  margin-left: 32px;
  margin-top: 4px;
}

/* Checkbox Antigo (mantido para compatibilidade) */
.pipeline-create-step-info__checkbox[data-v-a6f7f539] {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  color: #111827;
  background: white;
  transition: all 0.15s ease;
  box-sizing: border-box;
}
.pipeline-create-step-info__input[data-v-a6f7f539]::-moz-placeholder {
  color: #9ca3af;
}
.pipeline-create-step-info__input[data-v-a6f7f539]::placeholder {
  color: #9ca3af;
}
.pipeline-create-step-info__input[data-v-a6f7f539]:hover {
  border-color: #9ca3af;
}
.pipeline-create-step-info__input[data-v-a6f7f539]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
}
.pipeline-create-step-info__input--error[data-v-a6f7f539] {
  border-color: #ef4444;
}
.pipeline-create-step-info__input--error[data-v-a6f7f539]:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

/* Estilo de erro para ComboBox */
.pipeline-create-step-info__input-wrapper.has-error[data-v-a6f7f539] .combo-trigger {
  border-color: #ef4444 !important;
}
.pipeline-create-step-info__input-wrapper.has-error[data-v-a6f7f539] .combo-trigger:hover {
  border-color: #dc2626 !important;
}
.pipeline-create-step-info__input-wrapper.has-error[data-v-a6f7f539] .combo-trigger.active {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}
.pipeline-create-step-info__error-message[data-v-a6f7f539] {
  font-size: 12px;
  color: #ef4444;
}
.pipeline-create-step-info__loading[data-v-a6f7f539] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
  font-size: 13px;
  color: #6b7280;
}
.pipeline-create-step-info__spinner[data-v-a6f7f539] {
  width: 14px;
  height: 14px;
  border: 2px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin-a6f7f539 0.6s linear infinite;
}
@keyframes spin-a6f7f539 {
to { transform: rotate(360deg);
}
}
.pipeline-create-step-info__checkbox[data-v-a6f7f539] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pipeline-create-step-info__checkbox-input[data-v-a6f7f539] {
  width: 16px;
  height: 16px;
  margin: 2px 0 0 0;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: #3b82f6;
}
.pipeline-create-step-info__checkbox-label[data-v-a6f7f539] {
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
}
.pipeline-create-step-info__field-hint[data-v-a6f7f539] {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}
.pipeline-create-step-info__warning[data-v-a6f7f539] {
  display: flex;
  gap: 12px;
  padding: 16px;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  color: #92400e;
}
.pipeline-create-step-info__warning svg[data-v-a6f7f539] {
  flex-shrink: 0;
  color: #f59e0b;
}
.pipeline-create-step-info__warning strong[data-v-a6f7f539] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}
.pipeline-create-step-info__warning p[data-v-a6f7f539] {
  font-size: 13px;
  margin: 0;
  line-height: 1.5;
  color: #78350f;
}
.pipeline-create-step-info__empty[data-v-a6f7f539] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  color: #9ca3af;
}
.pipeline-create-step-info__empty svg[data-v-a6f7f539] {
  margin-bottom: 16px;
  color: #d1d5db;
}
.pipeline-create-step-info__empty p[data-v-a6f7f539] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}

/* Responsividade */
@media (max-width: 768px) {
.pipeline-create-step-info[data-v-a6f7f539] {
    gap: 24px;
}
.pipeline-create-step-info__field[data-v-a6f7f539] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.pipeline-create-step-info__label[data-v-a6f7f539] {
    min-width: auto;
    width: auto;
    text-align: left;
    padding-top: 0;
}
}
@media (max-width: 640px) {
.pipeline-create-step-info__section[data-v-a6f7f539] {
    gap: 14px;
}
}
.pipeline-create-modal-step-stages[data-v-aa3e5fa0] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pipeline-create-modal-stages-section[data-v-aa3e5fa0] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pipeline-create-modal-section-title[data-v-aa3e5fa0] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.pipeline-create-modal-stages-list[data-v-aa3e5fa0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Item de estágio simplificado */
.pipeline-create-modal-stage-item[data-v-aa3e5fa0] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Conteúdo do ComboBox ocupa todo o espaço disponível */
.pipeline-create-modal-stage-content[data-v-aa3e5fa0] {
  flex: 1;
  min-width: 0;
}

/* Botão de remover externo */
.pipeline-create-modal-stage-external-remove-btn[data-v-aa3e5fa0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #d1d5db;
  background: white;
  border-radius: 6px;
  color: #ef4444;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-stage-external-remove-btn[data-v-aa3e5fa0]:hover {
  background: #fef2f2;
  border-color: #ef4444;
  transform: scale(1.05);
}

/* Botão adicionar etapa */
.pipeline-create-modal-add-link-button[data-v-aa3e5fa0] {
  align-self: flex-start;
  padding: 8px 0;
  border: none;
  background: transparent;
  color: #3b82f6;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  border-radius: 4px;
}
.pipeline-create-modal-add-link-button[data-v-aa3e5fa0]:hover {
  background: transparent;
  color: #2563EB;
  text-decoration: underline;
}

/* Estilos para drag and drop */
.sortable-ghost[data-v-aa3e5fa0] {
  opacity: 0.3;
  background: #dbeafe !important;
  border: 1px dashed #3b82f6 !important;
  transform: rotate(1deg);
}
.sortable-drag[data-v-aa3e5fa0] {
  background: white !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
  transform: rotate(2deg) scale(1.02);
  z-index: 1000;
}
.sortable-chosen[data-v-aa3e5fa0] {
  transform: scale(1.01);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Responsividade */
@media (max-width: 768px) {
.pipeline-create-modal-stage-external-remove-btn[data-v-aa3e5fa0] {
    width: 28px;
    height: 28px;
}
}

/* Estilos para stages customizados */
.pipeline-create-modal-stage-item.custom-stage .pipeline-create-modal-stage-content[data-v-aa3e5fa0] {
  position: relative;
}
.pipeline-create-modal-stage-item.custom-stage .pipeline-create-modal-stage-content[data-v-aa3e5fa0]::after {
  content: '✨';
  position: absolute;
  top: -8px;
  right: -8px;
  background: #fbbf24;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  z-index: 10;
}

/* Toast de feedback */
.pipeline-create-modal-success-toast[data-v-aa3e5fa0] {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #10b981;
  color: white;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  animation: slideInRight-aa3e5fa0 0.3s ease-out;
}
@keyframes slideInRight-aa3e5fa0 {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}
.pipeline-create-modal-step-stages[data-v-5a737a08] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pipeline-create-modal-stages-section[data-v-5a737a08] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pipeline-create-modal-section-title[data-v-5a737a08] {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.pipeline-create-modal-stages-list[data-v-5a737a08] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Item de estágio simplificado */
.pipeline-create-modal-stage-item[data-v-5a737a08] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Conteúdo do ComboBox ocupa todo o espaço disponível */
.pipeline-create-modal-stage-content[data-v-5a737a08] {
  flex: 1;
  min-width: 0;
}

/* Botão de remover externo */
.pipeline-create-modal-stage-external-remove-btn[data-v-5a737a08] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #d1d5db;
  background: white;
  border-radius: 6px;
  color: #ef4444;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-stage-external-remove-btn[data-v-5a737a08]:hover {
  background: #fef2f2;
  border-color: #ef4444;
  transform: scale(1.05);
}

/* Botão adicionar etapa */
.pipeline-create-modal-add-link-button[data-v-5a737a08] {
  align-self: flex-start;
  padding: 8px 0;
  border: none;
  background: transparent;
  color: #3b82f6;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  border-radius: 4px;
}
.pipeline-create-modal-add-link-button[data-v-5a737a08]:hover {
  background: transparent;
  color: #2563EB;
  text-decoration: underline;
}

/* Estilos para drag and drop */
.sortable-ghost[data-v-5a737a08] {
  opacity: 0.3;
  background: #dbeafe !important;
  border: 1px dashed #3b82f6 !important;
  transform: rotate(1deg);
}
.sortable-drag[data-v-5a737a08] {
  background: white !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
  transform: rotate(2deg) scale(1.02);
  z-index: 1000;
}
.sortable-chosen[data-v-5a737a08] {
  transform: scale(1.01);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Responsividade */
@media (max-width: 768px) {
.pipeline-create-modal-stage-external-remove-btn[data-v-5a737a08] {
    width: 28px;
    height: 28px;
}
}

/* Estilos para stages customizados */
.pipeline-create-modal-stage-item.custom-stage .pipeline-create-modal-stage-content[data-v-5a737a08] {
  position: relative;
}
.pipeline-create-modal-stage-item.custom-stage .pipeline-create-modal-stage-content[data-v-5a737a08]::after {
  content: '✨';
  position: absolute;
  top: -8px;
  right: -8px;
  background: #fbbf24;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  z-index: 10;
}

/* Toast de feedback */
.pipeline-create-modal-success-toast[data-v-5a737a08] {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #10b981;
  color: white;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  animation: slideInRight-5a737a08 0.3s ease-out;
}
@keyframes slideInRight-5a737a08 {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}

/* Estilos existentes do modal principal */
.custom-field-modal-modal-content[data-v-5b8849b3] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.custom-field-modal-form-group[data-v-5b8849b3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.custom-field-modal-form-label[data-v-5b8849b3] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.custom-field-modal-field-count[data-v-5b8849b3] {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6b7280;
}
.custom-field-modal-empty-message[data-v-5b8849b3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #6b7280;
}
.custom-field-modal-empty-message i[data-v-5b8849b3] {
  color: #9ca3af;
}
.custom-field-modal-preview[data-v-5b8849b3] {
  margin-top: 1rem;
  padding: 1rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.preview-header[data-v-5b8849b3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.preview-icon[data-v-5b8849b3] {
  margin-top: 0.125rem;
}
.preview-icon i[data-v-5b8849b3] {
  font-size: 1.25rem;
}
.preview-info h4[data-v-5b8849b3] {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
}
.preview-info p[data-v-5b8849b3] {
  margin: 0 0 0.25rem 0;
  font-size: 0.875rem;
  color: #6b7280;
}
.preview-info p[data-v-5b8849b3]:last-child {
  margin-bottom: 0;
}

/* Estilos do modal de criação de campo */
.create-field-modal-content[data-v-5b8849b3] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.create-field-form-group[data-v-5b8849b3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.create-field-form-label[data-v-5b8849b3] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}
.create-field-form-input[data-v-5b8849b3] {
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.875rem;
  transition: border-color 0.2s ease;
}
.create-field-form-input[data-v-5b8849b3]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.create-field-form-input.error[data-v-5b8849b3] {
  border-color: #ef4444;
}
.create-field-error[data-v-5b8849b3] {
  font-size: 0.75rem;
  color: #ef4444;
}
.create-field-hint[data-v-5b8849b3] {
  font-size: 0.75rem;
  color: #6b7280;
}

/* Estilos para opções de select */
.field-options-container[data-v-5b8849b3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.field-option-item[data-v-5b8849b3] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.field-option-input[data-v-5b8849b3] {
  flex: 1;
  padding: 0.5rem;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 0.875rem;
}
.field-option-remove[data-v-5b8849b3] {
  padding: 0.5rem;
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: 4px;
  color: #dc2626;
  cursor: pointer;
  transition: all 0.2s ease;
}
.field-option-remove[data-v-5b8849b3]:hover:not(:disabled) {
  background: #fecaca;
}
.field-option-remove[data-v-5b8849b3]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.field-option-add[data-v-5b8849b3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: #f0f9ff;
  border: 1px dashed #0ea5e9;
  border-radius: 4px;
  color: #0ea5e9;
  cursor: pointer;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}
.field-option-add[data-v-5b8849b3]:hover {
  background: #e0f2fe;
}

/* Botões */
.custom-field-modal-btn[data-v-5b8849b3],
.create-field-btn[data-v-5b8849b3] {
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid;
}
.custom-field-modal-btn-secondary[data-v-5b8849b3],
.create-field-btn-secondary[data-v-5b8849b3] {
  background: #ffffff;
  border-color: #d1d5db;
  color: #374151;
}
.custom-field-modal-btn-secondary[data-v-5b8849b3]:hover,
.create-field-btn-secondary[data-v-5b8849b3]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.custom-field-modal-btn-primary[data-v-5b8849b3],
.create-field-btn-primary[data-v-5b8849b3] {
  background: #3b82f6;
  border-color: #3b82f6;
  color: #ffffff;
}
.custom-field-modal-btn-primary[data-v-5b8849b3]:hover:not(:disabled),
.create-field-btn-primary[data-v-5b8849b3]:hover:not(:disabled) {
  background: #2563eb;
  border-color: #2563eb;
}
.custom-field-modal-btn-primary[data-v-5b8849b3]:disabled,
.create-field-btn-primary[data-v-5b8849b3]:disabled {
  background: #9ca3af;
  border-color: #9ca3af;
  cursor: not-allowed;
}
.text-success[data-v-5b8849b3] {
  color: #10b981;
}

.card-type-editor[data-v-a76b6818] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: system-ui, sans-serif;
  max-width: 100%;
}
.card-type-editor-select-section[data-v-a76b6818] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.card-type-editor-select-label[data-v-a76b6818] {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.card-type-editor-combo-wrapper[data-v-a76b6818] {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.card-type-editor-combo-wrapper[data-v-a76b6818] .combo-box {
  flex: 1;
  min-width: 0;
}
.card-type-editor-combo-display[data-v-a76b6818] {
  position: absolute;
  left: 12px;
  right: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  z-index: 2;
  overflow: hidden;
}
.card-type-editor-combo-name[data-v-a76b6818] {
  font-size: 14px;
  color: #374151;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-type-editor-combo-display[data-v-a76b6818] svg,
.card-type-editor-combo-display[data-v-a76b6818] .icon-wrapper svg {
  flex-shrink: 0;
  fill: currentColor;
}
.card-type-editor-combo-wrapper[data-v-a76b6818] .combo-trigger {
  position: relative;
}
.card-type-editor-combo-wrapper[data-v-a76b6818] .combo-content {
  position: relative;
}

/* Esconde o valor padrão apenas quando há uma seleção */
.card-type-editor-combo-wrapper.has-selection[data-v-a76b6818] .combo-value-container {
  opacity: 0;
  pointer-events: none;
}
.card-type-editor-combo-wrapper.has-selection[data-v-a76b6818] .combo-value {
  display: none;
}
.card-type-editor-combo-wrapper[data-v-a76b6818] .combo-option-color-indicator {
  display: none;
}
.card-type-editor-combo-wrapper[data-v-a76b6818] .combo-option {
  display: flex;
  align-items: center;
  gap: 8px;
}
.card-type-editor-form[data-v-a76b6818] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.card-type-editor-type-icon-wrapper[data-v-a76b6818] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}
.card-type-editor-type-name[data-v-a76b6818] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.card-type-editor-field[data-v-a76b6818] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.card-type-editor-field-label[data-v-a76b6818] {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  letter-spacing: 0.3px;
  line-height: 1.4;
  opacity: 0.85;
}
.card-type-editor-color-row[data-v-a76b6818] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.card-type-editor-color-picker-wrapper[data-v-a76b6818] {
  position: relative;
  display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.card-type-editor-color-picker[data-v-a76b6818] {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}
.card-type-editor-color-preview[data-v-a76b6818] {
  width: 100%;
  height: 100%;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.card-type-editor-color-preview[data-v-a76b6818]:hover {
  border-color: #3b82f6;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.08), 
              0 4px 12px 0 rgba(59, 130, 246, 0.15);
}
.card-type-editor-color-row[data-v-a76b6818] .input-default-ui-wrapper {
  flex: 1;
  min-width: 0;
}
.card-type-editor-preview[data-v-a76b6818] {
  display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #f9fafb;
    border-radius: 8px;
}
.card-type-editor-preview-label[data-v-a76b6818] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.card-type-editor-actions[data-v-a76b6818] {
  display: flex;
  align-items: center;
  padding-top: 4px;
}
.card-type-editor-reset-btn[data-v-a76b6818] {
  background: none;
  border: none;
  color: #9ca3af;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  transition: color 0.2s;
}
.card-type-editor-reset-btn[data-v-a76b6818]:hover {
  color: #6b7280;
}
.card-type-editor-toggle[data-v-a76b6818] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.card-type-editor-toggle input[data-v-a76b6818] {
  display: none;
}
.card-type-editor-slider[data-v-a76b6818] {
  position: relative;
  width: 36px;
  height: 20px;
  background: #d1d5db;
  border-radius: 10px;
  transition: 0.2s;
  flex-shrink: 0;
}
.card-type-editor-slider[data-v-a76b6818]::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.card-type-editor-toggle input:checked + .card-type-editor-slider[data-v-a76b6818] {
  background: #3b82f6;
}
.card-type-editor-toggle input:checked + .card-type-editor-slider[data-v-a76b6818]::before {
  transform: translateX(16px);
}
.card-type-editor-toggle-label[data-v-a76b6818] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.card-type-editor-empty[data-v-a76b6818] {
  padding: 24px;
  text-align: center;
  font-size: 13px;
  color: #9ca3af;
  background: #f9fafb;
  border-radius: 8px;
}

.edit-field-form[data-v-36c43b20] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.checkbox-elegant[data-v-36c43b20] {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: white;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.checkbox-elegant[data-v-36c43b20]:hover {
  border-color: #d1d5db;
  background: #f9fafb;
}
.checkbox-elegant[data-v-36c43b20]:has(input:checked) {
  border-color: #3b82f6;
  background: #eff6ff;
}
.checkbox-elegant-input[data-v-36c43b20] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkbox-elegant-box[data-v-36c43b20] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 2px solid #d1d5db;
  border-radius: 5px;
  background: white;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.checkbox-elegant:hover .checkbox-elegant-box[data-v-36c43b20] {
  border-color: #9ca3af;
}
.checkbox-elegant-input:checked + .checkbox-elegant-box[data-v-36c43b20] {
  background: #3b82f6;
  border-color: #3b82f6;
}
.checkbox-elegant-check[data-v-36c43b20] {
  width: 12px;
  height: 10px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.checkbox-elegant-input:checked + .checkbox-elegant-box .checkbox-elegant-check[data-v-36c43b20] {
  opacity: 1;
  transform: scale(1);
}
.checkbox-elegant-label[data-v-36c43b20] {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  line-height: 1.4;
}
.checkbox-disabled[data-v-36c43b20] {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}
.btn-cancel[data-v-36c43b20],
.btn-save[data-v-36c43b20] {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
.btn-cancel[data-v-36c43b20] {
  background: #f1f5f9;
  color: #475569;
}
.btn-cancel[data-v-36c43b20]:hover {
  background: #e2e8f0;
}
.btn-save[data-v-36c43b20] {
  background: #3b82f6;
  color: white;
}
.btn-save[data-v-36c43b20]:hover {
  background: #2563eb;
}


.pipeline-create-modal-fields-system-badge[data-v-07b6e14d] {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  background-color: #e3f2fd;
  color: #1976d2;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
}

/* Badge para Type Fields */
.pipeline-create-modal-fields-type-badge[data-v-07b6e14d] {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  background-color: #e3f2fd;
  color: #1976d2;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
}
.pipeline-create-modal-fields-drag-disabled[data-v-07b6e14d] {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.pipeline-create-modal-fields-item-required .pipeline-create-modal-fields-drag-handle[data-v-07b6e14d] {
  opacity: 0.4;
  cursor: not-allowed;
}
/* Container principal com animação de entrada */
.pipeline-create-modal-step-fields[data-v-07b6e14d] {
  display: flex;
  gap: 24px;
  padding: 20px;
  min-height: 500px;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
  opacity: 0;
  animation: fadeInFields-07b6e14d 0.6s ease-out 0.2s forwards;
}
@keyframes fadeInFields-07b6e14d {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}

/* Área esquerda - campos ativos com animação escalonada */
.pipeline-create-modal-fields-left[data-v-07b6e14d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.pipeline-create-modal-fields-left[data-v-07b6e14d] > * {
  opacity: 0;
  animation: slideInFromLeft-07b6e14d 0.5s ease-out forwards;
}
.pipeline-create-modal-fields-left[data-v-07b6e14d] > *:nth-child(1) { animation-delay: 0.3s;
}
.pipeline-create-modal-fields-left[data-v-07b6e14d] > *:nth-child(2) { animation-delay: 0.4s;
}
.pipeline-create-modal-fields-left[data-v-07b6e14d] > *:nth-child(3) { animation-delay: 0.5s;
}
@keyframes slideInFromLeft-07b6e14d {
0% {
    opacity: 0;
    transform: translateX(-30px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

/* Área direita - gerenciamento com animação diferenciada */
.pipeline-create-modal-fields-right[data-v-07b6e14d] {
  width: 280px;
  flex-shrink: 0;
  opacity: 0;
  animation: slideInFromRight-07b6e14d 0.5s ease-out 0.4s forwards;
}
@keyframes slideInFromRight-07b6e14d {
0% {
    opacity: 0;
    transform: translateX(30px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

/* Seções */
.pipeline-create-modal-fields-section[data-v-07b6e14d] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Espaçamento maior entre botão e título */
.pipeline-create-modal-fields-right .pipeline-create-modal-fields-section[data-v-07b6e14d]:first-child {
  margin-bottom: 24px;
}
.pipeline-create-modal-fields-section-header[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  position: relative;
}
.pipeline-create-modal-fields-section-title[data-v-07b6e14d] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}

/* Dropdown do Associated Products */
.pipeline-create-modal-fields-dropdown[data-v-07b6e14d] {
  position: relative;
}
.pipeline-create-modal-fields-dropdown-btn[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-dropdown-btn[data-v-07b6e14d]:hover {
  background: #f3f4f6;
  color: #374151;
}
.pipeline-create-modal-fields-dropdown-menu[data-v-07b6e14d] {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  min-width: 160px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-top: 4px;
  opacity: 0;
  transform: translateY(-10px);
  animation: dropdownSlideIn-07b6e14d 0.2s ease-out forwards;
}
@keyframes dropdownSlideIn-07b6e14d {
to {
    opacity: 1;
    transform: translateY(0);
}
}
.pipeline-create-modal-fields-dropdown-item[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: none;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  text-align: left;
}
.pipeline-create-modal-fields-dropdown-item[data-v-07b6e14d]:hover {
  background: #f9fafb;
  transform: translateX(2px);
}
.pipeline-create-modal-fields-dropdown-remove[data-v-07b6e14d] {
  color: #ef4444;
}
.pipeline-create-modal-fields-dropdown-remove[data-v-07b6e14d]:hover {
  background: #fef2f2;
}

/* Lista de campos com espaçamento maior e animação suave */
.pipeline-create-modal-fields-list[data-v-07b6e14d],
.pipeline-create-modal-fields-unused-list[data-v-07b6e14d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 30px;
}
.pipeline-create-modal-fields-additional[data-v-07b6e14d] {
  min-height: 60px;
}

/* Item de campo - Layout integrado como o ComboBox */
.pipeline-create-modal-fields-item[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  gap: 0;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  position: relative;
  min-height: 38px;
  box-sizing: border-box;
  padding: 0;
}
.pipeline-create-modal-fields-item[data-v-07b6e14d]:hover {
  border-color: #3b82f6;
  box-shadow: 0 6px 18px rgba(59, 130, 246, 0.08);
}

/* Campo obrigatório */
.pipeline-create-modal-fields-item-required[data-v-07b6e14d] {
  border-color: #ef4444;
  border-width: 1px;
}

/* Campo personalizado */
.pipeline-create-modal-fields-item-custom[data-v-07b6e14d] {
  border-left: 4px solid #10b981;
  background: linear-gradient(90deg, #f0fdf4 0%, #ffffff 10%);
}
.pipeline-create-modal-fields-item-custom[data-v-07b6e14d]:hover {
  border-color: #10b981;
  box-shadow: 0 6px 18px rgba(16, 185, 129, 0.12);
}

/* Campo com hover habilitado */
.pipeline-create-modal-fields-item-hoverable[data-v-07b6e14d]:hover {
  background: #fafafa;
}

/* Badge para campos personalizados */
.pipeline-create-modal-fields-custom-badge[data-v-07b6e14d] {
  display: inline-block;
  padding: 2px 6px;
  background: #10b981;
  color: white;
  font-size: 10px;
  font-weight: 500;
  border-radius: 4px;
  margin-left: 8px;
  white-space: nowrap;
}

/* Drag handle integrado como no ComboBox */
.pipeline-create-modal-fields-drag-handle[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 100%;
  color: #9ca3af;
  cursor: grab;
  flex-shrink: 0;
  border-radius: 6px 0 0 6px;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  margin-right: 8px;
}
.pipeline-create-modal-fields-drag-handle[data-v-07b6e14d]:hover {
  color: #6b7280;
  background: #f1f5f9;
}
.pipeline-create-modal-fields-drag-handle[data-v-07b6e14d]:active {
  cursor: grabbing;
  background: #e2e8f0;
}

/* Conteúdo do campo - área principal ocupando todo espaço */
.pipeline-create-modal-fields-item-content[data-v-07b6e14d] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  padding: 12px 16px;
  height: 38px;
  justify-content: center;
}

/* Layout horizontal para nome e tipo */
.pipeline-create-modal-fields-item-main[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.pipeline-create-modal-fields-item-label[data-v-07b6e14d] {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  transition: color 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  display: flex;
  align-items: center;
}
.pipeline-create-modal-fields-item-type[data-v-07b6e14d] {
  font-size: 11px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  margin-left: auto;
  transition: color 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}

/* Ações no hover - botões externos */
.pipeline-create-modal-fields-hover-actions[data-v-07b6e14d] {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
  padding: 0 8px;
  margin-right: 8px;
}
.pipeline-create-modal-fields-action-btn[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-edit-btn[data-v-07b6e14d] {
  color: #3b82f6;
}
.pipeline-create-modal-fields-edit-btn[data-v-07b6e14d]:hover {
  background: #eff6ff;
  border-color: #3b82f6;
  transform: scale(1.05);
}
.pipeline-create-modal-fields-remove-btn[data-v-07b6e14d] {
  color: #ef4444;
}
.pipeline-create-modal-fields-remove-btn[data-v-07b6e14d]:hover {
  background: #fef2f2;
  border-color: #ef4444;
  transform: scale(1.05);
}

/* Campos não utilizados com hover mais atrativo */
.pipeline-create-modal-fields-unused-item[data-v-07b6e14d] {
  cursor: pointer;
  border-style: dashed;
  background: #f8fafc;
  transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-unused-item[data-v-07b6e14d]:hover {
  border-color: #10b981;
  border-style: solid;
  background: #f0fdf4;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.15);
}
.pipeline-create-modal-fields-unused-item:hover .pipeline-create-modal-fields-drag-handle[data-v-07b6e14d] {
  background: #ecfdf5;
}
.pipeline-create-modal-fields-add-icon[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #10b981;
  color: white;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 8px;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-unused-item:hover .pipeline-create-modal-fields-add-icon[data-v-07b6e14d] {
  transform: scale(1.2);
  background: #059669;
}

/* Empty state para seção adicional */
.pipeline-create-modal-fields-empty-section[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 20px;
  color: #9ca3af;
  font-size: 12px;
  border: 1px dashed #d1d5db;
  border-radius: 6px;
  background: #fafafa;
  transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-additional.sortable-ghost-hover .pipeline-create-modal-fields-empty-section[data-v-07b6e14d],
.pipeline-create-modal-fields-additional:hover .pipeline-create-modal-fields-empty-section[data-v-07b6e14d] {
  border-color: #10b981;
  background: #f0fdf4;
  color: #059669;
  transform: scale(1.02);
}

/* Estado vazio */
.pipeline-create-modal-fields-unused-empty[data-v-07b6e14d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #9ca3af;
  text-align: center;
  gap: 8px;
  font-size: 12px;
}

/* Card Types Section */
.pipeline-create-modal-card-types[data-v-07b6e14d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.pipeline-create-modal-card-type-item[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.pipeline-create-modal-card-type-item[data-v-07b6e14d]:hover {
  border-color: #3b82f6;
  background: #f0f9ff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.pipeline-create-modal-card-type-item--active[data-v-07b6e14d] {
  border-color: #3b82f6;
  background: #eff6ff;
}
.pipeline-create-modal-card-type-icon[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: rgba(59, 130, 246, 0.1);
  flex-shrink: 0;
}
.pipeline-create-modal-card-type-item--active .pipeline-create-modal-card-type-icon[data-v-07b6e14d] {
  background: rgba(59, 130, 246, 0.2);
}
.pipeline-create-modal-card-type-label[data-v-07b6e14d] {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}
.pipeline-create-modal-card-type-check[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #3b82f6;
  color: #ffffff;
  flex-shrink: 0;
}
.pipeline-create-modal-card-types-hint[data-v-07b6e14d] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 0.75rem;
  color: #6b7280;
  text-align: center;
}

/* Botão campo personalizado com animação atrativa */
.pipeline-create-modal-fields-custom-btn[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  border: 1px solid #3b82f6;
  border-radius: 6px;
  color: #3b82f6;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  height: 36px;
  box-sizing: border-box;
}
.pipeline-create-modal-fields-custom-btn[data-v-07b6e14d]:hover {
  background: #eff6ff;
  border-color: #2563eb;
  color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}

/* Tabela de produtos com transições suaves */
.pipeline-create-modal-fields-table-wrapper[data-v-07b6e14d] {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: white;
  transition: box-shadow 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-table-wrapper[data-v-07b6e14d]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.pipeline-create-modal-fields-table[data-v-07b6e14d] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.pipeline-create-modal-fields-table thead[data-v-07b6e14d] {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}
.pipeline-create-modal-fields-table th[data-v-07b6e14d] {
  padding: 12px 16px;
  text-align: left;
  font-weight: 500;
  color: #374151;
  font-size: 12px;
}
.pipeline-create-modal-fields-table-actions[data-v-07b6e14d] {
  width: 50px;
  text-align: center;
}
.pipeline-create-modal-fields-add-btn[data-v-07b6e14d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  background: #10b981;
  color: white;
  margin: 0 auto;
}
.pipeline-create-modal-fields-add-btn[data-v-07b6e14d]:hover {
  background: #059669;
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
}
.pipeline-create-modal-fields-remove-product-btn[data-v-07b6e14d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  background: #ef4444;
  color: white;
}
.pipeline-create-modal-fields-remove-product-btn[data-v-07b6e14d]:hover {
  background: #dc2626;
  transform: scale(1.1);
}
.pipeline-create-modal-fields-table tbody tr[data-v-07b6e14d] {
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-table tbody tr[data-v-07b6e14d]:hover {
  background-color: #f9fafb;
}
.pipeline-create-modal-fields-table tbody tr[data-v-07b6e14d]:last-child {
  border-bottom: none;
}
.pipeline-create-modal-fields-table td[data-v-07b6e14d] {
  padding: 12px 16px;
  font-size: 12px;
  color: #6b7280;
}

/* Estilos de drag and drop aprimorados */
.sortable-ghost[data-v-07b6e14d] {
  opacity: 0.3;
  background: #dbeafe !important;
  border: 1px dashed #3b82f6 !important;
  transform: rotate(2deg);
}
.sortable-chosen[data-v-07b6e14d] {
  transform: rotate(1deg) scale(1.02);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.sortable-drag[data-v-07b6e14d] {
  transform: rotate(3deg) scale(1.05);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}

/* Ajustes de height para inputs neste componente - significativamente menores */
.pipeline-create-modal-step-fields input[data-v-07b6e14d],
.pipeline-create-modal-step-fields select[data-v-07b6e14d],
.pipeline-create-modal-step-fields textarea[data-v-07b6e14d] {
  height: 28px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  border: 1px solid #d1d5db !important;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1) !important;
}
.pipeline-create-modal-step-fields textarea[data-v-07b6e14d] {
  height: auto !important;
  min-height: 28px !important;
  resize: vertical;
}

/* ===== PRODUTOS ASSOCIADOS ===== */
.pipeline-create-modal-products-section[data-v-07b6e14d] {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 2px solid #e5e7eb;
}
.pipeline-create-modal-products-header[data-v-07b6e14d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.pipeline-create-modal-products-header .pipeline-create-modal-fields-section-title[data-v-07b6e14d] {
  margin: 0;
}
.pipeline-create-modal-products-header .pipeline-create-modal-fields-dropdown-remove[data-v-07b6e14d] {
  padding: 6px 12px;
  background: white;
  border: 1px solid #fca5a5;
  color: #dc2626;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pipeline-create-modal-products-header .pipeline-create-modal-fields-dropdown-remove[data-v-07b6e14d]:hover {
  background: #fef2f2;
  border-color: #f87171;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(220, 38, 38, 0.1);
}
.pipeline-create-modal-products-count[data-v-07b6e14d] {
  display: inline-block;
  padding: 4px 12px;
  background: #eff6ff;
  color: #3b82f6;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
}
.pipeline-create-modal-products-wrapper[data-v-07b6e14d] {
  margin-top: 12px;
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.pipeline-create-modal-products-wrapper[data-v-07b6e14d] .interactive-table {
  border: none !important;
}
.pipeline-create-modal-products-wrapper[data-v-07b6e14d] .interactive-table-header-cell,
.pipeline-create-modal-products-wrapper[data-v-07b6e14d] .interactive-table-cell {
  font-size: 12px !important;
  padding: 10px 12px !important;
}

/* Tabela demo (somente cabeçalho) para visualização */
.pipeline-create-modal-products-table-wrapper[data-v-07b6e14d] {
  margin-top: 12px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.pipeline-create-modal-products-table[data-v-07b6e14d] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.pipeline-create-modal-products-table thead[data-v-07b6e14d] {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}
.pipeline-create-modal-products-table th[data-v-07b6e14d] {
  padding: 12px 16px;
  text-align: left;
  font-weight: 500;
  color: #374151;
  font-size: 12px;
  white-space: nowrap;
}

/* Responsividade com animações adaptadas */
@media (max-width: 1024px) {
.pipeline-create-modal-step-fields[data-v-07b6e14d] {
    flex-direction: column;
    max-width: 100%;
}
.pipeline-create-modal-fields-right[data-v-07b6e14d] {
    width: 100%;
    animation: slideInFromBottom-07b6e14d 0.5s ease-out 0.3s forwards;
}
@keyframes slideInFromBottom-07b6e14d {
0% {
      opacity: 0;
      transform: translateY(20px);
}
100% {
      opacity: 1;
      transform: translateY(0);
}
}
}
@media (max-width: 768px) {
.pipeline-create-modal-step-fields[data-v-07b6e14d] {
    padding: 16px;
    gap: 20px;
}
}

.pipeline-create-modal-fields-system-badge[data-v-fe44025b] {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  background-color: #e3f2fd;
  color: #1976d2;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
}

/* Badge para Type Fields */
.pipeline-create-modal-fields-type-badge[data-v-fe44025b] {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  background-color: #e3f2fd;
  color: #1976d2;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
}
.pipeline-create-modal-fields-drag-disabled[data-v-fe44025b] {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.pipeline-create-modal-fields-item-required .pipeline-create-modal-fields-drag-handle[data-v-fe44025b] {
  opacity: 0.4;
  cursor: not-allowed;
}
/* Container principal com animação de entrada */
.pipeline-create-modal-step-fields[data-v-fe44025b] {
  display: flex;
  gap: 24px;
  padding: 20px;
  min-height: 500px;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
  opacity: 0;
  animation: fadeInFields-fe44025b 0.6s ease-out 0.2s forwards;
}
@keyframes fadeInFields-fe44025b {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}

/* Área esquerda - campos ativos com animação escalonada */
.pipeline-create-modal-fields-left[data-v-fe44025b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.pipeline-create-modal-fields-left[data-v-fe44025b] > * {
  opacity: 0;
  animation: slideInFromLeft-fe44025b 0.5s ease-out forwards;
}
.pipeline-create-modal-fields-left[data-v-fe44025b] > *:nth-child(1) { animation-delay: 0.3s;
}
.pipeline-create-modal-fields-left[data-v-fe44025b] > *:nth-child(2) { animation-delay: 0.4s;
}
.pipeline-create-modal-fields-left[data-v-fe44025b] > *:nth-child(3) { animation-delay: 0.5s;
}
@keyframes slideInFromLeft-fe44025b {
0% {
    opacity: 0;
    transform: translateX(-30px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

/* Área direita - gerenciamento com animação diferenciada */
.pipeline-create-modal-fields-right[data-v-fe44025b] {
  width: 280px;
  flex-shrink: 0;
  opacity: 0;
  animation: slideInFromRight-fe44025b 0.5s ease-out 0.4s forwards;
}
@keyframes slideInFromRight-fe44025b {
0% {
    opacity: 0;
    transform: translateX(30px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

/* Seções */
.pipeline-create-modal-fields-section[data-v-fe44025b] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Espaçamento maior entre botão e título */
.pipeline-create-modal-fields-right .pipeline-create-modal-fields-section[data-v-fe44025b]:first-child {
  margin-bottom: 24px;
}
.pipeline-create-modal-fields-section-header[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  position: relative;
}
.pipeline-create-modal-fields-section-title[data-v-fe44025b] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}

/* Dropdown do Associated Products */
.pipeline-create-modal-fields-dropdown[data-v-fe44025b] {
  position: relative;
}
.pipeline-create-modal-fields-dropdown-btn[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-dropdown-btn[data-v-fe44025b]:hover {
  background: #f3f4f6;
  color: #374151;
}
.pipeline-create-modal-fields-dropdown-menu[data-v-fe44025b] {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  min-width: 160px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-top: 4px;
  opacity: 0;
  transform: translateY(-10px);
  animation: dropdownSlideIn-fe44025b 0.2s ease-out forwards;
}
@keyframes dropdownSlideIn-fe44025b {
to {
    opacity: 1;
    transform: translateY(0);
}
}
.pipeline-create-modal-fields-dropdown-item[data-v-fe44025b] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: none;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  text-align: left;
}
.pipeline-create-modal-fields-dropdown-item[data-v-fe44025b]:hover {
  background: #f9fafb;
  transform: translateX(2px);
}
.pipeline-create-modal-fields-dropdown-remove[data-v-fe44025b] {
  color: #ef4444;
}
.pipeline-create-modal-fields-dropdown-remove[data-v-fe44025b]:hover {
  background: #fef2f2;
}

/* Lista de campos com espaçamento maior e animação suave */
.pipeline-create-modal-fields-list[data-v-fe44025b],
.pipeline-create-modal-fields-unused-list[data-v-fe44025b] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 30px;
}
.pipeline-create-modal-fields-additional[data-v-fe44025b] {
  min-height: 60px;
}

/* Item de campo - Layout integrado como o ComboBox */
.pipeline-create-modal-fields-item[data-v-fe44025b] {
  display: flex;
  align-items: center;
  gap: 0;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  position: relative;
  min-height: 38px;
  box-sizing: border-box;
  padding: 0;
}
.pipeline-create-modal-fields-item[data-v-fe44025b]:hover {
  border-color: #3b82f6;
  box-shadow: 0 6px 18px rgba(59, 130, 246, 0.08);
}

/* Campo obrigatório */
.pipeline-create-modal-fields-item-required[data-v-fe44025b] {
  border-color: #ef4444;
  border-width: 1px;
}

/* Campo personalizado */
.pipeline-create-modal-fields-item-custom[data-v-fe44025b] {
  border-left: 4px solid #10b981;
  background: linear-gradient(90deg, #f0fdf4 0%, #ffffff 10%);
}
.pipeline-create-modal-fields-item-custom[data-v-fe44025b]:hover {
  border-color: #10b981;
  box-shadow: 0 6px 18px rgba(16, 185, 129, 0.12);
}

/* Campo com hover habilitado */
.pipeline-create-modal-fields-item-hoverable[data-v-fe44025b]:hover {
  background: #fafafa;
}

/* Badge para campos personalizados */
.pipeline-create-modal-fields-custom-badge[data-v-fe44025b] {
  display: inline-block;
  padding: 2px 6px;
  background: #10b981;
  color: white;
  font-size: 10px;
  font-weight: 500;
  border-radius: 4px;
  margin-left: 8px;
  white-space: nowrap;
}

/* Drag handle integrado como no ComboBox */
.pipeline-create-modal-fields-drag-handle[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 100%;
  color: #9ca3af;
  cursor: grab;
  flex-shrink: 0;
  border-radius: 6px 0 0 6px;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  margin-right: 8px;
}
.pipeline-create-modal-fields-drag-handle[data-v-fe44025b]:hover {
  color: #6b7280;
  background: #f1f5f9;
}
.pipeline-create-modal-fields-drag-handle[data-v-fe44025b]:active {
  cursor: grabbing;
  background: #e2e8f0;
}

/* Conteúdo do campo - área principal ocupando todo espaço */
.pipeline-create-modal-fields-item-content[data-v-fe44025b] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  padding: 12px 16px;
  height: 38px;
  justify-content: center;
}

/* Layout horizontal para nome e tipo */
.pipeline-create-modal-fields-item-main[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.pipeline-create-modal-fields-item-label[data-v-fe44025b] {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  transition: color 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  display: flex;
  align-items: center;
}
.pipeline-create-modal-fields-item-type[data-v-fe44025b] {
  font-size: 11px;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  margin-left: auto;
  transition: color 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}

/* Ações no hover - botões externos */
.pipeline-create-modal-fields-hover-actions[data-v-fe44025b] {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
  padding: 0 8px;
  margin-right: 8px;
}
.pipeline-create-modal-fields-action-btn[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-edit-btn[data-v-fe44025b] {
  color: #3b82f6;
}
.pipeline-create-modal-fields-edit-btn[data-v-fe44025b]:hover {
  background: #eff6ff;
  border-color: #3b82f6;
  transform: scale(1.05);
}
.pipeline-create-modal-fields-remove-btn[data-v-fe44025b] {
  color: #ef4444;
}
.pipeline-create-modal-fields-remove-btn[data-v-fe44025b]:hover {
  background: #fef2f2;
  border-color: #ef4444;
  transform: scale(1.05);
}

/* Campos não utilizados com hover mais atrativo */
.pipeline-create-modal-fields-unused-item[data-v-fe44025b] {
  cursor: pointer;
  border-style: dashed;
  background: #f8fafc;
  transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-unused-item[data-v-fe44025b]:hover {
  border-color: #10b981;
  border-style: solid;
  background: #f0fdf4;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.15);
}
.pipeline-create-modal-fields-unused-item:hover .pipeline-create-modal-fields-drag-handle[data-v-fe44025b] {
  background: #ecfdf5;
}
.pipeline-create-modal-fields-add-icon[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #10b981;
  color: white;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 8px;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-unused-item:hover .pipeline-create-modal-fields-add-icon[data-v-fe44025b] {
  transform: scale(1.2);
  background: #059669;
}

/* Empty state para seção adicional */
.pipeline-create-modal-fields-empty-section[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 20px;
  color: #9ca3af;
  font-size: 12px;
  border: 1px dashed #d1d5db;
  border-radius: 6px;
  background: #fafafa;
  transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-additional.sortable-ghost-hover .pipeline-create-modal-fields-empty-section[data-v-fe44025b],
.pipeline-create-modal-fields-additional:hover .pipeline-create-modal-fields-empty-section[data-v-fe44025b] {
  border-color: #10b981;
  background: #f0fdf4;
  color: #059669;
  transform: scale(1.02);
}

/* Estado vazio */
.pipeline-create-modal-fields-unused-empty[data-v-fe44025b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #9ca3af;
  text-align: center;
  gap: 8px;
  font-size: 12px;
}

/* Card Types Section */
.pipeline-create-modal-card-types[data-v-fe44025b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.pipeline-create-modal-card-type-item[data-v-fe44025b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.pipeline-create-modal-card-type-item[data-v-fe44025b]:hover {
  border-color: #3b82f6;
  background: #f0f9ff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.pipeline-create-modal-card-type-item--active[data-v-fe44025b] {
  border-color: #3b82f6;
  background: #eff6ff;
}
.pipeline-create-modal-card-type-icon[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: rgba(59, 130, 246, 0.1);
  flex-shrink: 0;
}
.pipeline-create-modal-card-type-item--active .pipeline-create-modal-card-type-icon[data-v-fe44025b] {
  background: rgba(59, 130, 246, 0.2);
}
.pipeline-create-modal-card-type-label[data-v-fe44025b] {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}
.pipeline-create-modal-card-type-check[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #3b82f6;
  color: #ffffff;
  flex-shrink: 0;
}
.pipeline-create-modal-card-types-hint[data-v-fe44025b] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 0.75rem;
  color: #6b7280;
  text-align: center;
}

/* Botão campo personalizado com animação atrativa */
.pipeline-create-modal-fields-custom-btn[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  border: 1px solid #3b82f6;
  border-radius: 6px;
  color: #3b82f6;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  height: 36px;
  box-sizing: border-box;
}
.pipeline-create-modal-fields-custom-btn[data-v-fe44025b]:hover {
  background: #eff6ff;
  border-color: #2563eb;
  color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}

/* Tabela de produtos com transições suaves */
.pipeline-create-modal-fields-table-wrapper[data-v-fe44025b] {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: white;
  transition: box-shadow 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-table-wrapper[data-v-fe44025b]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.pipeline-create-modal-fields-table[data-v-fe44025b] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.pipeline-create-modal-fields-table thead[data-v-fe44025b] {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}
.pipeline-create-modal-fields-table th[data-v-fe44025b] {
  padding: 12px 16px;
  text-align: left;
  font-weight: 500;
  color: #374151;
  font-size: 12px;
}
.pipeline-create-modal-fields-table-actions[data-v-fe44025b] {
  width: 50px;
  text-align: center;
}
.pipeline-create-modal-fields-add-btn[data-v-fe44025b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  background: #10b981;
  color: white;
  margin: 0 auto;
}
.pipeline-create-modal-fields-add-btn[data-v-fe44025b]:hover {
  background: #059669;
  transform: scale(1.15);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
}
.pipeline-create-modal-fields-remove-product-btn[data-v-fe44025b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
  background: #ef4444;
  color: white;
}
.pipeline-create-modal-fields-remove-product-btn[data-v-fe44025b]:hover {
  background: #dc2626;
  transform: scale(1.1);
}
.pipeline-create-modal-fields-table tbody tr[data-v-fe44025b] {
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}
.pipeline-create-modal-fields-table tbody tr[data-v-fe44025b]:hover {
  background-color: #f9fafb;
}
.pipeline-create-modal-fields-table tbody tr[data-v-fe44025b]:last-child {
  border-bottom: none;
}
.pipeline-create-modal-fields-table td[data-v-fe44025b] {
  padding: 12px 16px;
  font-size: 12px;
  color: #6b7280;
}

/* Estilos de drag and drop aprimorados */
.sortable-ghost[data-v-fe44025b] {
  opacity: 0.3;
  background: #dbeafe !important;
  border: 1px dashed #3b82f6 !important;
  transform: rotate(2deg);
}
.sortable-chosen[data-v-fe44025b] {
  transform: rotate(1deg) scale(1.02);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.sortable-drag[data-v-fe44025b] {
  transform: rotate(3deg) scale(1.05);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}

/* Ajustes de height para inputs neste componente - significativamente menores */
.pipeline-create-modal-step-fields input[data-v-fe44025b],
.pipeline-create-modal-step-fields select[data-v-fe44025b],
.pipeline-create-modal-step-fields textarea[data-v-fe44025b] {
  height: 28px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  border: 1px solid #d1d5db !important;
  transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1) !important;
}
.pipeline-create-modal-step-fields textarea[data-v-fe44025b] {
  height: auto !important;
  min-height: 28px !important;
  resize: vertical;
}

/* ===== PRODUTOS ASSOCIADOS ===== */
.pipeline-create-modal-products-section[data-v-fe44025b] {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 2px solid #e5e7eb;
}
.pipeline-create-modal-products-header[data-v-fe44025b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.pipeline-create-modal-products-header .pipeline-create-modal-fields-section-title[data-v-fe44025b] {
  margin: 0;
}
.pipeline-create-modal-products-header .pipeline-create-modal-fields-dropdown-remove[data-v-fe44025b] {
  padding: 6px 12px;
  background: white;
  border: 1px solid #fca5a5;
  color: #dc2626;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pipeline-create-modal-products-header .pipeline-create-modal-fields-dropdown-remove[data-v-fe44025b]:hover {
  background: #fef2f2;
  border-color: #f87171;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(220, 38, 38, 0.1);
}
.pipeline-create-modal-products-count[data-v-fe44025b] {
  display: inline-block;
  padding: 4px 12px;
  background: #eff6ff;
  color: #3b82f6;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
}
.pipeline-create-modal-products-wrapper[data-v-fe44025b] {
  margin-top: 12px;
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.pipeline-create-modal-products-wrapper[data-v-fe44025b] .interactive-table {
  border: none !important;
}
.pipeline-create-modal-products-wrapper[data-v-fe44025b] .interactive-table-header-cell,
.pipeline-create-modal-products-wrapper[data-v-fe44025b] .interactive-table-cell {
  font-size: 12px !important;
  padding: 10px 12px !important;
}

/* Tabela demo (somente cabeçalho) para visualização */
.pipeline-create-modal-products-table-wrapper[data-v-fe44025b] {
  margin-top: 12px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.pipeline-create-modal-products-table[data-v-fe44025b] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.pipeline-create-modal-products-table thead[data-v-fe44025b] {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}
.pipeline-create-modal-products-table th[data-v-fe44025b] {
  padding: 12px 16px;
  text-align: left;
  font-weight: 500;
  color: #374151;
  font-size: 12px;
  white-space: nowrap;
}

/* Responsividade com animações adaptadas */
@media (max-width: 1024px) {
.pipeline-create-modal-step-fields[data-v-fe44025b] {
    flex-direction: column;
    max-width: 100%;
}
.pipeline-create-modal-fields-right[data-v-fe44025b] {
    width: 100%;
    animation: slideInFromBottom-fe44025b 0.5s ease-out 0.3s forwards;
}
@keyframes slideInFromBottom-fe44025b {
0% {
      opacity: 0;
      transform: translateY(20px);
}
100% {
      opacity: 1;
      transform: translateY(0);
}
}
}
@media (max-width: 768px) {
.pipeline-create-modal-step-fields[data-v-fe44025b] {
    padding: 16px;
    gap: 20px;
}
}

/* Ensure the container can host an absolute overlay */
.pipeline-create-modal-step-fields[data-v-fe44025b] {
  position: relative;
}

/* Minimalist blue loading overlay - only spinner, no text */
.loading-overlay[data-v-fe44025b] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 60;
}
.spinner[data-v-fe44025b] {
  width: 32px;
  height: 32px;
  border: 3px solid #e0f2fe; /* very light blue */
  border-top-color: #3b82f6; /* primary blue */
  border-radius: 50%;
  animation: spin-fe44025b 0.7s linear infinite;
}
@keyframes spin-fe44025b {
to { transform: rotate(360deg);
}
}

/* [Mantém todos os estilos existentes] */
.board-create-modal-header-wrapper[data-v-5d497972] {
  width: 100%;
}
.board-create-modal-header-top[data-v-5d497972] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.board-create-modal-title[data-v-5d497972] {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}
.board-create-modal-close-button[data-v-5d497972] {
  border: none;
  background: #f8fafc;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: #64748b;
  transition: all 0.2s;
}
.board-create-modal-close-button[data-v-5d497972]:hover {
  background: #e2e8f0;
  color: #334155;
}
.board-create-modal-progress[data-v-5d497972] {
  display: flex;
  gap: 12px;
}
.board-create-modal-progress-step[data-v-5d497972] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
  position: relative;
}
.board-create-modal-progress-step[data-v-5d497972]::after {
  content: '';
  position: absolute;
  top: 14px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #e5e7eb;
  z-index: 0;
}
.board-create-modal-progress-step[data-v-5d497972]:last-child::after {
  display: none;
}
.board-create-modal-progress-step.completed[data-v-5d497972]::after {
  background: #3b82f6;
}
.board-create-modal-progress-number[data-v-5d497972] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e5e7eb;
  color: #9ca3af;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  transition: all 0.2s;
  padding: 0;
}
.board-create-modal-progress-icon[data-v-5d497972] {
  display: none;
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.board-create-modal-progress-step.active .board-create-modal-progress-number[data-v-5d497972] {
  background: #fff;
  border: 2px solid #3b82f6;
  color: #3b82f6;
  box-shadow: none;
}
.board-create-modal-progress-step.completed .board-create-modal-progress-number[data-v-5d497972] {
  background: #3b82f6;
  border: none;
  color: white;
}
.board-create-modal-progress-step.active .board-create-modal-progress-icon[data-v-5d497972] {
  color: white;
}
.board-create-modal-progress-step.completed .board-create-modal-progress-icon[data-v-5d497972] {
  display: block;
  color: white;
}
.board-create-modal-progress-label[data-v-5d497972] {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
  text-align: center;
}
.board-create-modal-progress-step.active .board-create-modal-progress-label[data-v-5d497972] {
  color: #3b82f6;
  font-weight: 600;
}
.board-create-modal-progress-step.active .board-create-modal-progress-number[data-v-5d497972]::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3b82f6;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.board-create-modal-footer-actions[data-v-5d497972] {
  display: flex;
  gap: 12px;
}
.board-create-modal-cancel-button[data-v-5d497972] {
  padding: 8px 16px;
  border: 1px solid #d1d5db;
  background: white;
  color: #374151;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.board-create-modal-cancel-button[data-v-5d497972]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.board-create-modal-previous-button[data-v-5d497972] {
  padding: 8px 16px;
  border: 1px solid #d1d5db;
  background: white;
  color: #374151;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.board-create-modal-previous-button[data-v-5d497972]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.board-create-modal-next-button[data-v-5d497972] {
  padding: 8px 16px;
  border: none;
  background: #3b82f6;
  color: white;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.board-create-modal-next-button[data-v-5d497972]:hover:not(:disabled) {
  background: #1d4ed8;
}
.board-create-modal-next-button[data-v-5d497972]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.board-create-modal-confirm-button[data-v-5d497972] {
  padding: 8px 16px;
  border: none;
  background: #3b82f6;
  color: white;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.board-create-modal-confirm-button[data-v-5d497972]:hover:not(:disabled) {
  background: #1d4ed8;
}
.board-create-modal-confirm-button[data-v-5d497972]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@media (max-width: 640px) {
.board-create-modal-progress[data-v-5d497972] {
    gap: 8px;
}
.board-create-modal-progress-label[data-v-5d497972] {
    font-size: 10px;
}
}

.modal-fade-enter-active[data-v-edd45046],
.modal-fade-leave-active[data-v-edd45046] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter[data-v-edd45046],
.modal-fade-leave-to[data-v-edd45046] {
  opacity: 0;
}
.modal-slide-enter-active[data-v-edd45046] {
  transition: all 0.3s ease-out;
}
.modal-slide-leave-active[data-v-edd45046] {
  transition: all 0.3s ease-in;
}
.modal-slide-enter[data-v-edd45046] {
  transform: translateY(-50px);
  opacity: 0;
}
.modal-slide-leave-to[data-v-edd45046] {
  transform: translateY(-50px);
  opacity: 0;
}
.board-create-modal-overlay[data-v-edd45046] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.board-create-modal-container[data-v-edd45046] {
  background: white;
  border-radius: 12px;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.board-create-modal-header[data-v-edd45046] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0;
  border-bottom: 1px solid #f1f5f9;
  margin-bottom: 24px;
}
.board-create-modal-title[data-v-edd45046] {
  font-size: 24px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}
.board-create-modal-close[data-v-edd45046] {
  background: none;
  border: none;
  font-size: 24px;
  color: #64748b;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.board-create-modal-close[data-v-edd45046]:hover {
  background-color: #f1f5f9;
}
.board-create-modal-content[data-v-edd45046] {
  padding: 0 24px 24px;
}
.board-create-modal-radio-group[data-v-edd45046] {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.board-create-modal-radio-option[data-v-edd45046] {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 12px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  transition: all 0.2s;
  flex: 1;
}
.board-create-modal-radio-option[data-v-edd45046]:hover {
  border-color: #cbd5e1;
}
.board-create-modal-radio-input[data-v-edd45046] {
  margin-right: 8px;
}
.board-create-modal-radio-input:checked + .board-create-modal-radio-label[data-v-edd45046] {
  color: #3b82f6;
  font-weight: 500;
}
.board-create-modal-radio-option[data-v-edd45046]:has(.board-create-modal-radio-input:checked) {
  border-color: #3b82f6;
  background-color: #eff6ff;
}
.board-create-modal-radio-label[data-v-edd45046] {
  font-size: 14px;
  color: #475569;
  transition: color 0.2s;
}
.board-create-modal-description[data-v-edd45046] {
  color: #64748b;
  font-size: 14px;
  margin-bottom: 24px;
  line-height: 1.5;
}
.board-create-modal-cards[data-v-edd45046] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.board-create-modal-card[data-v-edd45046] {
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
.board-create-modal-card[data-v-edd45046]:hover {
  border-color: #3b82f6;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.board-create-modal-card-icon[data-v-edd45046] {
  width: 48px;
  height: 48px;
  background: #eff6ff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  color: #3b82f6;
}
.board-create-modal-card-title[data-v-edd45046] {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 8px;
}
.board-create-modal-card-text[data-v-edd45046] {
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 20px;
}
.board-create-modal-subboard-container[data-v-edd45046] {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.board-create-modal-subboard-card[data-v-edd45046] {
  max-width: 450px;
  width: 100%;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  background: #fafbfc;
  transition: all 0.2s;
}
.board-create-modal-subboard-icon[data-v-edd45046] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #3b82f6;
}
.board-create-modal-subboard-title[data-v-edd45046] {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 12px;
}
.board-create-modal-subboard-description[data-v-edd45046] {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 24px;
}
.board-create-modal-subboard-select[data-v-edd45046] {
  text-align: left;
  margin-bottom: 24px;
}
.board-create-modal-subboard-label[data-v-edd45046] {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 640px) {
.board-create-modal-container[data-v-edd45046] {
    width: 95%;
    margin: 20px;
}
.board-create-modal-cards[data-v-edd45046] {
    grid-template-columns: 1fr;
}
.board-create-modal-radio-group[data-v-edd45046] {
    flex-direction: column;
}
}

.board-basic-edit-form[data-v-5065665a] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.board-basic-edit-form-field[data-v-5065665a] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.board-basic-edit-form-label[data-v-5065665a] {
  font-weight: 500;
  font-size: 14px;
  color: #374151;
}
.board-basic-edit-form-input[data-v-5065665a] {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  color: #111827;
  outline: none;
  transition: border-color 0.2s;
}
.board-basic-edit-form-input[data-v-5065665a]:focus {
  border-color: #3b82f6;
}
.board-basic-edit-form-btn-cancel[data-v-5065665a] {
  background: white;
  border: 1px solid #d1d5db;
  color: #374151;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
}
.board-basic-edit-form-btn-cancel[data-v-5065665a]:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.board-basic-edit-form-btn-save[data-v-5065665a] {
  background: #3b82f6;
  border: 1px solid #3b82f6;
  color: white;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s;
}
.board-basic-edit-form-btn-save[data-v-5065665a]:hover {
  background: #2563eb;
  border-color: #2563eb;
}
.board-basic-edit-form-btn-save[data-v-5065665a]:disabled {
  cursor: not-allowed;
  opacity: 0.65;
  background: #93c5fd;
  border-color: #93c5fd;
}
.board-basic-edit-form-section[data-v-5065665a] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}
.board-basic-edit-form-section-title[data-v-5065665a] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}
.board-basic-edit-form-input-wrapper[data-v-5065665a] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.board-basic-edit-form-loading[data-v-5065665a] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
  font-size: 13px;
  color: #6b7280;
}
.board-basic-edit-form-spinner[data-v-5065665a] {
  width: 14px;
  height: 14px;
  border: 2px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: board-basic-edit-form-spin-5065665a 0.6s linear infinite;
}
@keyframes board-basic-edit-form-spin-5065665a {
to { transform: rotate(360deg);
}
}
.board-basic-edit-form-field-hint[data-v-5065665a] {
  font-size: 12px;
  color: #6b7280;
  margin: 4px 0 0 0;
  line-height: 1.5;
}
.pipeline-create-step-info__section[data-v-5065665a] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pipeline-create-step-info__section-title[data-v-5065665a] {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}
.pipeline-create-step-info__field[data-v-5065665a] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.pipeline-create-step-info__field--checkbox[data-v-5065665a] {
  align-items: center;
}
.pipeline-create-step-info__label[data-v-5065665a] {
  min-width: 120px;
  width: 120px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  text-align: right;
  flex-shrink: 0;
  line-height: 1.5;
  padding-top: 10px;
}
.pipeline-create-step-info__input-wrapper[data-v-5065665a] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pipeline-create-step-info__checkbox-elegant[data-v-5065665a] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: white;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.pipeline-create-step-info__checkbox-elegant[data-v-5065665a]:hover {
  border-color: #d1d5db;
  background: #f9fafb;
}
.pipeline-create-step-info__checkbox-elegant[data-v-5065665a]:has(input:checked) {
  border-color: #3b82f6;
  background: #eff6ff;
}
.pipeline-create-step-info__checkbox-elegant-input[data-v-5065665a] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.pipeline-create-step-info__checkbox-elegant-box[data-v-5065665a] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 2px solid #d1d5db;
  border-radius: 5px;
  background: white;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 1px;
}
.pipeline-create-step-info__checkbox-elegant:hover .pipeline-create-step-info__checkbox-elegant-box[data-v-5065665a] {
  border-color: #9ca3af;
}
.pipeline-create-step-info__checkbox-elegant-input:checked + .pipeline-create-step-info__checkbox-elegant-box[data-v-5065665a] {
  background: #3b82f6;
  border-color: #3b82f6;
}
.pipeline-create-step-info__checkbox-elegant-check[data-v-5065665a] {
  width: 12px;
  height: 10px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.pipeline-create-step-info__checkbox-elegant-input:checked + .pipeline-create-step-info__checkbox-elegant-box .pipeline-create-step-info__checkbox-elegant-check[data-v-5065665a] {
  opacity: 1;
  transform: scale(1);
}
.pipeline-create-step-info__checkbox-elegant-label[data-v-5065665a] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.pipeline-create-step-info__checkbox-elegant-title[data-v-5065665a] {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  line-height: 1.4;
}
.pipeline-create-step-info__checkbox-elegant-description[data-v-5065665a] {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
}
.pipeline-create-step-info__field-hint[data-v-5065665a] {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}
.pipeline-create-step-info__field-hint--checkbox[data-v-5065665a] {
  margin-left: 32px;
  margin-top: 4px;
}
@media (max-width: 768px) {
.pipeline-create-step-info__field[data-v-5065665a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.pipeline-create-step-info__label[data-v-5065665a] {
    min-width: auto;
    width: auto;
    text-align: left;
    padding-top: 0;
}
}

.stages-loading[data-v-7c4adf57] {
    padding: 40px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}
.sheet-loading-overlay[data-v-7c4adf57] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}
.sheet-loading-spinner[data-v-7c4adf57] {
  width: 32px;
  height: 32px;
  border: 3px solid #e0f2fe; 
  border-top-color: #3b82f6; 
  border-radius: 50%;
  animation: sheet-spin-7c4adf57 0.7s linear infinite;
}
@keyframes sheet-spin-7c4adf57 {
to { transform: rotate(360deg);
}
}
.btn-cancel[data-v-7c4adf57] {
    background: white;
    border: 1px solid #d1d5db;
    color: #374151;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s;
}
.btn-cancel[data-v-7c4adf57]:hover {
    background: #f9fafb;
    border-color: #9ca3af;
}
.btn-save[data-v-7c4adf57] {
    background: #3b82f6;
    border: 1px solid #3b82f6;
    color: white;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s;
}
.btn-save[data-v-7c4adf57]:hover:not(:disabled) {
    background: #2563eb;
    border-color: #2563eb;
}
.btn-save[data-v-7c4adf57]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.modal-delete-board-overlay[data-v-c7e5b579] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  animation: modal-delete-board-fade-c7e5b579 0.15s ease;
}
@keyframes modal-delete-board-fade-c7e5b579 {
from { opacity: 0;
}
to { opacity: 1;
}
}
.modal-delete-board-container[data-v-c7e5b579] {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  max-width: 480px;
  width: 92%;
  max-height: 90vh;
  overflow: auto;
  animation: modal-delete-board-slide-c7e5b579 0.15s ease;
  padding: 20px;
  box-sizing: border-box;
}
@keyframes modal-delete-board-slide-c7e5b579 {
from {
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.modal-delete-board-header[data-v-c7e5b579] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.modal-delete-board-header-icon[data-v-c7e5b579] {
  width: 44px;
  height: 44px;
  background: #fff6f6;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal-delete-board-warning-icon[data-v-c7e5b579] {
  color: #dc2626;
}
.modal-delete-board-title[data-v-c7e5b579] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}
.modal-delete-board-content[data-v-c7e5b579] {
  padding: 8px 0 14px;
}
.modal-delete-board-warning-text[data-v-c7e5b579] {
  margin: 0 0 10px;
  font-size: 14px;
  color: #374151;
}
.modal-delete-board-warning-description[data-v-c7e5b579] {
  margin: 0 0 8px;
  font-size: 13px;
  color: #6b7280;
}
.modal-delete-board-warning-list[data-v-c7e5b579] {
  margin: 0 0 12px;
  padding-left: 18px;
  color: #6b7280;
  font-size: 13px;
}
.modal-delete-board-warning-list li[data-v-c7e5b579] {
  margin-bottom: 4px;
}
.modal-delete-board-warning-final[data-v-c7e5b579] {
  margin: 0;
  font-size: 13px;
  color: #dc2626;
  font-weight: 500;
}
.modal-delete-board-footer[data-v-c7e5b579] {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 8px;
}
.modal-delete-board-btn-cancel[data-v-c7e5b579] {
  background: transparent;
  border: 1px solid #e5e7eb;
  color: #374151;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}
.modal-delete-board-btn-cancel[data-v-c7e5b579]:hover:not(:disabled) {
  background: #f9fafb;
}
.modal-delete-board-btn-cancel[data-v-c7e5b579]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.modal-delete-board-btn-delete[data-v-c7e5b579] {
  background: #dc2626;
  border: none;
  color: white;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.modal-delete-board-btn-delete[data-v-c7e5b579]:hover:not(:disabled) {
  background: #b91c1c;
}
.modal-delete-board-btn-delete[data-v-c7e5b579]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.modal-delete-board-loading-spinner[data-v-c7e5b579] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255,255,255,0.35);
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: modal-delete-board-spin-c7e5b579 0.9s linear infinite;
}
@keyframes modal-delete-board-spin-c7e5b579 {
to { transform: rotate(360deg);
}
}
.modal-delete-board-toast[data-v-c7e5b579] {
  position: fixed;
  top: 20px;
  right: 20px;
  min-width: 180px;
  max-width: 320px;
  padding: 10px 14px;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  z-index: 11000;
  opacity: 0;
  transform: translateY(-6px);
  animation: modal-delete-board-toast-in-c7e5b579 0.18s ease forwards;
}
.modal-delete-board-toast-success[data-v-c7e5b579] { background: #16a34a;
}
.modal-delete-board-toast-info[data-v-c7e5b579] { background: #2563eb;
}
.modal-delete-board-toast-error[data-v-c7e5b579] { background: #dc2626;
}
@keyframes modal-delete-board-toast-in-c7e5b579 {
to {
    opacity: 1;
    transform: translateY(0);
}
}

[data-v-23ace311] .modal-default-ui-container {
  max-height: 80vh;
}
.board-types-settings-modal__content[data-v-23ace311] {
  min-height: 400px;
}
.board-types-settings-modal__subtitle[data-v-23ace311] {
  font-size: 13px;
  color: #64748b;
  margin: 0 0 20px;
}
.board-types-settings-modal__grid[data-v-23ace311] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}
.board-types-settings-modal__item[data-v-23ace311] {
  background: #fff;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.board-types-settings-modal__item[data-v-23ace311]:hover {
  border-color: #cbd5e1;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.board-types-settings-modal__item--active[data-v-23ace311] {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border-color: #3b82f6;
}
.board-types-settings-modal__item-header[data-v-23ace311] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board-types-settings-modal__checkbox-elegant[data-v-23ace311] {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.board-types-settings-modal__checkbox-elegant-input[data-v-23ace311] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.board-types-settings-modal__checkbox-elegant-box[data-v-23ace311] {
  width: 18px;
  height: 18px;
  border: 2px solid #cbd5e1;
  border-radius: 5px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.board-types-settings-modal__checkbox-elegant-check[data-v-23ace311] {
  width: 12px;
  height: 10px;
  color: #fff;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.board-types-settings-modal__checkbox-elegant-input:checked + .board-types-settings-modal__checkbox-elegant-box[data-v-23ace311] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border-color: #3b82f6;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}
.board-types-settings-modal__checkbox-elegant-input:checked + .board-types-settings-modal__checkbox-elegant-box .board-types-settings-modal__checkbox-elegant-check[data-v-23ace311] {
  opacity: 1;
  transform: scale(1);
}
.board-types-settings-modal__checkbox-elegant:hover .board-types-settings-modal__checkbox-elegant-box[data-v-23ace311] {
  border-color: #94a3b8;
}
.board-types-settings-modal__checkbox-elegant-input:checked + .board-types-settings-modal__checkbox-elegant-box[data-v-23ace311]:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-color: #2563eb;
}
.board-types-settings-modal__edit-btn[data-v-23ace311] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #94a3b8;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s;
}
.board-types-settings-modal__item:hover .board-types-settings-modal__edit-btn[data-v-23ace311] {
  opacity: 1;
}
.board-types-settings-modal__edit-btn[data-v-23ace311]:hover:not(:disabled) {
  background: #f1f5f9;
  color: #3b82f6;
}
.board-types-settings-modal__edit-btn[data-v-23ace311]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.board-types-settings-modal__icon[data-v-23ace311] {
  display: flex;
  justify-content: center;
  padding: 8px 0;
}
.board-types-settings-modal__label[data-v-23ace311] {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  text-align: center;
}
.board-types-settings-modal__item--active .board-types-settings-modal__label[data-v-23ace311] {
  color: #1e293b;
  font-weight: 600;
}
.board-types-settings-modal__form[data-v-23ace311] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.board-types-settings-modal__form-group[data-v-23ace311] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.board-types-settings-modal__label-text[data-v-23ace311] {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
}
.board-types-settings-modal__icon-preview[data-v-23ace311] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}
.board-types-settings-modal__icon-box[data-v-23ace311] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}
.board-types-settings-modal__icon-id[data-v-23ace311] {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  font-family: monospace;
}
.board-types-settings-modal__char-count[data-v-23ace311] {
  font-size: 11px;
  color: #94a3b8;
  text-align: right;
}
.board-types-settings-modal__color-picker-custom[data-v-23ace311] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.board-types-settings-modal__color-dropdown[data-v-23ace311] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.board-types-settings-modal__color-current[data-v-23ace311] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.board-types-settings-modal__color-current-swatch[data-v-23ace311] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.06),
    0 2px 4px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  position: relative;
}
.board-types-settings-modal__color-current-swatch[data-v-23ace311]:hover {
  transform: scale(1.05);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.08),
    0 4px 8px rgba(0, 0, 0, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.board-types-settings-modal__color-current-swatch[data-v-23ace311]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
}
.board-types-settings-modal__color-gradient[data-v-23ace311] {
  width: 100%;
}
.board-types-settings-modal__color-gradient-area[data-v-23ace311] {
  width: 100%;
  height: 140px;
  border-radius: 8px;
  position: relative;
  cursor: crosshair;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.06),
    0 2px 4px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.board-types-settings-modal__color-gradient-white[data-v-23ace311] {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, #fff, transparent);
}
.board-types-settings-modal__color-gradient-black[data-v-23ace311] {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent, #000);
}
.board-types-settings-modal__color-gradient-cursor[data-v-23ace311] {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.board-types-settings-modal__color-hue-slider[data-v-23ace311] {
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(to right,
    #ff0000 0%,
    #ffff00 17%,
    #00ff00 33%,
    #00ffff 50%,
    #0000ff 67%,
    #ff00ff 83%,
    #ff0000 100%
  );
  position: relative;
  cursor: pointer;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.06),
    0 2px 4px rgba(0, 0, 0, 0.08);
}
.board-types-settings-modal__color-hue-cursor[data-v-23ace311] {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  background: currentColor;
}
.board-types-settings-modal__color-palette[data-v-23ace311] {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 6px;
  padding: 8px;
  background: #f8fafc;
  border-radius: 8px;
}
.board-types-settings-modal__color-palette-item[data-v-23ace311] {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.06),
    0 1px 2px rgba(0, 0, 0, 0.08);
}
.board-types-settings-modal__color-palette-item[data-v-23ace311]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 5px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
}
.board-types-settings-modal__color-palette-item[data-v-23ace311]:hover {
  transform: scale(1.15);
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px currentColor,
    0 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.board-types-settings-modal__color-palette-check[data-v-23ace311] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}
.board-types-settings-modal__color-palette-check svg[data-v-23ace311] {
  width: 12px;
  height: 10px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  color: #fff;
}
.board-types-settings-modal__color-palette-item--active .board-types-settings-modal__color-palette-check[data-v-23ace311] {
  opacity: 1;
}
.board-types-settings-modal__color-palette-item--active[data-v-23ace311] {
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px currentColor,
    0 2px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
}
.board-types-settings-modal__preview[data-v-23ace311] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  align-self: flex-start;
  font-size: 13px;
  font-weight: 500;
  color: #1e293b;
}
.board-types-settings-modal__preview-icon[data-v-23ace311] {
  display: flex;
}
.board-types-settings-modal__reset-btn[data-v-23ace311] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: transparent;
  border: none;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  align-self: flex-start;
  transition: color 0.2s;
}
.board-types-settings-modal__reset-btn[data-v-23ace311]:hover {
  color: #3b82f6;
}
.board-types-settings-modal__footer[data-v-23ace311] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 20px;
  border-top: 1px solid #e2e8f0;
  margin-top: 4px;
}

/* ===== CSS VARIABLES ===== */
.kanban-board-sidebar-root[data-v-f4cebc43] {
  --kanban-board-sidebar-width: 280px;
  --kanban-board-sidebar-collapsed: 52px;
  --kanban-board-sidebar-bg: #ffffff;
  --kanban-board-sidebar-border: #e5e7eb;
  --kanban-board-sidebar-hover: #f8fafc;
  --kanban-board-sidebar-active: #eff6ff;
  --kanban-board-sidebar-active-border: #3b82f6;
  --kanban-board-sidebar-text-primary: #1e293b;
  --kanban-board-sidebar-text-secondary: #64748b;
  --kanban-board-sidebar-text-muted: #94a3b8;
  --kanban-board-sidebar-accent: #3b82f6;
  --kanban-board-sidebar-accent-light: #dbeafe;
  --kanban-board-sidebar-danger: #ef4444;
  --kanban-board-sidebar-danger-light: #fef2f2;
  --kanban-board-sidebar-radius-sm: 6px;
  --kanban-board-sidebar-radius-md: 8px;
  --kanban-board-sidebar-radius-lg: 12px;
  --kanban-board-sidebar-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== SIDEBAR BASE ===== */
.kanban-board-sidebar[data-v-f4cebc43] {
  display: flex;
  flex-direction: column;
  width: var(--kanban-board-sidebar-width);
  height: 100%;
  background: var(--kanban-board-sidebar-bg);
  border-right: 1px solid var(--kanban-board-sidebar-border);
  transition: width var(--kanban-board-sidebar-transition);
  overflow: hidden;
}
.kanban-board-sidebar--collapsed[data-v-f4cebc43] {
  width: var(--kanban-board-sidebar-collapsed);
}

/* ===== COLLAPSED STATE ===== */
.kanban-board-sidebar__collapsed[data-v-f4cebc43] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 16px 0;
}
.kanban-board-sidebar__collapsed-title[data-v-f4cebc43] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.kanban-board-sidebar__collapsed-title span[data-v-f4cebc43] {
  font-size: 12px;
  font-weight: 600;
  color: var(--kanban-board-sidebar-text-secondary);
  letter-spacing: 0.5px;
}

/* ===== HEADER ===== */
.kanban-board-sidebar__header[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px 16px;
  border-bottom: 1px solid var(--kanban-board-sidebar-border);
}
.kanban-board-sidebar__title[data-v-f4cebc43] {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--kanban-board-sidebar-text-primary);
  letter-spacing: -0.01em;
}
.kanban-board-sidebar__add-btn[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--kanban-board-sidebar-hover);
  border: 1px solid var(--kanban-board-sidebar-border);
  border-radius: var(--kanban-board-sidebar-radius-md);
  color: var(--kanban-board-sidebar-text-secondary);
  cursor: pointer;
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__add-btn[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-accent);
  border-color: var(--kanban-board-sidebar-accent);
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
}

/* ===== FILTERS ===== */
.kanban-board-sidebar__filters[data-v-f4cebc43] {
  border-bottom: 1px solid var(--kanban-board-sidebar-border);
}
.kanban-board-sidebar__filters-toggle[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  color: var(--kanban-board-sidebar-text-secondary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__filters-toggle[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-hover);
  color: var(--kanban-board-sidebar-text-primary);
}
.kanban-board-sidebar__filters-toggle--active[data-v-f4cebc43] {
  background: var(--kanban-board-sidebar-accent-light);
  color: var(--kanban-board-sidebar-accent);
}
.kanban-board-sidebar__filters-toggle-left[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.kanban-board-sidebar__filter-badge[data-v-f4cebc43] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--kanban-board-sidebar-accent);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 9px;
}
.kanban-board-sidebar__filters-arrow[data-v-f4cebc43] {
  transition: transform var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__filters-arrow--open[data-v-f4cebc43] {
  transform: rotate(180deg);
}
.kanban-board-sidebar__filters-panel[data-v-f4cebc43] {
  padding: 12px 16px 16px;
  background: #f8fafc;
  overflow: visible;
}
.kanban-board-sidebar__filter-item[data-v-f4cebc43] .combobox-dropdown {
  max-width: 248px !important;
  left: 0 !important;
  right: auto !important;
}
.kanban-board-sidebar__combobox[data-v-f4cebc43] .combobox-selected-value {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kanban-board-sidebar__combobox[data-v-f4cebc43] .combobox-input {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kanban-board-sidebar__filters-flex[data-v-f4cebc43] {
      display: flex;
    gap: 12px;
    flex-direction: column;
}
.kanban-board-sidebar__filter-item[data-v-f4cebc43] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kanban-board-sidebar__filter-label[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: var(--kanban-board-sidebar-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.kanban-board-sidebar__clear-btn[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin-top: 12px;
  padding: 8px 12px;
  background: var(--kanban-board-sidebar-danger-light);
  border: 1px solid #fecaca;
  border-radius: var(--kanban-board-sidebar-radius-sm);
  color: var(--kanban-board-sidebar-danger);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__clear-btn[data-v-f4cebc43]:hover {
  background: #fee2e2;
  border-color: #fca5a5;
}

/* ===== BOARDS LIST ===== */
.kanban-board-sidebar__list[data-v-f4cebc43] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px 8px;
}
.kanban-board-sidebar__board-group[data-v-f4cebc43] {
  margin-bottom: 2px;
}
.kanban-board-sidebar__board[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  padding: 2px;
  margin-bottom: 2px;
  border-radius: var(--kanban-board-sidebar-radius-md);
  border: 1px solid transparent;
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__board[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-hover);
  border-color: var(--kanban-board-sidebar-border);
}
.kanban-board-sidebar__board--active[data-v-f4cebc43] {
  background: var(--kanban-board-sidebar-active);
  border-color: var(--kanban-board-sidebar-accent-light);
}
.kanban-board-sidebar__board--has-children[data-v-f4cebc43] {
  background: linear-gradient(135deg, #fefefe 0%, #f8fafc 100%);
}
.kanban-board-sidebar__expand-btn[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background: transparent;
  border: none;
  color: var(--kanban-board-sidebar-text-muted);
  cursor: pointer;
  border-radius: 4px;
  transition: all var(--kanban-board-sidebar-transition);
  flex-shrink: 0;
}
.kanban-board-sidebar__expand-btn[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-border);
  color: var(--kanban-board-sidebar-text-primary);
}

/* Espaçador para manter alinhamento em boards sem subboards */
.kanban-board-sidebar__expand-spacer[data-v-f4cebc43] {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  flex-shrink: 0;
}
.kanban-board-sidebar__expand-icon[data-v-f4cebc43] {
  transition: transform var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__expand-icon--open[data-v-f4cebc43] {
  transform: rotate(90deg);
}
.kanban-board-sidebar__board-content[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  padding: 8px 10px;
  border-radius: var(--kanban-board-sidebar-radius-sm);
  cursor: pointer;
}

/* Removendo padding-left especial - todos boards agora alinhados */
.kanban-board-sidebar__board--has-children .kanban-board-sidebar__board-content[data-v-f4cebc43] {
  padding-left: 4px;
}
.kanban-board-sidebar__board-icon[data-v-f4cebc43] {
  flex-shrink: 0;
  color: var(--kanban-board-sidebar-text-muted);
  transition: color var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__board--active .kanban-board-sidebar__board-icon[data-v-f4cebc43] {
  color: var(--kanban-board-sidebar-accent);
}
.kanban-board-sidebar__board-icon--loading[data-v-f4cebc43] {
  animation: kanban-board-sidebar-pulse-f4cebc43 0.6s ease-in-out infinite;
}
@keyframes kanban-board-sidebar-pulse-f4cebc43 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
.kanban-board-sidebar__board-title[data-v-f4cebc43] {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--kanban-board-sidebar-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__board--active .kanban-board-sidebar__board-title[data-v-f4cebc43] {
  color: var(--kanban-board-sidebar-accent);
  font-weight: 600;
}
.kanban-board-sidebar__subcount[data-v-f4cebc43] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: var(--kanban-board-sidebar-accent-light);
  color: var(--kanban-board-sidebar-accent);
  font-size: 10px;
  font-weight: 700;
  border-radius: 10px;
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__board:hover .kanban-board-sidebar__subcount[data-v-f4cebc43] {
  background: var(--kanban-board-sidebar-accent);
  color: #ffffff;
}
.kanban-board-sidebar__options-btn[data-v-f4cebc43] {
  display: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 4px;
  background: transparent;
  border: none;
  color: var(--kanban-board-sidebar-text-muted);
  cursor: pointer;
  border-radius: var(--kanban-board-sidebar-radius-sm);
  flex-shrink: 0;
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__board--active .kanban-board-sidebar__options-btn[data-v-f4cebc43],
.kanban-board-sidebar__options-btn--active[data-v-f4cebc43] {
  display: flex;
}
.kanban-board-sidebar__options-btn[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-border);
  color: var(--kanban-board-sidebar-text-primary);
}
.kanban-board-sidebar__options-btn--active[data-v-f4cebc43] {
  background: var(--kanban-board-sidebar-accent);
  color: #ffffff;
}

/* ===== SUBBOARDS ===== */
.kanban-board-sidebar__subboards[data-v-f4cebc43] {
  margin-left: 16px;
  padding-left: 12px;
  border-left: 2px solid var(--kanban-board-sidebar-border);
  margin-bottom: 8px;
}
.kanban-board-sidebar__board--sub[data-v-f4cebc43] {
  margin-bottom: 1px;
}
.kanban-board-sidebar__board--sub .kanban-board-sidebar__board-content[data-v-f4cebc43] {
  padding: 6px 8px;
  gap: 8px;
  /* Removido position: relative pois não há mais connector */
}
.kanban-board-sidebar__board--sub .kanban-board-sidebar__board-title[data-v-f4cebc43] {
  font-size: 12px;
}

/* Removido estilos do connector que não é mais usado */

/* ===== EMPTY STATE ===== */
.kanban-board-sidebar__empty[data-v-f4cebc43] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  text-align: center;
}
.kanban-board-sidebar__empty-icon[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  background: var(--kanban-board-sidebar-hover);
  border-radius: 50%;
  color: var(--kanban-board-sidebar-text-muted);
}
.kanban-board-sidebar__empty-title[data-v-f4cebc43] {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--kanban-board-sidebar-text-secondary);
}
.kanban-board-sidebar__empty-text[data-v-f4cebc43] {
  margin: 0 0 16px;
  font-size: 12px;
  color: var(--kanban-board-sidebar-text-muted);
}
.kanban-board-sidebar__empty-btn[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid var(--kanban-board-sidebar-accent);
  border-radius: var(--kanban-board-sidebar-radius-sm);
  color: var(--kanban-board-sidebar-accent);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__empty-btn[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-accent);
  color: #ffffff;
}

/* ===== CLONE SECTION ===== */
.kanban-board-sidebar__clone[data-v-f4cebc43] {
  border-top: 1px solid var(--kanban-board-sidebar-border);
  padding: 8px;
  margin-top: auto;
}
.kanban-board-sidebar__clone-toggle[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
  background: transparent;
  border: none;
  color: var(--kanban-board-sidebar-text-secondary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border-radius: var(--kanban-board-sidebar-radius-sm);
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__clone-toggle[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-hover);
  color: var(--kanban-board-sidebar-text-primary);
}
.kanban-board-sidebar__clone-options[data-v-f4cebc43] {
  margin-top: 4px;
}
.kanban-board-sidebar__clone-option[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px 8px 28px;
  background: transparent;
  border: none;
  color: var(--kanban-board-sidebar-text-secondary);
  font-size: 13px;
  cursor: pointer;
  border-radius: var(--kanban-board-sidebar-radius-sm);
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__clone-option[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-accent-light);
  color: var(--kanban-board-sidebar-accent);
  transform: translateX(2px);
}

/* ===== FOOTER ===== */
.kanban-board-sidebar__footer[data-v-f4cebc43] {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  border-top: 1px solid var(--kanban-board-sidebar-border);
}
.kanban-board-sidebar__toggle-btn[data-v-f4cebc43] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  color: var(--kanban-board-sidebar-text-muted);
  cursor: pointer;
  border-radius: var(--kanban-board-sidebar-radius-sm);
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__toggle-btn[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-hover);
  color: var(--kanban-board-sidebar-text-primary);
}

/* ===== DROPDOWN MENU ===== */
.kanban-board-sidebar__dropdown-arrow[data-v-f4cebc43] {
  margin-left: auto;
  opacity: 0.5;
}
.dropdown-default-ui__item:hover .kanban-board-sidebar__dropdown-arrow[data-v-f4cebc43] {
  opacity: 1;
}


/* ===== MODAL BUTTONS ===== */
.kanban-board-sidebar__modal-btn[data-v-f4cebc43] {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--kanban-board-sidebar-radius-md);
  cursor: pointer;
  transition: all var(--kanban-board-sidebar-transition);
}
.kanban-board-sidebar__modal-btn--cancel[data-v-f4cebc43] {
  background: #ffffff;
  border: 1px solid var(--kanban-board-sidebar-border);
  color: var(--kanban-board-sidebar-text-secondary);
}
.kanban-board-sidebar__modal-btn--cancel[data-v-f4cebc43]:hover {
  background: var(--kanban-board-sidebar-hover);
  border-color: var(--kanban-board-sidebar-text-muted);
}
.kanban-board-sidebar__modal-btn--save[data-v-f4cebc43] {
  background: var(--kanban-board-sidebar-accent);
  border: 1px solid var(--kanban-board-sidebar-accent);
  color: #ffffff;
}
.kanban-board-sidebar__modal-btn--save[data-v-f4cebc43]:hover {
  background: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}
.kanban-board-sidebar__permissions-save[data-v-f4cebc43] {
  position: relative;
  display: inline-flex;
}
.kanban-board-sidebar__permissions-save-overlay[data-v-f4cebc43] {
  position: absolute;
  inset: 0;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: not-allowed;
}

/* ===== SCROLLBAR ===== */
.kanban-board-sidebar__list[data-v-f4cebc43]::-webkit-scrollbar {
  width: 4px;
}
.kanban-board-sidebar__list[data-v-f4cebc43]::-webkit-scrollbar-track {
  background: transparent;
}
.kanban-board-sidebar__list[data-v-f4cebc43]::-webkit-scrollbar-thumb {
  background: var(--kanban-board-sidebar-border);
  border-radius: 4px;
}
.kanban-board-sidebar__list[data-v-f4cebc43]::-webkit-scrollbar-thumb:hover {
  background: var(--kanban-board-sidebar-text-muted);
}

/* ===== TRANSITIONS ===== */
.kanban-board-sidebar-slide-fade-enter-active[data-v-f4cebc43] {
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.kanban-board-sidebar-slide-fade-leave-active[data-v-f4cebc43] {
  transition: all 0.2s ease-out;
}
.kanban-board-sidebar-slide-fade-enter[data-v-f4cebc43],
.kanban-board-sidebar-slide-fade-leave-to[data-v-f4cebc43] {
  opacity: 0;
  transform: translateY(-8px);
}
.kanban-board-sidebar-expand-enter-active[data-v-f4cebc43] {
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.kanban-board-sidebar-expand-leave-active[data-v-f4cebc43] {
  transition: all 0.2s ease-out;
}
.kanban-board-sidebar-expand-enter[data-v-f4cebc43],
.kanban-board-sidebar-expand-leave-to[data-v-f4cebc43] {
  opacity: 0;
  transform: translateX(-8px);
}
.kanban-board-sidebar-dropdown-enter-active[data-v-f4cebc43] {
  transition: all 0.15s ease-out;
}
.kanban-board-sidebar-dropdown-leave-active[data-v-f4cebc43] {
  transition: all 0.1s ease-in;
}
.kanban-board-sidebar-dropdown-enter[data-v-f4cebc43],
.kanban-board-sidebar-dropdown-leave-to[data-v-f4cebc43] {
  opacity: 0;
  transform: translateY(-4px) scale(0.98);
}

/* ===== RESPONSIVENESS ===== */
@media (max-width: 1024px) {
.kanban-board-sidebar[data-v-f4cebc43] {
    --kanban-board-sidebar-width: 260px;
}
}
@media (max-width: 768px) {
.kanban-board-sidebar[data-v-f4cebc43] {
    --kanban-board-sidebar-width: 240px;
}
.kanban-board-sidebar__header[data-v-f4cebc43] {
    padding: 16px 12px;
}
.kanban-board-sidebar__title[data-v-f4cebc43] {
    font-size: 13px;
}
.kanban-board-sidebar__board-title[data-v-f4cebc43] {
    font-size: 12px;
}
.kanban-board-sidebar__filters-flex[data-v-f4cebc43] {
    gap: 10px;
}
}
@media (max-width: 640px) {
.kanban-board-sidebar[data-v-f4cebc43] {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    --kanban-board-sidebar-width: 280px;
    transform: translateX(-100%);
    box-shadow: none;
}
.kanban-board-sidebar.kanban-board-sidebar--show-mobile[data-v-f4cebc43] {
    transform: translateX(0);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
}
}

/* Aumenta altura do dropdown no sidebar para mostrar todas as opções sem scroll */
.dropdown-default-ui__menu {
  max-height: 500px !important;
}

/* Hover azulado nos itens normais */
.dropdown-default-ui__item:hover {
  background-color: #e3f2fd !important;
  color: #0052cc !important;
}

/* Hover vermelho no item de excluir */
.dropdown-default-ui__item:has(.kanban-board-sidebar__dropdown-item-danger):hover {
  background-color: #fef2f2 !important;
  color: #ef4444 !important;
}

/* Cor vermelha para o item de excluir */
.dropdown-default-ui__item:has(.kanban-board-sidebar__dropdown-item-danger) {
  color: #ef4444 !important;
}

/* Estilo do divider */
.kanban-board-sidebar__dropdown-divider {
  height: 1px;
  margin: 6px 0;
  background: #e5e7eb;
  width: 100%;
}

/* Remove padding e hover do item que contém o divider */
.dropdown-default-ui__item:has(.kanban-board-sidebar__dropdown-divider) {
  padding: 0 !important;
  cursor: default !important;
  pointer-events: none !important;
}
.dropdown-default-ui__item:has(.kanban-board-sidebar__dropdown-divider):hover {
  background: transparent !important;
}
.kanban-board-sidebar__dropdown-item-content {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.kanban-create-new-card-header[data-v-1daa1752] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kanban-create-new-card-title[data-v-1daa1752] {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.01em;
}
.kanban-create-new-card-loading[data-v-1daa1752] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  gap: 20px;
}
.kanban-create-new-card-spinner[data-v-1daa1752] {
  width: 48px;
  height: 48px;
  border: 4px solid #f3f4f6;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin-1daa1752 0.8s linear infinite;
}
@keyframes spin-1daa1752 {
to {
    transform: rotate(360deg);
}
}
.kanban-create-new-card-loading p[data-v-1daa1752] {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}
.kanban-create-new-card-info-header[data-v-1daa1752] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-radius: 10px;
  margin-bottom: 8px;
}
.kanban-create-new-card-info-title[data-v-1daa1752] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.01em;
}
.kanban-create-new-card-owner[data-v-1daa1752] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.kanban-create-new-card-owner-label[data-v-1daa1752] {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
}
.kanban-create-new-card-owner-badge[data-v-1daa1752] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 6px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-create-new-card-owner-badge[data-v-1daa1752]:hover {
  border-color: #cbd5e1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.kanban-create-new-card-owner-avatar[data-v-1daa1752] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
.kanban-create-new-card-owner-name[data-v-1daa1752] {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
}
.privacy-switch-wrapper[data-v-1daa1752] {
  display: flex;
  
  gap: 10px;
  white-space: nowrap;
}
.privacy-switch-wrapper.is-disabled[data-v-1daa1752] {
  opacity: 0.5;
}
.privacy-switch-compact[data-v-1daa1752] {
  gap: 8px;
}
.privacy-switch[data-v-1daa1752] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}
.privacy-switch-small[data-v-1daa1752] {
  width: 36px;
  height: 20px;
}
.privacy-switch input[data-v-1daa1752] {
  opacity: 0;
  width: 0;
  height: 0;
}
.privacy-slider[data-v-1daa1752] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbd5e1;
  transition: 0.3s;
  border-radius: 24px;
}
.privacy-slider[data-v-1daa1752]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
.privacy-switch-small .privacy-slider[data-v-1daa1752]:before {
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
}
.privacy-switch input:checked + .privacy-slider[data-v-1daa1752] {
  background-color: #3b82f6;
}
.privacy-switch input:checked + .privacy-slider[data-v-1daa1752]:before {
  transform: translateX(20px);
}
.privacy-switch-small input:checked + .privacy-slider[data-v-1daa1752]:before {
  transform: translateX(16px);
}
.privacy-switch input:disabled + .privacy-slider[data-v-1daa1752] {
  cursor: not-allowed;
}
.privacy-label[data-v-1daa1752] {
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
}
.kanban-create-new-card-form[data-v-1daa1752] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.kanban-create-new-card-row[data-v-1daa1752] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 4px;
}
.kanban-create-new-card-label[data-v-1daa1752] {
  min-width: 180px;
  width: 180px;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  text-align: right;
  flex-shrink: 0;
  padding-top: 10px;
  line-height: 1.5;
}
.kanban-create-new-card-input[data-v-1daa1752],
.kanban-create-new-card-textarea[data-v-1daa1752] {
  flex: 1;
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  color: #1e293b;
  background: white;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-create-new-card-input[data-v-1daa1752]:focus,
.kanban-create-new-card-textarea[data-v-1daa1752]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.kanban-create-new-card-input[data-v-1daa1752]:hover:not(:focus),
.kanban-create-new-card-textarea[data-v-1daa1752]:hover:not(:focus) {
  border-color: #cbd5e1;
}
.kanban-create-new-card-textarea[data-v-1daa1752] {
  resize: vertical;
  min-height: 100px;
  line-height: 1.6;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] {
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .text-area-default-ui-container {
  display: flex;
  flex-direction: column;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  background: white;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .text-area-default-ui-container:hover {
  border-color: #cbd5e1;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .text-area-default-ui-container:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .tiptap-toolbar {
  border: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.2s ease;
  background: #fafafa;
}
.kanban-create-new-card-rich-editor-wrapper.is-expanded[data-v-1daa1752] .tiptap-toolbar {
  max-height: 32px;
  opacity: 1;
  padding: 4px 8px !important;
  overflow: visible;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .tiptap-toolbar-btn {
  width: 22px;
  height: 22px;
  padding: 2px;
  margin: 0 1px;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .tiptap-toolbar-btn svg {
  width: 14px !important;
  height: 14px !important;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .tiptap-toolbar-btn:hover {
  background: #e5e7eb;
  border-radius: 3px;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .tiptap-toolbar-btn--active {
  background: #dbeafe;
  border-radius: 3px;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .ProseMirror {
  font-size: 14px;
  font-family: inherit;
  min-height: 40px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.kanban-create-new-card-rich-editor-wrapper.is-expanded[data-v-1daa1752] .ProseMirror {
  min-height: 120px;
  max-height: 300px;
  overflow-y: auto;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .ProseMirror {
  padding: 10px 14px;
  min-height: inherit;
  color: #1e293b;
  line-height: 1.6;
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752] .ProseMirror p.is-editor-empty:first-child::before {
  color: #9ca3af;
  font-style: normal;
  font-size: 14px;
  pointer-events: none;
  float: left;
  height: 0;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752]:not(.is-expanded) .ProseMirror {
  display: flex;
  align-items: center;
}
.kanban-create-new-card-rich-editor-wrapper[data-v-1daa1752]:not(.is-expanded) .ProseMirror p.is-editor-empty:first-child::before {
  position: static;
  transform: none;
}
.kanban-create-new-card-checkbox-wrapper[data-v-1daa1752] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
}
.kanban-create-new-card-checkbox[data-v-1daa1752] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #3b82f6;
  border-radius: 4px;
}
.kanban-create-new-card-checkbox-wrapper label[data-v-1daa1752] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.kanban-create-new-card-money-wrapper[data-v-1daa1752] {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
}
.kanban-create-new-card-money-input[data-v-1daa1752] {
  flex: 1;
  padding-right: 40px !important;
  text-align: left;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
.kanban-create-new-card-money-icon[data-v-1daa1752] {
  position: absolute;
  right: 12px;
  color: #515159;
  pointer-events: none;
  flex-shrink: 0;
}
.kanban-create-new-card-date-field[data-v-1daa1752] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kcf-date-input-wrapper[data-v-1daa1752] {
  position: relative;
  flex: 1;
  width: 100%;
}
.kcf-date-input-wrapper.required-field[data-v-1daa1752] {
  border-left: none;
}
.kcf-date-input[data-v-1daa1752] {
  width: 100%;
  padding: 10px 40px 10px 14px;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  color: #1e293b;
  background: white;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.kcf-date-input[data-v-1daa1752]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.kcf-date-input[data-v-1daa1752]:hover:not(:focus) {
  border-color: #cbd5e1;
}
.kcf-date-input.required-field[data-v-1daa1752] {
  border-left: 4px solid #ef4444 !important;
  padding-left: 12px;
}
.kcf-date-input[data-v-1daa1752]::-moz-placeholder {
  color: #9ca3af;
}
.kcf-date-input[data-v-1daa1752]::placeholder {
  color: #9ca3af;
}
.kcf-date-calendar-btn[data-v-1daa1752] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  transition: color 150ms ease;
}
.kcf-date-calendar-btn[data-v-1daa1752]:hover {
  color: #515159;
}
.kcf-date-input-wrapper:hover .kcf-date-calendar-btn[data-v-1daa1752] {
  color: #64748b;
}
.kanban-create-new-card-calendar-wrapper[data-v-1daa1752] {
  flex: 1;
  border-radius: 8px;
}
.kanban-create-new-card-date-hint[data-v-1daa1752] {
  margin: 0;
  font-size: 12px;
  color: #f59e0b;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 4px;
}
.kanban-create_new-card-date-hint[data-v-1daa1752] svg {
  color: #f59e0b;
  flex-shrink: 0;
}
.kanban-create-new-card-input.required-field[data-v-1daa1752],
.kanban-create-new-card-textarea.required-field[data-v-1daa1752],
.kanban-create-new-card-money-input.required-field[data-v-1daa1752] {
  border-left: 4px solid #ef4444 !important;
  padding-left: 12px;
}
.kanban-create_new-card-input.required-field[data-v-1daa1752]:focus,
.kanban-create_new_card-textarea.required-field[data-v-1daa1752]:focus,
.kanban-create_new_card-money-input.required-field[data-v-1daa1752]:focus {
  border-left-color: #dc2626 !important;
}
.required-field[data-v-1daa1752] .combo-trigger,
.required-field[data-v-1daa1752] .combo-withicons-trigger {
  border-left: 4px solid #ef4444 !important;
  padding-left: 12px !important;
}
.required-field[data-v-1daa1752] .combo-trigger:focus,
.required-field[data-v-1daa1752] .combo-withicons-trigger:focus {
  border-left-color: #dc2626 !important;
}
.kanban-create-new-card-calendar-wrapper.required-field[data-v-1daa1752] .modern-calendar-input {
  border-left: 4px solid #ef4444 !important;
  padding-left: 12px;
}
.kanban-create-new-card-calendar-wrapper.required-field[data-v-1daa1752] .modern-calendar-input:focus {
  border-left-color: #dc2626 !important;
}
.kanban-create-new-card-section-full[data-v-1daa1752] {
  margin-top: 8px;
  padding-top: 24px;
}
.kanban-create-new-card-section-toggle[data-v-1daa1752] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  width: 100%;
  text-align: left;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-create-new-card-section-toggle[data-v-1daa1752]:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.kanban-create-new-card-toggle-icon[data-v-1daa1752] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #3b82f6;
  background: white;
  border-radius: 6px;
  flex-shrink: 0;
}
.kanban-create-new-card-toggle-label[data-v-1daa1752] {
  font-size: 14px;
  flex: 1;
}
.kanban-create-new-card-section-link[data-v-1daa1752] {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  color: #1890ff;
  font-size: 14px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s;
}
.kanban-create_new_card_section-link-disabled .kanban-create-new-card-toggle-icon[data-v-1daa1752] {
  opacity: 0.9;
}
.kanban-create_new_card_section-content-full[data-v-1daa1752] .products-table-container {
  width: 100%;
  max-width: 100%;
  position: relative;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-wrapper {
  width: 100%;
  min-width: 600px;
  overflow: visible;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table {
  width: 100%;
  background: white;
  border-radius: 6px;
  overflow: visible;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .combo-box,
.kanban-create_new_card_section-content_full[data-v-1daa1752] .combobox-wrapper {
  position: relative;
  z-index: 100;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .combo-dropdown {
  position: absolute;
  z-index: 1000;
  min-width: 280px;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-header-cell,
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-cell {
  padding: 12px 10px;
  font-size: 13px;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-cell-produto {
  min-width: 200px;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-cell-preco,
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-cell-quantidade,
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-cell-desconto,
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-cell-total {
  min-width: 110px;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-cell-actions {
  min-width: 90px;
  width: 90px;
}
.kanban-create-new-card-products-total[data-v-1daa1752] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 16px 20px;
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #374151;
}
.kanban-create-new-card-products-total strong[data-v-1daa1752] {
  font-size: 18px;
  font-weight: 700;
  color: #059669;
}
@media (max-width: 1200px) {
.kanban-create-new-card-row[data-v-1daa1752] {
    gap: 16px;
}
.kanban-create-new-card-label[data-v-1daa1752] {
    min-width: 160px;
    width: 160px;
}
}
@media (max-width: 768px) {
.kanban-create-new-card-row[data-v-1daa1752] {
    flex-direction: column;
    gap: 8px;
}
.kanban-create-new-card-label[data-v-1daa1752] {
    min-width: auto;
    width: auto;
    text-align: left;
    padding-top: 0;
}
.kanban-create-new-card-section-content-full[data-v-1daa1752] {
    margin-left: 0;
    margin-right: 0;
    padding: 12px;
}
.kanban-create_new_card_section-content_full[data-v-1daa1752] .interactive-table-wrapper {
    min-width: 500px;
}
}
@media (max-width: 480px) {
.kanban-create-new-card-title[data-v-1daa1752] {
    font-size: 18px;
}
.kanban-create-new-card-input[data-v-1daa1752],
  .kanban-create_new_card-textarea[data-v-1daa1752] {
    font-size: 13px;
    padding: 9px 12px;
}
.kanban-create_new_card-section-content_full[data-v-1daa1752] .interactive-table-header-cell,
  .kanban-create_new_card-section-content_full[data-v-1daa1752] .interactive-table-cell {
    padding: 10px 8px;
    font-size: 12px;
}
}
.priority-badge-preview[data-v-1daa1752] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  text-transform: capitalize;
}
.priority-option-badge[data-v-1daa1752] {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.kanban-card-type-combo-wrapper[data-v-1daa1752] {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.kanban-card-type-combo-wrapper[data-v-1daa1752] .combo-box {
  flex: 1;
  min-width: 0;
}
.kanban-card-type-combo-display[data-v-1daa1752] {
  position: absolute;
  left: 12px;
  right: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  z-index: 2;
  overflow: hidden;
}
.kanban-card-type-combo-name[data-v-1daa1752] {
  font-size: 14px;
  color: #374151;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kanban-card-type-combo-display[data-v-1daa1752] svg,
.kanban-card-type-combo-display[data-v-1daa1752] .icon-wrapper svg {
  flex-shrink: 0;
  fill: currentColor;
}
.kanban-card-type-combo-wrapper.has-selection[data-v-1daa1752] .combo-value-container {
  opacity: 0;
  pointer-events: none;
}
.kanban-card-type-combo-wrapper.has-selection[data-v-1daa1752] .combo-value {
  display: none;
}
.kanban-card-type-combo-wrapper[data-v-1daa1752] .combo-option-color-indicator {
  display: none;
}
.kanban-card-type-combo-wrapper[data-v-1daa1752] .combo-option {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filter-sheet__body[data-v-e0001c6b] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.filter-sheet__group[data-v-e0001c6b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filter-sheet__group-title[data-v-e0001c6b] {
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f5f9;
}
.filter-sheet__grid[data-v-e0001c6b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.filter-sheet__field[data-v-e0001c6b] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.filter-sheet__label[data-v-e0001c6b] {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
}
.filter-sheet__input[data-v-e0001c6b] {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  font-size: 13px;
  color: #1e293b;
  background: white;
  transition: all 0.15s ease;
  box-sizing: border-box;
  height: 38px;
}
.filter-sheet__input[data-v-e0001c6b]::-moz-placeholder {
  color: #94a3b8;
}
.filter-sheet__input[data-v-e0001c6b]::placeholder {
  color: #94a3b8;
}
.filter-sheet__input[data-v-e0001c6b]:hover {
  border-color: #cbd5e1;
}
.filter-sheet__input[data-v-e0001c6b]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
}
@media (max-width: 640px) {
.filter-sheet__grid[data-v-e0001c6b] {
    grid-template-columns: 1fr;
}
}
/* ============================= */
/* PIPELINE HEADER               */
/* ============================= */
.pipeline-header[data-v-44cd90a5] {
  background: white;
  border-bottom: 1px solid #e5e7eb;
  padding: 0;
}
.kh-board-title[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 20px 0;
}
.kh-board-title-text[data-v-44cd90a5] {
  line-height: 1.2;
}
.kh-board-actions-trigger[data-v-44cd90a5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.kh-board-actions-trigger[data-v-44cd90a5]:hover,
.kh-board-actions-trigger.open[data-v-44cd90a5] {
  background-color: #f3f4f6;
  color: #111827;
}
.kh-board-actions-trigger[data-v-44cd90a5]:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* ============================= */
/* HEADER ROW - SINGLE LINE      */
/* ============================= */
.pipeline-header-row[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  gap: 16px;
  min-height: 52px;
}
.pipeline-header-left[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.pipeline-header-right[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.kh-records-count[data-v-44cd90a5] {
  display: inline-block;
  background-color: #e9ecef;
  color: #6c757d;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 8px;
  font-weight: 500;
}

/* ============================= */
/* SEPARATOR                     */
/* ============================= */
.kh-separator[data-v-44cd90a5] {
  width: 1px;
  height: 22px;
  background: #e5e7eb;
  flex-shrink: 0;
  margin: 0 4px;
}

/* ============================= */
/* FILTER BUTTON ACTIVE STATE    */
/* ============================= */
.kh-filter-active[data-v-44cd90a5] {
  background: #3b82f6 !important;
  border-color: #2563eb !important;
  color: white !important;
}
.kh-filter-active[data-v-44cd90a5]:hover {
  background: #2563eb !important;
}

/* ============================= */
/* SORT BUTTONS                  */
/* ============================= */
.kh-sort-group[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  gap: 2px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 2px;
}
.kh-sort-btn[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.15s ease;
}
.kh-sort-btn[data-v-44cd90a5]:hover {
  background: #e2e8f0;
  color: #475569;
}
.kh-sort-btn.active[data-v-44cd90a5] {
  background: white;
  color: #1e293b;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* ============================= */
/* VIEW MODE TOGGLE              */
/* ============================= */
.kh-view-toggle[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: white;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.kh-view-toggle[data-v-44cd90a5]:hover {
  background: #f8fafc;
  border-color: #d1d5db;
}
.kh-view-toggle.open[data-v-44cd90a5] {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}
.kh-chevron[data-v-44cd90a5] {
  transition: transform 0.2s ease;
  color: #94a3b8;
}
.kh-chevron.rotated[data-v-44cd90a5] {
  transform: rotate(180deg);
}

/* ============================= */
/* STAGE TABS                    */
/* ============================= */
.kh-stage-tabs[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.kh-stage-tab[data-v-44cd90a5] {
  padding: 6px 14px;
  border: none;
  background: transparent;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.kh-stage-tab[data-v-44cd90a5]:hover {
  background: #f1f5f9;
  color: #334155;
}
.kh-stage-tab.active[data-v-44cd90a5] {
  background: #2563eb;
  color: white;
}
.kh-stage-tab.active[data-v-44cd90a5]:hover {
  background: #1d4ed8;
}

/* ============================= */
/* SEARCH CONTAINER              */
/* ============================= */
.pipeline-search-container[data-v-44cd90a5] {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 180px;
  max-width: 240px;
}

/* ============================= */
/* SELECTION BAR                 */
/* ============================= */
.pipeline-selection-bar[data-v-44cd90a5] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  gap: 8px;
  background: white;
  border-bottom: 1px solid #f1f5f9;
}
.selection-bar-enter-active[data-v-44cd90a5],
.selection-bar-leave-active[data-v-44cd90a5] {
  transition: all 0.3s ease;
}
.selection-bar-enter[data-v-44cd90a5],
.selection-bar-leave-to[data-v-44cd90a5] {
  opacity: 0;
  transform: translateY(-10px);
}
.kh-selected-count-badge[data-v-44cd90a5] {
  min-width: 84px;
  max-width: 128px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: center;
}

/* ============================= */
/* FILTER BADGES                 */
/* ============================= */
.kh-filter-badges[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 20px;
  background: #fafbfc;
  border-top: 1px solid #f1f5f9;
  flex-wrap: wrap;
}
.kh-filter-badges-label[data-v-44cd90a5] {
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}
.kh-badges-list[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.kh-badge[data-v-44cd90a5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #475569;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.kh-badge[data-v-44cd90a5]:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}
.kh-badge-remove[data-v-44cd90a5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: none;
  background: transparent;
  border-radius: 4px;
  color: #94a3b8;
  cursor: pointer;
  padding: 0;
  transition: all 0.15s ease;
}
.kh-badge-remove[data-v-44cd90a5]:hover {
  background: #fee2e2;
  color: #ef4444;
}
.kh-clear-all[data-v-44cd90a5] {
  border: none;
  background: transparent;
  color: #ef4444;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.kh-clear-all[data-v-44cd90a5]:hover {
  background: #fef2f2;
}

/* Badges bar transition */
.badges-bar-enter-active[data-v-44cd90a5],
.badges-bar-leave-active[data-v-44cd90a5] {
  transition: all 0.25s ease;
}
.badges-bar-enter[data-v-44cd90a5],
.badges-bar-leave-to[data-v-44cd90a5] {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* ============================= */
/* RESPONSIVE                    */
/* ============================= */
@media (max-width: 1024px) {
.pipeline-header-row[data-v-44cd90a5] {
    flex-wrap: wrap;
    gap: 10px;
}
.pipeline-header-left[data-v-44cd90a5] {
    flex-wrap: wrap;
    gap: 6px;
}
.kh-stage-tabs[data-v-44cd90a5] {
    flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.pipeline-header-row[data-v-44cd90a5] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px 16px;
}
.pipeline-header-left[data-v-44cd90a5] {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.pipeline-header-right[data-v-44cd90a5] {
    width: 100%;
}
.pipeline-search-container[data-v-44cd90a5] {
    flex: 1;
    max-width: none;
}
.kh-separator[data-v-44cd90a5] {
    display: none;
}
.kh-stage-tabs[data-v-44cd90a5] {
    flex-wrap: wrap;
    gap: 4px;
}
.kh-stage-tab[data-v-44cd90a5] {
    padding: 5px 10px;
    font-size: 12px;
}
.kh-filter-badges[data-v-44cd90a5] {
    padding: 8px 16px;
}
}
@media (max-width: 480px) {
.kh-view-toggle span[data-v-44cd90a5] {
    display: none;
}
}

.card-skeleton[data-v-363fc8f5] {
  background: white;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 8px;
  border: 1px solid #e5e7eb;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card-skeleton__header[data-v-363fc8f5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.card-skeleton__header-left[data-v-363fc8f5] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
.card-skeleton__badges[data-v-363fc8f5] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.card-skeleton__body[data-v-363fc8f5] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.card-skeleton__info[data-v-363fc8f5] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.skeleton[data-v-363fc8f5] {
  background: linear-gradient(
    90deg,
    #f0f0f0 25%,
    #e0e0e0 50%,
    #f0f0f0 75%
  );
  background-size: 200% 100%;
  animation: loading-363fc8f5 1.5s infinite;
  border-radius: 4px;
}
.skeleton--badge-icon[data-v-363fc8f5] {
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.skeleton--circle[data-v-363fc8f5] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  flex-shrink: 0;
}
.skeleton--icon[data-v-363fc8f5] {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  flex-shrink: 0;
}
.skeleton--title[data-v-363fc8f5] {
  height: 16px;
  width: 75%;
  border-radius: 4px;
}
.skeleton--info-item[data-v-363fc8f5] {
  height: 12px;
  width: 60px;
  border-radius: 3px;
}
.skeleton--info-item-short[data-v-363fc8f5] {
  width: 50px;
}
@keyframes loading-363fc8f5 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
/*
  KANBAN CARD - DESIGN MINIMALISTA
  Estilo limpo, fundo branco, tipografia em slate
*/

/* ===================================================================
   BASE CARD
   =================================================================== */
.kanban-card[data-v-3dd07625] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px 10px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  cursor: grab;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  flex-shrink: 0;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow: visible !important;
  margin: 0;
}
.kanban-card[data-v-3dd07625]:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
}
.kanban-card--dragging[data-v-3dd07625] {
  transform: scale(1.02);
  border: 2px dashed #0077B6;
  box-shadow: 0 0 0 3px rgba(0, 119, 182, 0.12), 0 4px 12px rgba(0, 119, 182, 0.2);
  opacity: 0.9;
  cursor: grabbing;
}
.kanban-card--private[data-v-3dd07625] {
}
.kanban-card--priority-critical[data-v-3dd07625] {
  border-left: 3px solid #F44336;
}
.kanban-card--priority-high[data-v-3dd07625] {
  border-left: 3px solid #FF9800;
}
.kanban-card--priority-medium[data-v-3dd07625] {
  border-left: 3px solid #FFC107;
}
.kanban-card--priority-low[data-v-3dd07625] {
  border-left: 3px solid #4CAF50;
}
.kanban-card--selected[data-v-3dd07625] {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2px #2563eb;
  background: #f8fafc !important;
}

/* ===================================================================
   HEADER
   =================================================================== */
.kanban-card__header[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 6px;
}
.kanban-card__header-left[data-v-3dd07625] {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.kanban-card__header-right[data-v-3dd07625] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.kanban-card__title[data-v-3dd07625] {
  margin: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s ease;
  flex: 1;
  min-width: 0;
}
.kanban-card__title[data-v-3dd07625]:hover {
  color: #2563eb;
}

/* ===================================================================
   CHECKBOX PUSH ANIMATION
   =================================================================== */
.kanban-card__checkbox-push[data-v-3dd07625] {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-shrink: 0;

  width: 0;
  opacity: 0;
  margin-right: 0;

  transition: width 0.3s ease-in-out,
              opacity 0.3s ease-in-out,
              margin-right 0.3s ease-in-out;
}
.kanban-card:hover .kanban-card__checkbox-push[data-v-3dd07625],
.kanban-card__checkbox-push--active[data-v-3dd07625] {
  width: 18px;
  opacity: 1;
  margin-right: 6px;
}


/* Menu */
.kanban-card__menu-wrapper[data-v-3dd07625] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.kanban-card__menu-btn[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 5px;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 18px;
}
.kanban-card__menu-btn[data-v-3dd07625]:hover {
  background: #f1f5f9;
  color: #475569;
}

/* ===================================================================
   BODY
   =================================================================== */
.kanban-card__body[data-v-3dd07625] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  cursor: pointer;
  margin-bottom: 14px;
}
.kanban-card__info-row[data-v-3dd07625] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #364050;
  line-height: 1.3;
  min-width: 0;
}
.kanban-card__info-label[data-v-3dd07625] {
  font-weight: 600;
  color: #364050;
  flex-shrink: 0;
  font-size: 12px;
}
.kanban-card__info-value[data-v-3dd07625] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #364050;
  font-size: 12px;
}
.kanban-card__info-value--resp[data-v-3dd07625] {
  color: #364050;
  font-size: 12px;
  font-weight: 600;
}
.kanban-card__resp-icon[data-v-3dd07625] {
  display: flex;
  align-items: center;
  color: #94a3b8;
  flex-shrink: 0;
}
.kanban-card__conversation-icon[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #3b82f6;
  flex-shrink: 0;
  animation: pulse-conversation-3dd07625 2s ease-in-out infinite;
}
@keyframes pulse-conversation-3dd07625 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.6;
}
}

/* Compat: mantém classe antiga caso usada em algum lugar */
.kanban-card__client-wrapper[data-v-3dd07625] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.kanban-card__client[data-v-3dd07625] {
  margin: 0;
  font-size: 13px;
  color: #364050;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}



/* ===================================================================
   FOOTER
   =================================================================== */
.kanban-card__footer[data-v-3dd07625] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid #f1f5f9;
}
.kanban-card__footer-left[data-v-3dd07625] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.kanban-card__date-row[data-v-3dd07625] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.kanban-card__calendar-icon[data-v-3dd07625] {
  display: flex;
  align-items: center;
  color: #94a3b8;
}
.kanban-card__date[data-v-3dd07625] {
  font-size: 11px;
  color: #94a3b8;
}
.kanban-card__date--expired[data-v-3dd07625] {
  color: #dc2626 !important;
  font-weight: 500;
}
.kanban-card__value-row[data-v-3dd07625] {
  display: flex;
  align-items: baseline;
}
.kanban-card__amount[data-v-3dd07625] {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.kanban-card__footer-right[data-v-3dd07625] {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: flex-end;
  flex-shrink: 0;
}

/* ===================================================================
   ACTION BUTTONS (chat, eye)
   =================================================================== */
.kanban-card__action-btn[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.kanban-card__action-btn[data-v-3dd07625]:hover {
  background: #f1f5f9;
  color: #475569;
}
.kanban-card__action-btn--fade[data-v-3dd07625] {
  opacity: 0;
  transition: opacity 0.2s ease, background 0.15s ease, color 0.15s ease;
}
.kanban-card:hover .kanban-card__action-btn--fade[data-v-3dd07625] {
  opacity: 1;
}

/* ===================================================================
   ICON WRAPPERS & BADGES
   =================================================================== */
.kanban-card__icon-wrapper[data-v-3dd07625] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* Priority Icon */
.kanban-card__priority-icon[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.kanban-card__priority-icon[data-v-3dd07625]:hover {
  background: #f1f5f9;
}
.kanban-card__priority-icon--critical[data-v-3dd07625] { color: #dc2626;
}
.kanban-card__priority-icon--high[data-v-3dd07625] { color: #f97316;
}
.kanban-card__priority-icon--medium[data-v-3dd07625] { color: #eab308;
}
.kanban-card__priority-icon--low[data-v-3dd07625] { color: #22c55e;
}

/* Type Icon */
.kanban-card__type-icon[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #94a3b8;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.kanban-card__type-icon[data-v-3dd07625]:hover {
  background: #f1f5f9;
  color: #475569;
}
.kanban-card__type-icon--empty[data-v-3dd07625] {
  color: #cbd5e1;
}

/* Task Icon */
.kanban-card__task-icon[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #3b82f6;
  flex-shrink: 0;
}

/* Private Icon */
.kanban-card__private-icon[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #94a3b8;
  border-radius: 6px;
  flex-shrink: 0;
}

/* Operator Icon */
.kanban-card__operator-icon[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #94a3b8;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.kanban-card__operator-icon[data-v-3dd07625]:hover {
  background: #f1f5f9;
  color: #475569;
}
.kanban-card__operator-icon--empty[data-v-3dd07625] {
  color: #cbd5e1;
}

/* Preview Button (compat) */
.kanban-card__preview-btn[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.kanban-card__preview-btn[data-v-3dd07625]:hover {
  background: #f1f5f9;
  color: #475569;
}

/* ===================================================================
   MENU OPTIONS
   =================================================================== */
.kanban-card__menu-option[data-v-3dd07625] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ===================================================================
   TRANSFER POPOVER
   =================================================================== */
.kanban-card__transfer-popover[data-v-3dd07625] {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10000;
  width: 240px;
  border-radius: 8px;
  padding: 8px;
}
.kanban-card__transfer-error[data-v-3dd07625] {
  font-size: 12px;
  color: #dc2626;
  padding: 8px 4px;
}
.kanban-card__transfer-empty[data-v-3dd07625] {
  font-size: 12px;
  color: #6b7280;
  padding: 8px 4px;
  text-align: center;
}

/* ===================================================================
   DROPDOWN Z-INDEX FIX
   =================================================================== */
.dropdown-default-ui__menu[data-v-3dd07625] {
  z-index: 999999999 !important;
  position: fixed !important;
  max-height: 320px !important;
  overflow-y: auto !important;
}
.kanban-card .dropdown-default-ui__menu[data-v-3dd07625],
.kanban-card__footer-right .dropdown-default-ui__menu[data-v-3dd07625] {
  z-index: 999999999 !important;
}
.kanban-card__footer-right > div[data-v-3dd07625] {
  position: relative;
  z-index: 1;
}
.kanban-card__footer-right[data-v-3dd07625] > * {
  position: relative;
  z-index: 1;
}

/* ===================================================================
   COLUMN BADGE (compat)
   =================================================================== */
.kanban-card__column-wrapper[data-v-3dd07625] { position: relative;
}
.kanban-card__column-badge[data-v-3dd07625] {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 500;
  border: none;
  border-radius: 12px;
  cursor: default;
  white-space: nowrap;
}
.kanban-card__column-badge--default[data-v-3dd07625] { background: #dbeafe; color: #1e40af;
}
.kanban-card__column-badge--gain[data-v-3dd07625] { color: #065f46; background: #d1fae5;
}
.kanban-card__column-badge--loss[data-v-3dd07625] { color: #dc2626; background: #fee2e2;
}

/* ===================================================================
   CHECKBOX SELECTION
   =================================================================== */
.kanban-card__checkbox-wrapper[data-v-3dd07625] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  align-self: center;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-card__checkbox-wrapper--hover-only[data-v-3dd07625] {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-card:hover .kanban-card__checkbox-wrapper--hover-only[data-v-3dd07625] {
  opacity: 1;
  pointer-events: auto;
}
.kanban-card--selection-active .kanban-card__checkbox-wrapper--hover-only[data-v-3dd07625] {
  opacity: 1;
  pointer-events: auto;
}
.kanban-card__checkbox-wrapper--selected[data-v-3dd07625] {
  opacity: 1;
  pointer-events: auto;
}

/* compat: old checkbox classes */
.kanban-card__checkbox-input[data-v-3dd07625] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  cursor: pointer;
  pointer-events: none;
}
.kanban-card__checkbox-box[data-v-3dd07625] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 2px solid #cbd5e1;
  border-radius: 4px;
  background-color: #ffffff;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.kanban-card__checkbox-input:checked ~ .kanban-card__checkbox-box[data-v-3dd07625] {
  background-color: #3b82f6;
  border-color: #3b82f6;
}
.kanban-card__checkbox-box svg[data-v-3dd07625] {
  width: 12px;
  height: 10px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-card__checkbox-input:checked ~ .kanban-card__checkbox-box svg[data-v-3dd07625] {
  opacity: 1;
}

/* ===================================================================
   COMBOBOX OPEN (compat)
   =================================================================== */
.kanban-card--combobox-open .kanban-card__action-icons[data-v-3dd07625] {
  max-width: 70px;
  opacity: 1;
  overflow: visible;
}

/* ===================================================================
   SEPARATOR (compat)
   =================================================================== */
.kanban-card__separator[data-v-3dd07625] {
  color: #cbd5e0;
  flex-shrink: 0;
  font-weight: 300;
  font-size: 11px;
}

/* ===================================================================
   RESPONSIVE
   =================================================================== */
@media (max-width: 768px) {
.kanban-card[data-v-3dd07625] {
    padding: 12px;
}
.kanban-card__title[data-v-3dd07625] {
    font-size: 14px;
}
.kanban-card__amount[data-v-3dd07625] {
    font-size: 14px;
}
.kanban-card__footer[data-v-3dd07625] {
    padding-top: 10px;
}
.kanban-card__priority-icon[data-v-3dd07625],
  .kanban-card__operator-icon[data-v-3dd07625],
  .kanban-card__private-icon[data-v-3dd07625],
  .kanban-card__action-btn[data-v-3dd07625] {
    width: 24px;
    height: 24px;
}
}

/* ===================================================================
   HIDDEN TYPE DROPDOWN (triggered from actions menu)
   =================================================================== */
.kanban-card__type-dropdown-hidden[data-v-3dd07625] {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  overflow: visible;
  pointer-events: none;
}
.kanban-card__type-dropdown-hidden .dropdown-default-ui__menu[data-v-3dd07625] {
  pointer-events: auto;
}

[data-v-3dd07625] .kanban-card__checkbox-push .ios-checkbox {
  --checkbox-size: 18px;
}
[data-v-3dd07625] .kanban-card__checkbox-push .ios-checkbox .checkbox-wrapper,[data-v-3dd07625] .kanban-card__checkbox-push .ios-checkbox .checkbox-bg {
  border-radius: 4px;
}
.kanban-columns[data-v-03c20a9a] {
  background: #fff;
  border-top: 4px solid;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  min-width: 330px;
  max-width: 330px;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.kanban-columns--column-dragging[data-v-03c20a9a] {
  opacity: 0.5;
  transform: rotate(2deg);
  z-index: 1000;
}
.kanban-columns--column-drag-target[data-v-03c20a9a] {
  border-left: 4px solid #0077B6;
  background: rgba(0, 119, 182, 0.05);
  transform: scale(1.02);
}
.kanban-columns--drag-over[data-v-03c20a9a] {
  background: rgba(234, 246, 255, 0.95);
  border: 3px dashed #0077B6;
  box-shadow: 0 0 0 1px #0077B6, 0 4px 12px rgba(0, 119, 182, 0.15);
  animation: dashAnimation-03c20a9a 0.4s linear infinite;
}
.kanban-columns--collapsed[data-v-03c20a9a] {
  min-width: 70px;
  max-width: 70px;
  align-items: center;
  padding: 16px 0;
}
.kanban-columns__header[data-v-03c20a9a] {
  padding: 12px 14px 8px;
  border-bottom: 1px solid #f0f0f0;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  cursor: grab;
  transition: background-color 0.2s ease;
}
.kanban-columns__header[data-v-03c20a9a]:active {
  cursor: grabbing;
}
.kanban-columns__header[data-v-03c20a9a]:hover {
  background-color: rgba(0, 119, 182, 0.02);
}
.kanban-columns--collapsed .kanban-columns__header[data-v-03c20a9a] {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kanban-columns__header-top[data-v-03c20a9a] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.kanban-columns--collapsed .kanban-columns__header-top[data-v-03c20a9a] {
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
  width: 100%;
}

/* Checkbox com componente CheckboxDefault */
.kanban-columns__checkbox-wrapper[data-v-03c20a9a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-columns:not(.kanban-columns--collapsed):hover .kanban-columns__checkbox-wrapper[data-v-03c20a9a] {
  opacity: 1;
  pointer-events: auto;
}
.kanban-columns__checkbox-wrapper--visible[data-v-03c20a9a] {
  opacity: 1;
  pointer-events: auto;
}
.kanban-columns--collapsed .kanban-columns__checkbox-wrapper[data-v-03c20a9a] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

/* Checkbox Elegante (legacy - pode ser removido depois) */
.kanban-columns__checkbox-elegant[data-v-03c20a9a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  margin: 0;
}
.kanban-columns:not(.kanban-columns--collapsed):hover .kanban-columns__checkbox-elegant[data-v-03c20a9a] {
  opacity: 1;
  pointer-events: auto;
}
.kanban-columns--collapsed .kanban-columns__checkbox-elegant[data-v-03c20a9a] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.kanban-columns__checkbox-elegant-input[data-v-03c20a9a] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.kanban-columns__checkbox-elegant-box[data-v-03c20a9a] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 2px solid #d1d5db;
  border-radius: 5px;
  background: white;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-columns__checkbox-elegant:hover .kanban-columns__checkbox-elegant-box[data-v-03c20a9a] {
  border-color: #9ca3af;
}
.kanban-columns__checkbox-elegant-input:checked + .kanban-columns__checkbox-elegant-box[data-v-03c20a9a] {
  background: #3b82f6;
  border-color: #3b82f6;
}
.kanban-columns__checkbox-elegant-check[data-v-03c20a9a] {
  width: 12px;
  height: 10px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.kanban-columns__checkbox-elegant-input:checked + .kanban-columns__checkbox-elegant-box .kanban-columns__checkbox-elegant-check[data-v-03c20a9a] {
  opacity: 1;
  transform: scale(1);
}
.kanban-columns__title[data-v-03c20a9a] {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}
.kanban-columns__title--vertical[data-v-03c20a9a] {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  font-size: 14px;
}
.kanban-columns__menu-btn[data-v-03c20a9a] {
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  width: 24px;
  height: 24px;
}
.kanban-columns:not(.kanban-columns--collapsed):hover .dropdown-default-ui .kanban-columns__menu-btn[data-v-03c20a9a],
.kanban-columns:not(.kanban-columns--collapsed):hover .kanban-columns__menu-btn[data-v-03c20a9a],
.kanban-columns__menu-btn--active[data-v-03c20a9a] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.kanban-columns__menu-btn[data-v-03c20a9a]:hover,
.kanban-columns__menu-btn--active[data-v-03c20a9a] {
  background: #f5f5f5;
  color: #1a1a1a;
}
.kanban-columns__stats[data-v-03c20a9a] {
  font-size: 13px;
  font-weight: 500;
  color: #555;
  margin-top: 4px;
  pointer-events: none;
}
.kanban-columns__collapsed-content[data-v-03c20a9a] {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1;
  width: 100%;
  padding: 4.8rem 0;
  pointer-events: none;
}
.kanban-columns__collapsed-value[data-v-03c20a9a] {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}
.kanban-columns__collapsed-count[data-v-03c20a9a] {
  font-size: 11px;
  font-weight: 400;
  color: #666;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}
.kanban-columns__collapsed-separator[data-v-03c20a9a] {
  font-size: 13px;
  color: #cdd5dd;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}
.kanban-columns__cards[data-v-03c20a9a] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 12px 12px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.kanban-columns__cards-list[data-v-03c20a9a] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.kanban-columns__load-more-item[data-v-03c20a9a] {
  width: 100%;
}
.card-list-enter-active[data-v-03c20a9a],
.card-list-leave-active[data-v-03c20a9a] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-list-enter-from[data-v-03c20a9a] {
  opacity: 0;
  transform: translateY(-10px) scale(0.95);
}
.card-list-leave-to[data-v-03c20a9a] {
  opacity: 0;
  transform: translateY(10px) scale(0.95);
}
.card-list-move[data-v-03c20a9a] {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-columns--drag-over .kanban-columns__cards[data-v-03c20a9a]>*:not(.kanban-columns__drop-zone) {
  opacity: 0;
  pointer-events: none;
}
.kanban-columns__cards[data-v-03c20a9a]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.kanban-columns__drop-zone[data-v-03c20a9a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
}
.kanban-columns__drop-zone-content[data-v-03c20a9a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px;
}
.kanban-columns__drop-zone-text[data-v-03c20a9a] {
  font-size: 13px;
  color: #1a1a1a;
  text-align: center;
  margin: 0;
  line-height: 1.5;
  max-width: 200px;
}
.kanban-columns__drop-zone-text strong[data-v-03c20a9a] {
  font-weight: 600;
  color: #0077B6;
}
.kanban-columns__footer[data-v-03c20a9a] {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  opacity: 0;
  transform: translateY(-4px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  flex-shrink: 0;
}
.kanban-columns__footer--visible[data-v-03c20a9a] {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.kanban-columns__add-btn[data-v-03c20a9a] {
  font-size: 13px;
  font-weight: 500;
  color: #0077B6;
  background: none;
  border: 1px solid #0077B6;
  border-radius: 6px;
  padding: 6px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex: 1;
}
.kanban-columns__add-btn[data-v-03c20a9a]:hover {
  background: #f0f8ff;
}
.kanban-columns__add-btn--disabled[data-v-03c20a9a] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  background: #f5f5f5;
  color: #999;
  border-color: #ddd;
}
.kanban-columns__collapse-btn[data-v-03c20a9a] {
  background: none;
  border: none;
  color: #0077B6;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.kanban-columns__collapse-btn[data-v-03c20a9a]:hover {
  background: #f0f8ff;
}
.kanban-columns__expand-btn[data-v-03c20a9a] {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
  background: none;
  border: none;
  color: #0077B6;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.kanban-columns__expand-btn[data-v-03c20a9a]:hover {
  background: #f0f8ff;
}
.kanban-columns__empty-message[data-v-03c20a9a] {
  font-size: 13px;
  color: #A0A0A0;
  text-align: center;
  padding: 40px 20px;
  margin: auto;
}
@keyframes dashAnimation-03c20a9a {
0% { background-position: 0 0;
}
100% { background-position: 20px 20px;
}
}
.kanban-columns--drag-over .kanban-columns__footer[data-v-03c20a9a] {
  opacity: 0 !important;
  pointer-events: none !important;
}

.bulk-selection-header[data-v-74e9f750] {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: slideDown-74e9f750 0.3s ease-out;
}
.bulk-selection-header__left[data-v-74e9f750] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.bulk-selection-header__clear[data-v-74e9f750] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 0.375rem;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bulk-selection-header__clear[data-v-74e9f750]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.05);
}
.bulk-selection-header__actions[data-v-74e9f750] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.bulk-header-slide-enter-active[data-v-74e9f750],
.bulk-header-slide-leave-active[data-v-74e9f750] {
  transition: all 0.3s ease;
}
.bulk-header-slide-enter[data-v-74e9f750],
.bulk-header-slide-leave-to[data-v-74e9f750] {
  transform: translateY(-100%);
  opacity: 0;
}
@keyframes slideDown-74e9f750 {
from {
    transform: translateY(-100%);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}

.transfer-stage-modal__content[data-v-0113647f] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.transfer-stage-modal__info[data-v-0113647f] {
  font-size: 0.9375rem;
  color: #3f3f46;
  margin: 0;
  line-height: 1.5;
}
.transfer-stage-modal__info strong[data-v-0113647f] {
  font-weight: 600;
  color: #1a1a1a;
}
.transfer-stage-modal__field[data-v-0113647f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.transfer-stage-modal__label[data-v-0113647f] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #3f3f46;
}
.transfer-stage-modal__preview[data-v-0113647f] {
  padding: 1rem;
  background: #f4f4f5;
  border-radius: 0.5rem;
  border-left: 3px solid #3b82f6;
}
.transfer-stage-modal__preview-label[data-v-0113647f] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #71717a;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 0.5rem 0;
}
.transfer-stage-modal__stage-badge[data-v-0113647f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: white;
  border-radius: 0.375rem;
  border: 1px solid #e4e4e7;
}
.transfer-stage-modal__stage-color[data-v-0113647f] {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  flex-shrink: 0;
}
.transfer-stage-modal__stage-name[data-v-0113647f] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1a1a1a;
}

.kanban-board[data-v-7cfbbf53] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f0f7fb;
}
.kanban-board__columns[data-v-7cfbbf53] {
    flex: 1;
    display: flex;
    gap: 10px;
    overflow-x: auto !important;
    overflow-y: auto !important;
    padding: 10px;
    padding-bottom: 16px;
    -webkit-overflow-scrolling: touch;
}
.kanban-board__column-wrapper[data-v-7cfbbf53] {
  position: relative;
  transition: all 0.2s ease;
  height: 100%;
}
.kanban-board__column-wrapper--drag-target[data-v-7cfbbf53]::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #0077B6;
  border-radius: 2px;
  z-index: 10;
}
.kanban-board__subboards-footer[data-v-7cfbbf53] {
  flex-shrink: 0;
  height: 48px;
  background: rgba(255, 255, 255, 0.98);
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  padding: 0 24px;
  gap: 8px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
  overflow: visible;
}
.kanban-board__subboards-list[data-v-7cfbbf53] {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overflow-y: visible;
  flex: 1;
  padding: 4px 0;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
.kanban-board__subboards-list[data-v-7cfbbf53]::-webkit-scrollbar {
  height: 4px;
}
.kanban-board__subboards-list[data-v-7cfbbf53]::-webkit-scrollbar-track {
  background: transparent;
}
.kanban-board__subboards-list[data-v-7cfbbf53]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 2px;
}
.kanban-board__subboards-list[data-v-7cfbbf53]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.kanban-board__subboard-chip[data-v-7cfbbf53] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.kanban-board__subboard-chip[data-v-7cfbbf53]:hover:not(:disabled):not(.kanban-board__subboard-chip--active):not(.kanban-board__subboard-chip--current) {
  background: #f8fafc;
  border-color: #0077B6;
  color: #0077B6;
  box-shadow: 0 2px 4px rgba(0, 119, 182, 0.1);
}
.kanban-board__subboard-chip--current[data-v-7cfbbf53],
.kanban-board__subboard-chip--active[data-v-7cfbbf53] {
  background: linear-gradient(135deg, #0077B6 0%, #005a8d 100%);
  border-color: #0077B6;
  color: white;
  cursor: default;
  font-weight: 600;
}
.kanban-board__subboard-chip--current[data-v-7cfbbf53]:hover,
.kanban-board__subboard-chip--active[data-v-7cfbbf53]:hover {
  background: linear-gradient(135deg, #0077B6 0%, #005a8d 100%);
  border-color: #0077B6;
  color: white;
  box-shadow: 0 2px 6px rgba(0, 119, 182, 0.3);
}
.kanban-board__subboard-chip--active[data-v-7cfbbf53]:hover,
.kanban-board__subboard-chip--current[data-v-7cfbbf53]:hover {
  background: linear-gradient(135deg, #0077B6 0%, #005a8d 100%);
  border-color: #0077B6;
  color: white;
  box-shadow: 0 2px 6px rgba(0, 119, 182, 0.3);
  cursor: default;
}
.kanban-board__subboard-chip--current .kanban-board__subboard-chip-icon[data-v-7cfbbf53],
.kanban-board__subboard-chip--active .kanban-board__subboard-chip-icon[data-v-7cfbbf53] {
  color: white;
}
.kanban-board__subboard-chip--active .kanban-board__subboard-chip-text[data-v-7cfbbf53] {
  color: white;
}
.kanban-board__subboard-badge[data-v-7cfbbf53] {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.kanban-board__subboard-chip[data-v-7cfbbf53]:disabled {
  cursor: default;
  opacity: 1;
}
.kanban-board__subboard-chip-icon[data-v-7cfbbf53] {
  color: #0077B6;
  flex-shrink: 0;
  font-size: 14px;
}
.kanban-board__subboard-chip-text[data-v-7cfbbf53] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kanban-board__subboard-chip--add[data-v-7cfbbf53] {
  background: white;
  border-color: #0077B6;
  color: #0077B6;
  padding: 6px;
  min-width: 32px;
  justify-content: center;
}
.kanban-board__subboard-chip--add[data-v-7cfbbf53]:hover {
  background: #0077B6;
  color: white;
  box-shadow: 0 2px 6px rgba(0, 119, 182, 0.2);
}
.kanban-board__subboard-chip--add svg[data-v-7cfbbf53] {
  width: 14px;
  height: 14px;
}
.kanban-board__columns[data-v-7cfbbf53] {
  scrollbar-width: thin !important;
  scrollbar-color: #94a3b8 #f1f5f9 !important;
}
.kanban-board__columns[data-v-7cfbbf53]::-webkit-scrollbar {
  height: 12px !important;
  display: block !important;
  -webkit-appearance: none !important;
}
.kanban-board__columns[data-v-7cfbbf53]::-webkit-scrollbar-track {
  background: #e2e8f0 !important;
  border-radius: 6px !important;
  margin: 0 24px !important;
}
.kanban-board__columns[data-v-7cfbbf53]::-webkit-scrollbar-thumb {
  background: #94a3b8 !important;
  border-radius: 6px !important;
  border: 2px solid #e2e8f0 !important;
  min-width: 50px !important;
}
.kanban-board__columns[data-v-7cfbbf53]::-webkit-scrollbar-thumb:hover {
  background: #64748b !important;
}
.kanban-board__columns[data-v-7cfbbf53]::-webkit-scrollbar-corner {
  background: transparent !important;
}
.footer-slide-enter-active[data-v-7cfbbf53],
.footer-slide-leave-active[data-v-7cfbbf53] {
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, transform;
}
.footer-slide-leave-active[data-v-7cfbbf53] {
  transition: opacity 0.1s cubic-bezier(0.4, 0, 0.6, 1),
              transform 0.1s cubic-bezier(0.4, 0, 0.6, 1);
}
.footer-slide-enter-from[data-v-7cfbbf53] {
  transform: translateY(16px);
  opacity: 0;
}
.footer-slide-enter-to[data-v-7cfbbf53] {
  transform: translateY(0);
  opacity: 1;
}
.footer-slide-leave-to[data-v-7cfbbf53] {
  transform: translateY(16px);
  opacity: 0;
}
.kanban-board__drag-footer[data-v-7cfbbf53] {
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 16px 24px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
  will-change: opacity, transform;
}
.kanban-board__drag-actions[data-v-7cfbbf53] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: 900px;
  margin: 0 auto;
}
.kanban-board__drag-action[data-v-7cfbbf53] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  background: white;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  will-change: background-color, box-shadow, border-color;
}
.kanban-board__drag-action[data-v-7cfbbf53]:hover,
.kanban-board__drag-action--hovered[data-v-7cfbbf53] {
  transform: none;
}

/* Delete action */
.kanban-board__drag-action--delete[data-v-7cfbbf53] {
  color: #64748b;
  border: 1.5px dashed rgba(100, 116, 139, 0.3);
}
.kanban-board__drag-action--delete[data-v-7cfbbf53]:hover,
.kanban-board__drag-action--delete.kanban-board__drag-action--hovered[data-v-7cfbbf53] {
  border-color: #64748b;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.15);
}

/* Gain action */
.kanban-board__drag-action--gain[data-v-7cfbbf53] {
  color: #059669;
  border: 1.5px solid rgba(16, 185, 129, 0.3);
}
.kanban-board__drag-action--gain[data-v-7cfbbf53]:hover,
.kanban-board__drag-action--gain.kanban-board__drag-action--hovered[data-v-7cfbbf53] {
  border-color: #10b981;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15);
}
.kanban-board__drag-action--loss[data-v-7cfbbf53] {
  color: #dc2626;
  border: 1.5px dashed rgba(220, 38, 38, 0.3);
}
.kanban-board__drag-action--loss[data-v-7cfbbf53]:hover,
.kanban-board__drag-action--loss.kanban-board__drag-action--hovered[data-v-7cfbbf53] {
  border-color: #dc2626;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15);
}
@media (max-width: 768px) {
.kanban-board__columns[data-v-7cfbbf53] {
    padding: 16px;
    padding-bottom: 60px;
}
.kanban-board__subboards-footer[data-v-7cfbbf53] {
    height: 44px;
    padding: 0 16px;
}
.kanban-board__drag-footer[data-v-7cfbbf53] {
    padding: 12px 16px;
}
.kanban-board__drag-actions[data-v-7cfbbf53] {
    gap: 8px;
    flex-wrap: wrap;
}
.kanban-board__subboard-chip[data-v-7cfbbf53] {
    padding: 5px 10px;
    font-size: 12px;
}
.kanban-board__subboard-chip-text[data-v-7cfbbf53] {
    max-width: 100px;
}
.kanban-board__drag-action[data-v-7cfbbf53] {
    padding: 12px 18px;
    font-size: 13px;
    gap: 8px;
}
}

.kanban-list-container[data-v-f56f56d0] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  color: #172b4d;
  /* background: #ffffff; */
  padding: 6px;
}
.kanban-list-deal-name[data-v-f56f56d0] {
  color: #0052cc;
  font-weight: 500;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  cursor: pointer;
}
.kanban-list-deal-name[data-v-f56f56d0]:hover {
  text-decoration: underline;
}
.kanban-list-text[data-v-f56f56d0] {
  font-size: 13px;
  color: #172b4d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.kanban-list-stage-badge[data-v-f56f56d0] {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.2s;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kanban-list-stage-badge[data-v-f56f56d0]:hover {
  opacity: 0.8;
}
.kanban-list-stage-dropdown[data-v-f56f56d0] {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #dfe1e6;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 180px;
  margin-top: 4px;
}
.kanban-list-stage-dropdown-item[data-v-f56f56d0] {
  padding: 10px 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  transition: background-color 0.15s;
}
.kanban-list-stage-dropdown-item[data-v-f56f56d0]:hover {
  background-color: #f8f9fa;
}
.kanban-list-stage-dropdown-item-active[data-v-f56f56d0] {
  background-color: #e3f2fd;
  font-weight: 600;
}
.kanban-list-stage-icon[data-v-f56f56d0] {
  flex-shrink: 0;
}
.kanban-list-priority[data-v-f56f56d0] {
  display: flex;
  align-items: center;
  width: 100%;
}
.kanban-list-priority-badge[data-v-f56f56d0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 1.4;
}
.kanban-list-priority-badge[data-v-f56f56d0]:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}
.kanban-list-priority-badge--empty[data-v-f56f56d0] {
  background-color: #f3f4f6;
  color: #9ca3af;
}

/* Prioridade Baixa - Verde */
.kanban-list-priority-badge--low[data-v-f56f56d0] {
  background-color: #dffcf0;
  color: #216e4e;
}

/* Prioridade Média - Amarelo */
.kanban-list-priority-badge--medium[data-v-f56f56d0] {
  background-color: #fef3c7;
  color: #ca8a04;
}

/* Prioridade Alta - Laranja */
.kanban-list-priority-badge--high[data-v-f56f56d0] {
  background-color: #fed7aa;
  color: #c2410c;
}

/* Prioridade Crítica - Vermelho */
.kanban-list-priority-badge--critical[data-v-f56f56d0] {
  background-color: #fdeaea;
  color: #ae2a19;
}
.priority-option-badge[data-v-f56f56d0] {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.priority-alta[data-v-f56f56d0],
.priority-highest[data-v-f56f56d0] {
  color: #ae2a19;
  background-color: #fdeaea;
}
.priority-média[data-v-f56f56d0],
.priority-medium[data-v-f56f56d0] {
  color: #ca8a04 ;
  background-color: #fef3c7;
}
.priority-baixa[data-v-f56f56d0],
.priority-low[data-v-f56f56d0] {
  color: #216e4e;
  background-color: #dffcf0;
}
.kanban-list-status-badge[data-v-f56f56d0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.status-ontime[data-v-f56f56d0] {
  background-color: #dffcf0;
  color: #216e4e;
}
.status-today[data-v-f56f56d0] {
  background-color:#fef3c7;
  color: #ca8a04;
}
.status-overdue[data-v-f56f56d0],
.status-expired[data-v-f56f56d0] {
  background-color: #fdeaea;
  color: #ae2a19;
}
.kanban-list-actions-group[data-v-f56f56d0] {
  display: flex;
  gap: 4px;
  justify-content: center;
}
.kanban-list-action-btn[data-v-f56f56d0] {
  background: none;
  border: none;
  color: #626f86;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.kanban-list-action-btn[data-v-f56f56d0]:hover {
  background-color: #f1f2f4;
  color: #172b4d;
}
.kanban-list-danger-btn[data-v-f56f56d0]:hover {
  background-color: #fdeaea;
  color: #ae2a19;
}
.kanban-list-type[data-v-f56f56d0] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #172b4d;
}
.kanban-list-stage[data-v-f56f56d0] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #172b4d;
}
.kanban-list-stage-trigger[data-v-f56f56d0] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 6px 12px;
  background: #ffffff;
  border: 1px solid #dfe1e6;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-sizing: border-box;
  overflow: hidden;
}
.kanban-list-stage-trigger[data-v-f56f56d0]:hover {
  background-color: #f8f9fa;
  border-color: #0052cc;
}
.kanban-list-stage-trigger[data-v-f56f56d0]:focus {
  outline: none;
  border-color: #0052cc;
  box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.1);
}
.kanban-list-stage-text[data-v-f56f56d0] {
  flex: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  font-size: 13px;
  color: #172b4d;
  display: block;
}
.dropdown-chevron[data-v-f56f56d0] {
  flex-shrink: 0;
  color: #626f86;
  margin-left: auto;
  transition: transform 0.2s ease;
}
.kanban-list-stage-trigger:hover .dropdown-chevron[data-v-f56f56d0] {
  color: #0052cc;
}
.kanban-list-stage-icon[data-v-f56f56d0] {
  flex-shrink: 0;
  color: #626f86;
}
.kanban-list-stage-trigger--gain[data-v-f56f56d0] {
  border-color: #d1fae5;
  background-color: #f0fdf4;
}
.kanban-list-stage-trigger--gain[data-v-f56f56d0]:hover {
  border-color: #2C8853;
  background-color: #dcfce7;
}
.kanban-list-stage-trigger--gain .kanban-list-stage-icon[data-v-f56f56d0] {
  color: #2C8853;
}
.kanban-list-stage-trigger--loss[data-v-f56f56d0] {
  border-color: #fee2e2;
  background-color: #fef2f2;
}
.kanban-list-stage-trigger--loss[data-v-f56f56d0]:hover {
  border-color: #D4040C;
  background-color: #fee2e2;
}
.kanban-list-stage-trigger--loss .kanban-list-stage-icon[data-v-f56f56d0] {
  color: #D4040C;
}

/* Garantir que o dropdown ocupe 100% da largura da célula e não quebre o layout */
.kanban-list-container .list-view-default-ui__cell .dropdown-default-ui[data-v-f56f56d0] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}
.kanban-list-container .list-view-default-ui__cell .dropdown-default-ui__trigger-slot[data-v-f56f56d0] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}

/* Garantir que a célula de etapa não quebre com textos longos */
.kanban-list-container .list-view-default-ui__cell .kanban-list-stage-trigger[data-v-f56f56d0] {
  max-width: 100%;
  overflow: hidden;
}
.kanban-list-resolution-badge[data-v-f56f56d0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.resolution-pending[data-v-f56f56d0] {
  color: #ca8a04;
  background-color: #fef3c7;
}
.resolution-resolved[data-v-f56f56d0] {
  color: #216e4e;
  background-color: #dffcf0;
}
.resolution-unresolved[data-v-f56f56d0] {
  color: #ae2a19;
  background-color: #fdeaea;
}

/* Tooltip wrapper adjustments */
/* .kanban-list-container .tooltip-default-ui-wrapper {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: block;
} */
.kanban-list-container .list-view-default-ui__cell[data-v-f56f56d0] {
  min-width: 0; /* Essencial para overflow em CSS Grid */
  overflow: hidden;
  text-overflow: ellipsis;
}
.kanban-list-stage-wrapper[data-v-f56f56d0] {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.kanban-list-stage-icon[data-v-f56f56d0] {
  flex-shrink: 0;
  color: #626f86;
}
.kanban-list-stage-select[data-v-f56f56d0] {
  flex: 1;
  min-width: 0;
  padding: 6px 10px;
  border: 1px solid #dfe1e6;
  border-radius: 6px;
  font-size: 13px;
  color: #172b4d;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.2s;
  outline: none;
}
.kanban-list-stage-select[data-v-f56f56d0]:hover {
  border-color: #0052cc;
  background-color: #f8f9fa;
}
.kanban-list-stage-select[data-v-f56f56d0]:focus {
  border-color: #0052cc;
  box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.1);
}

/* Stage Dropdown Styles */
.kanban-list-view-stage-dropdown-wrapper[data-v-f56f56d0] {
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 100;
  overflow: visible;
}
.kanban-list-view-stage-dropdown-trigger[data-v-f56f56d0] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  font-size: 13px;
  color: #1e293b;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  text-align: left;
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}
.kanban-list-view-stage-dropdown-trigger[data-v-f56f56d0]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(147, 51, 234, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.kanban-list-view-stage-dropdown-trigger[data-v-f56f56d0]:hover {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-color: #cbd5e0;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.kanban-list-view-stage-dropdown-trigger[data-v-f56f56d0]:hover::before {
  opacity: 1;
}
.kanban-list-view-stage-dropdown-trigger[data-v-f56f56d0]:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.kanban-list-view-stage-dropdown-trigger span[data-v-f56f56d0] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.kanban-list-view-stage-dropdown-menu[data-v-f56f56d0] {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  min-width: 220px;
  max-height: 320px;
  overflow-y: auto;
  padding: 6px;
  opacity: 1 !important;
  animation: none;
  display: block;
  margin-top: 4px;
}
@keyframes dropdownFadeIn-f56f56d0 {
from {
    opacity: 0;
    transform: translateY(-8px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.kanban-list-view-stage-dropdown-menu[data-v-f56f56d0]::-webkit-scrollbar {
  width: 8px;
}
.kanban-list-view-stage-dropdown-menu[data-v-f56f56d0]::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px;
}
.kanban-list-view-stage-dropdown-menu[data-v-f56f56d0]::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 4px;
}
.kanban-list-view-stage-dropdown-menu[data-v-f56f56d0]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
.kanban-list-view-stage-dropdown-item[data-v-f56f56d0] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: none;
  border: none;
  border-radius: 7px;
  font-size: 13px;
  color: #334155;
  cursor: pointer;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.kanban-list-view-stage-dropdown-item[data-v-f56f56d0]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, #3b82f6 0%, #8b5cf6 100%);
  border-radius: 0 2px 2px 0;
  transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.kanban-list-view-stage-dropdown-item[data-v-f56f56d0]:hover {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  transform: translateX(4px);
  padding-left: 16px;
}
.kanban-list-view-stage-dropdown-item[data-v-f56f56d0]:hover::before {
  height: 60%;
}
.kanban-list-view-stage-dropdown-item.active[data-v-f56f56d0] {
  background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);
  color: #1e40af;
  font-weight: 600;
  padding-left: 16px;
}
.kanban-list-view-stage-dropdown-item.active[data-v-f56f56d0]::before {
  height: 70%;
  background: linear-gradient(180deg, #2563eb 0%, #7c3aed 100%);
}
.kanban-list-view-stage-dropdown-item[data-v-f56f56d0]:active {
  transform: translateX(2px) scale(0.98);
}
.kanban-list-view-stage-dropdown-item span[data-v-f56f56d0] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.kanban-list-pagination-wrapper[data-v-f56f56d0] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
[data-v-f56f56d0] .dropdown-default-ui__menu {
  max-height: 300px;
}

.kanban-wrapper[data-v-5314a35a] {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}
.kanban-container[data-v-5314a35a] {
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  flex: 1;
  display: flex;
  flex-direction: row;
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
  background-color: #ffffff;
}
.kanban-content[data-v-5314a35a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.kanban-board-container[data-v-5314a35a] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background-color: #f0f7fb;
}
.empty-state[data-v-5314a35a] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
}
.empty-state__content h3[data-v-5314a35a] {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937; /* gray-800 */
}
.empty-state__content p[data-v-5314a35a] {
  margin: 0;
  font-size: 14px;
  color: #6b7280; /* gray-500 */
}
.board-fade-enter-active[data-v-5314a35a],
.board-fade-leave-active[data-v-5314a35a] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.board-fade-enter-from[data-v-5314a35a] {
  opacity: 0;
  transform: translateX(10px);
}
.board-fade-leave-to[data-v-5314a35a] {
  opacity: 0;
  transform: translateX(-10px);
}
.board-fade-enter-to[data-v-5314a35a],
.board-fade-leave-from[data-v-5314a35a] {
  opacity: 1;
  transform: translateX(0);
}

/* Breakpoints responsivos */
@media (max-width: 1366px) {
.kanban-wrapper[data-v-5314a35a] {
    left: 65px;
}
}
@media (max-width: 1200px) {
.kanban-wrapper[data-v-5314a35a] {
    left: 60px;
    padding: 8px;
}
}
@media (max-width: 992px) {
.kanban-wrapper[data-v-5314a35a] {
    left: 55px;
    padding: 6px;
}
}
@media (max-width: 768px) {
.kanban-wrapper[data-v-5314a35a] {
    left: 50px;
    padding: 4px;
}
.kanban-container[data-v-5314a35a] {
    border-radius: 8px;
}
}
@media (max-width: 576px) {
.kanban-wrapper[data-v-5314a35a] {
    left: 45px;
    padding: 2px;
    top: 60px;
}
.kanban-container[data-v-5314a35a] {
    border-radius: 4px;
}
}
@media (max-width: 480px) {
.kanban-wrapper[data-v-5314a35a] {
    left: 40px;
    padding: 0;
    top: 55px;
}
.kanban-container[data-v-5314a35a] {
    border-radius: 0;
}
}