/* Shared MijnSupportDesk visual tokens; portal sessions and runtime stay separate. */
:root {
  --muted: #718096;
  --line: #d8e2ec;
  --page: #f5f3f8;
  --brand: #6906cd;
  --brand-dark: #5200a8;
  --success: #12805c;
  --success-soft: #e8f8f0;
  --warning: #ad6b12;
  --warning-soft: #fff6df;
  --info: #36506f;
  --info-soft: #edf4fb;
  --danger: #c93d3d;
  --shadow: 0 1px 3px rgba(31, 41, 55, 0.07), 0 1px 2px rgba(31, 41, 55, 0.04);
}

.customer-updates {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--brand);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow);
}

.customer-updates .section-heading { margin-bottom: 12px; }
.customer-updates-list { display: grid; gap: 10px; }
.customer-update { display: grid; gap: 7px; padding: 12px 0; border-top: 1px solid var(--line); }
.customer-update:first-child { border-top: 0; }
.customer-update > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.customer-update time { color: var(--muted); font-size: 12px; }
.customer-update p { margin: 0; color: var(--muted); line-height: 1.55; white-space: pre-wrap; }