body {
  background: linear-gradient(135deg, #f3f7ff 0%, #eefaf2 100%);
  min-height: 100vh;
}

.app-shell {
  max-width: 720px;
  margin: 48px auto;
}

.status-pill {
  border-radius: 999px;
  padding: 0.2rem 0.7rem;
  font-size: 0.85rem;
  font-weight: 600;
}

.status-none {
  background: #e9ecef;
  color: #495057;
}

.status-sent {
  background: #cfe2ff;
  color: #084298;
}

.status-replied {
  background: #d1e7dd;
  color: #0f5132;
}

.status-shared {
  background: #fff3cd;
  color: #664d03;
}

.tick-solid {
  color: #198754;
  font-weight: 700;
}

.tick-empty {
  color: #6c757d;
  font-weight: 700;
}