/**
 * CONECTA CRM - conecta.css
 * Estilos propios que complementan Vuexy Vertical Menu Template
 * Compatible con: data-skin=default, Public Sans, Tabler icons, iconify
 */

/* ── Variables de marca ──────────────────────────────── */
:root {
  --conecta-primary: #696cff;
  --conecta-success: #71dd37;
  --conecta-danger:  #ff3e1d;
  --conecta-warning: #ffab00;
  --conecta-info:    #03c3ec;
}

/* ── KPI cards ───────────────────────────────────────── */
.kpi-value { font-size: 1.8rem; font-weight: 700; }
.kpi-label { font-size: .72rem; color: #8592a3; text-transform: uppercase; letter-spacing: .5px; }

/* ── Tablas ──────────────────────────────────────────── */
.table > :not(caption) > * > * { vertical-align: middle; }
.table-hover tbody tr:hover { background-color: rgba(105,108,255,.04); }

/* ── Pipeline Kanban ─────────────────────────────────── */
.pipeline-col { min-width: 260px; max-height: 70vh; overflow-y: auto; }
.pipeline-card { cursor: pointer; transition: transform .15s ease, box-shadow .15s ease; }
.pipeline-card:hover { transform: translateY(-2px); box-shadow: 0 4px 18px rgba(47,43,61,.12); }

/* ── Scrollbar personalizada ─────────────────────────── */
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d0d4db; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #a8adb5; }

/* ── Badges de etapa ─────────────────────────────────── */
.badge-etapa { font-size: .75rem; padding: .35em .65em; border-radius: 50px; }

/* ── Cards ───────────────────────────────────────────── */
.card { border-radius: 0.5rem; }