/* Reusable spinner */
.suitecrm-spinner {
  width: 24px; height: 24px;
  border: 3px solid #dbe1ea;
  border-top-color: #2f5aa8;
  border-radius: 50%;
  animation: suitecrm-spin .8s linear infinite;
  display: inline-block; margin-right: 8px; vertical-align: middle;
}
@keyframes suitecrm-spin { to { transform: rotate(360deg); } }

/* Loading row + updates list polish */
#suitecrm-case-content .loading,
#suitecrm-case-updates .loading {
  display: flex; align-items: center; gap: 8px;
  font-size: .95rem; color: #5f6b7a; padding: .25rem 0;
}
.suitecrm-update { padding: 12px 0; border-bottom: 1px solid #eef1f5; }
.suitecrm-update:last-child { border-bottom: none; }
.suitecrm-update header {
  display: flex; gap: 8px; align-items: baseline; margin-bottom: 6px;
  color: #556070; font-size: .9rem;
}
.suitecrm-update .badge {
  margin-left: auto;
  background: #f0f4ff; border: 1px solid #dfe8ff;
  padding: 2px 6px; border-radius: 6px; font-size: .75rem; color: #274b9f;
}

/* Load more */
.suitecrm-updates-more { margin: 12px 0; text-align: center; }
.suitecrm-updates-more .button {
  padding: 8px 14px; border-radius: 8px; cursor: pointer;
}