/* CRM dashboard — KPI tiles as cards in a row + charts in a 2-up grid. */

/* KPI tiles */
#block-kpi-accounts,
#block-kpi-contacts,
#block-kpi-deals,
#block-kpi-pipeline {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: calc(25% - 0.75rem);
  margin: 0 0.5rem 1rem 0;
  padding: 1.1rem 1.25rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
  text-align: center;
}

#block-kpi-accounts .block__title,
#block-kpi-contacts .block__title,
#block-kpi-deals .block__title,
#block-kpi-pipeline .block__title {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
}

/* show just the number (hide the inline "Accounts:" label + list bullet) */
.kpi-value ul,
.kpi-value li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kpi-value .views-label {
  display: none;
}
.kpi-value,
.kpi-value .field-content {
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.1;
  color: #0f172a;
}

/* charts: two per row on wide screens */
@media (min-width: 820px) {
  #block-dash-pipeline-stage,
  #block-dash-leads-status,
  #block-dash-spon-pub {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: calc(50% - 0.75rem);
    margin: 0 0.5rem 1rem 0;
  }
}

#block-dash-pipeline-stage .block__title,
#block-dash-leads-status .block__title,
#block-dash-spon-pub .block__title,
.view-crm-dashboard .view-header {
  font-size: 1rem;
  color: #0f172a;
}