/* ═══════════════════════════════════════════════
     CFG-STATS: cards de visão geral no topo da página
     de Configurações (mesmo padrão visual do Dashboard
     e da Pesquisa de Mercado — .stat-card já existente).
  ═══════════════════════════════════════════════ */
  .cfg-stats {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1rem !important;
    margin-bottom: 1.6rem !important;
  }
  @media (max-width: 900px) { .cfg-stats { grid-template-columns: repeat(2, 1fr) !important; } }
  @media (max-width: 520px) { .cfg-stats { grid-template-columns: 1fr !important; } }

  /* ═══════════════════════════════════════════════
     CFG-TABS: UNDERLINE STYLE — mesma aparência
     do modal de Candidatos. Alta prioridade.
  ═══════════════════════════════════════════════ */
  .cfg-tabs-bar {
    display: flex !important;
    gap: 0 !important;
    margin-bottom: 2rem !important;
    border-bottom: 2px solid var(--gray-200) !important;
    flex-wrap: wrap !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .cfg-tab {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 11px 20px !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    margin-bottom: -2px !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--gray-400) !important;
    cursor: pointer !important;
    transition: color 0.15s, border-color 0.15s, background 0.15s !important;
    white-space: nowrap !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
  }
  .cfg-tab:hover:not(.active) {
    color: var(--gray-700) !important;
    background: rgba(0,0,0,0.02) !important;
    border-bottom-color: var(--gray-300) !important;
  }
  .cfg-tab.active {
    color: var(--primary) !important;
    border-bottom-color: var(--primary) !important;
    font-weight: 800 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .cfg-tab-icon { font-size: 15px !important; }

  /* Dark mode */
  body.dark .cfg-tabs-bar { border-color: #2a2f45 !important; }
  body.dark .cfg-tab { color: #8892b0 !important; }
  body.dark .cfg-tab:hover:not(.active) {
    color: #ccd6f6 !important;
    background: rgba(255,255,255,0.04) !important;
    border-bottom-color: #3a4060 !important;
  }
  body.dark .cfg-tab.active {
    color: #60a5fa !important;
    border-bottom-color: #3b82f6 !important;
    background: transparent !important;
  }

  /* ═══════════ CFG PANELS ═══════════ */
  /* Visibilidade 100% via inline style no HTML — CSS não interfere */
  .cfg-panel.cfg-panel-active { animation: cfgFadeIn 0.22s ease; }
  @keyframes cfgFadeIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

  /* ═══════════ CAMPOS: cfg-input e finput ═══════════ */
  .cfg-input,
  input.finput, select.finput, textarea.finput {
    padding: 12px 14px !important;
    border: 1.5px solid var(--gray-200) !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    background: var(--white) !important;
    color: var(--gray-900) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.18s, box-shadow 0.18s, background 0.18s !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
  }
  .cfg-input:hover:not(:focus), input.finput:hover:not(:focus),
  select.finput:hover:not(:focus), textarea.finput:hover:not(:focus) {
    border-color: var(--gray-300) !important;
  }
  .cfg-input:focus, input.finput:focus, select.finput:focus, textarea.finput:focus {
    border-color: var(--primary) !important;
    background: var(--white) !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.10), 0 1px 2px rgba(0,0,0,0.04) !important;
  }
  .cfg-input::placeholder, input.finput::placeholder, textarea.finput::placeholder {
    color: var(--gray-400) !important;
  }
  select.cfg-input, select.finput { cursor: pointer !important; }
  textarea.cfg-input, textarea.finput { resize: vertical !important; min-height: 88px !important; line-height: 1.55 !important; }

  body.dark .cfg-input,
  body.dark input.finput, body.dark select.finput, body.dark textarea.finput {
    background: #1a1d2e !important;
    border-color: #2a2f45 !important;
    color: #e6f0ff !important;
    box-shadow: none !important;
  }
  body.dark .cfg-input:hover:not(:focus), body.dark input.finput:hover:not(:focus),
  body.dark select.finput:hover:not(:focus) { border-color: #3a4060 !important; }
  body.dark .cfg-input:focus, body.dark input.finput:focus,
  body.dark select.finput:focus, body.dark textarea.finput:focus {
    background: #1e2130 !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
  }
  body.dark .cfg-input::placeholder, body.dark input.finput::placeholder,
  body.dark textarea.finput::placeholder { color: #3a4060 !important; }

  /* Labels */
  .cfg-label, .flabel {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--gray-600) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    display: block !important;
    margin-bottom: 5px !important;
  }
  body.dark .cfg-label, body.dark .flabel { color: #8892b0 !important; }

  /* ═══════════ KANBAN STAGES (Etapas do Funil) ═══════════ */
  .kanban-stage-row {
    display: flex; align-items: center; gap: 10px;
    padding: 6px 0;
    border-bottom: 1px solid var(--gray-100);
  }
  .kanban-stage-row:last-child { border-bottom: none; }
  .kanban-stage-dot {
    width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.07);
  }
  .kanban-stage-input {
    flex: 1; max-width: 200px;
    padding: 9px 13px !important;
    border: 1.5px solid var(--gray-200) !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    background: var(--gray-50) !important;
    color: var(--gray-900) !important;
    transition: border-color .15s, box-shadow .15s, background .15s !important;
    outline: none !important;
  }
  .kanban-stage-input:hover:not(:focus) {
    border-color: var(--gray-300) !important;
    background: var(--white) !important;
  }
  .kanban-stage-input:focus {
    border-color: var(--primary) !important;
    background: var(--white) !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important;
  }
  .kanban-stage-badge {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 11.5px; font-family: 'Poppins', sans-serif; font-weight: 600;
    padding: 3px 9px; border-radius: 20px;
    white-space: nowrap; letter-spacing: 0.2px;
  }
  /* Dark mode */
  body.dark .kanban-stage-row { border-color: #2a2f45; }
  body.dark .kanban-stage-input { background: #1a1d2e !important; border-color: #2a2f45 !important; color: #e6f0ff !important; }
  body.dark .kanban-stage-input:hover:not(:focus) { border-color: #3a4060 !important; }
  body.dark .kanban-stage-input:focus { background: #1e2130 !important; border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; }