/* static/app.css */
:root {
  --azul-marino: #1B4F72;
  --azul-medio: #2E86C1;
  --verde: #1E8449;
  --amarillo: #F39C12;
  --rojo: #E74C3C;
}

body { font-family: 'Segoe UI', sans-serif; background: #f8f9fa; }

.navbar { background-color: var(--azul-marino) !important; }
.navbar-brand img { height: 40px; }
.navbar .nav-link { color: rgba(255,255,255,0.85) !important; }
.navbar .nav-link:hover { color: #fff !important; }
.navbar .nav-link.active { color: #fff !important; font-weight: 600; }

.kpi-card { border-left: 4px solid var(--azul-medio); border-radius: 8px; }
.kpi-card .kpi-value { font-size: 2rem; font-weight: 700; color: var(--azul-marino); }
.kpi-card .kpi-label { font-size: 0.8rem; text-transform: uppercase; color: #6c757d; }

.temp-badge-Caliente { background: #d5f5e3; color: #1e8449; border-radius: 12px; padding: 2px 10px; font-size: 0.78rem; font-weight: 600; }
.temp-badge-Tibio    { background: #fef9e7; color: #d68910; border-radius: 12px; padding: 2px 10px; font-size: 0.78rem; font-weight: 600; }
.temp-badge-Frío     { background: #fadbd8; color: #c0392b; border-radius: 12px; padding: 2px 10px; font-size: 0.78rem; font-weight: 600; }

.etapa-badge { border-radius: 10px; padding: 2px 10px; font-size: 0.78rem; font-weight: 500; background: #e9ecef; color: #495057; }

.kanban-col { min-width: 170px; max-width: 200px; }
.kanban-col .kanban-header { background: var(--azul-marino); color: #fff; border-radius: 8px 8px 0 0; padding: 8px 12px; font-weight: 600; font-size: 0.85rem; }
.kanban-card { background: #fff; border: 1px solid #dee2e6; border-radius: 6px; padding: 10px 12px; margin-bottom: 8px; cursor: pointer; transition: box-shadow .15s; font-size: 0.83rem; }
.kanban-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.12); }
.kanban-card .empresa { font-weight: 600; color: #212529; }
.kanban-card .meta { color: #6c757d; font-size: 0.78rem; }

.btn-primary   { background: var(--azul-medio); border-color: var(--azul-medio); }
.btn-primary:hover { background: var(--azul-marino); border-color: var(--azul-marino); }
.btn-success   { background: var(--verde); border-color: var(--verde); }

.prospecto-header { background: var(--azul-marino); color: #fff; border-radius: 10px; padding: 20px 24px; margin-bottom: 20px; }
.toque-item { border-left: 3px solid var(--azul-medio); padding-left: 14px; margin-bottom: 14px; }
.toque-item.Positivo   { border-color: var(--verde); }
.toque-item.Negativo   { border-color: var(--rojo); }

.search-result-item { cursor: pointer; padding: 8px 12px; border-bottom: 1px solid #f0f0f0; }
.search-result-item:hover { background: #f0f7ff; }

@media (max-width: 576px) {
  .kpi-card .kpi-value { font-size: 1.5rem; }
  .kanban-col { min-width: 140px; }
}