:root{
    --c-leads:     #1E88E5;  /* azul médio */
    --c-cotacoes:  #FB8C00;  /* âmbar */
    --c-sla:       #43A047;  /* verde sucesso */
    --c-ticket:    #00ACC1;  /* cyan/teal */
    --c-resposta:  #546E7A;  /* blue-grey 600 */
    --c-chat:      #37474F;  /* blue-grey 800 */
    --c-humanas:   #E53935;  /* vermelho alerta */
    --c-whats:     #00897B;  /* verde WhatsApp */
  }
  
  /* cartão KPI base */
  .card.kpi{
    color:#fff;
    border:0;
    border-radius:.6rem;
    padding:1rem 1.25rem;
    text-align:center;
    min-height:110px;
    display:flex;flex-direction:column;justify-content:center;
    box-shadow:0 3px 6px rgba(0,0,0,.08);
  }
  
  /* títulos / ícones */
  .card.kpi h5{font-size:.9rem;font-weight:600;margin:0 0 .25rem;display:flex;align-items:center;justify-content:center}
  .card.kpi h5 i{margin-right:.45rem;font-size:1rem}
  .card.kpi h2{font-size:2rem;font-weight:700;margin:0}
  
  /* variantes de cor */
  .kpi-leads   {background:var(--c-leads);}
  .kpi-cot     {background:var(--c-cotacoes);color:#212529;} /* texto escuro p/ contraste */
  .kpi-sla     {background:var(--c-sla);}
  .kpi-ticket  {background:var(--c-ticket);}
  .kpi-resp    {background:var(--c-resposta);}
  .kpi-chat    {background:var(--c-chat);}
  .kpi-humanas {background:var(--c-humanas);}
  .kpi-whats   {background:var(--c-whats);}
    /* bloco claro */
    .kpi-help{
        background:#eaf6ff;          /* azul bem suave */
        border:1px solid #b6e0ff;
        border-radius:.5rem;
        padding:1.25rem 1.5rem;
        font-size:.95rem;
      }
      /* grid de 2 colunas (1 em telas < 576 px) */
      .kpi-help-list{
        display:grid;
        gap:.65rem 1.25rem;
        grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
        margin:0;
        padding:0;
        list-style:none;
      }
      .kpi-help-list li i{margin-right:.4rem;}
      .card.kpi{
  min-height:90px;                /* 110 → 90 */
  padding:.8rem 1rem;             /* menos padding */
  transition:transform .2s,box-shadow .2s;
}
.card.kpi:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 12px rgba(0,0,0,.15);
}
.btn-kpi-help{
    background:#e6f7ff;
    color:#0d6efd;
    border:1px solid #b6e0ff;
    font-size:.9rem;           /* levemente menor */
    padding:.35rem .9rem;
    border-radius:2rem;        /* forma de pílula */
    transition:background .2s,box-shadow .2s;
  }
  .btn-kpi-help i{margin-right:.4rem;}
  .btn-kpi-help:hover,
  .btn-kpi-help[aria-expanded="true"]{
    background:#d0f0ff;
    box-shadow:0 2px 6px rgba(13,110,253,.25);
    text-decoration:none;
  }
  #quick-info .border {
    border-color: rgba(0,0,0,0.1) !important;
  }
  #quick-info strong {
    font-size: 1.2rem;
  }
  #quick-info small {
    font-size: 0.75rem;
  }