/* Identidade visual do Nexo — reproduz exatamente as cores do protótipo do marketing
   (projeto do marketing/crm/index.html), sobre os componentes do Bootstrap 5. */

:root {
  --verde: #1f4e46;
  --verde2: #3f9089;
  --claro: #eaf3f1;
  --cinza: #f5f6f5;
  --txt: #223333;
  --borda: #d9e6e3;
  --quente: #c62828;
  --morno: #ef6c00;
  --frio: #1565c0;
  --crit: #c62828;
  --alta: #ef6c00;
  --media: #616161;

  --bs-primary: var(--verde);
  --bs-primary-rgb: 31, 78, 70;
  --bs-body-bg: var(--cinza);
  --bs-body-color: var(--txt);
  --bs-link-color: var(--verde);
  --bs-link-hover-color: var(--verde2);
}

body {
  background: var(--cinza);
  color: var(--txt);
}

.navbar-nexo {
  background: var(--verde);
}
.navbar-nexo .navbar-brand,
.navbar-nexo .nav-link {
  color: #fff !important;
}
.navbar-nexo .nav-link.active {
  background: var(--verde2);
  border-radius: .375rem;
}

.btn-primary {
  background-color: var(--verde);
  border-color: var(--verde);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--verde2);
  border-color: var(--verde2);
}

.panel, .card {
  border: 1px solid var(--borda);
}

/* Badges de classificação de conta (A/B/C/D) — cores exatas do protótipo, não é semáforo */
.badge-classificacao-A { background-color: #1b5e20; color: #fff; }
.badge-classificacao-B { background-color: #558b2f; color: #fff; }
.badge-classificacao-C { background-color: #9e9d24; color: #fff; }
.badge-classificacao-D { background-color: #8d6e63; color: #fff; }

/* Badges de temperatura da conta */
.badge-temperatura-quente { background-color: var(--quente); color: #fff; }
.badge-temperatura-morno { background-color: var(--morno); color: #fff; }
.badge-temperatura-frio { background-color: var(--frio); color: #fff; }

/* Badges de prioridade de tarefa */
.badge-prioridade-alta { background-color: var(--alta); color: #fff; }
.badge-prioridade-media { background-color: var(--media); color: #fff; }
.badge-prioridade-baixa { background-color: #9e9e9e; color: #fff; }

/* Kanban */
.kb-board { display: flex; gap: .75rem; overflow-x: auto; padding-bottom: .5rem; }
.kb-col { min-width: 260px; flex: 1 1 260px; background: var(--claro); border-radius: .5rem; padding: .5rem; }
.kb-col-header { font-weight: 600; color: var(--verde); padding: .25rem .5rem; }
.kb-card {
  background: #fff; border: 1px solid var(--borda); border-radius: .375rem;
  padding: .5rem .75rem; margin-bottom: .5rem; cursor: grab;
}
.kb-card.kb-card-atrasada { border-left: 4px solid var(--quente); }

/* Timeline (histórico da conta) */
.tl { list-style: none; padding-left: 1.25rem; border-left: 2px solid var(--borda); }
.tl-item { position: relative; padding-bottom: 1rem; }
.tl-item::before {
  content: ""; position: absolute; left: -1.44rem; top: .2rem;
  width: .6rem; height: .6rem; border-radius: 50%; background: var(--verde2);
}

/* Feed de alertas (omissões) */
.alert-item { border-left: 3px solid var(--quente); }
.alert-item.a-warn { border-left-color: var(--morno); }
.alert-item.a-info { border-left-color: var(--frio); }

/* Stat cards do dashboard */
.stat-card .num { font-size: 1.75rem; font-weight: 700; color: var(--verde); }
.stat-card .lbl { font-size: .8rem; color: #667; text-transform: uppercase; letter-spacing: .03em; }