/* =========================================================================
   Shared — Card primitive
   ========================================================================= */
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.card-padded { padding: 1rem 1.125rem; }

/* ---- Card title (eyebrow label style) ---------------------------------- */
.card-title {
  font-family: var(--font-body);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text);
  margin-bottom: 0.6rem;
}
.card-title.clickable { cursor: pointer; }

/* ---- Key-value table (Call Summary, CRM Output) ----------------------- */
.summary-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--text);
}
.summary-table th,
.summary-table td {
  padding: 0.4rem 0.5rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--border);
  word-break: break-word;
  white-space: pre-wrap;
}
.summary-table tr:last-child th,
.summary-table tr:last-child td { border-bottom: none; }
.summary-table th {
  width: 35%;
  font-weight: 600;
  color: var(--teal);
  font-size: 0.8rem;
}