.uibs-communication-history {
  clear: both;
  box-sizing: border-box;
  width: 100%;
  margin-top: var(--wp--preset--spacing--50);
  padding-top: var(--wp--preset--spacing--50);
  border-top: 1px solid var(--wp--preset--color--line);
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--outfit);
}

.uibs-communication-history h3 {
  margin: 0 0 var(--wp--preset--spacing--30);
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--outfit);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 600;
}

.uibs-communication-history__empty {
  margin: 0;
  color: var(--wp--preset--color--accent-3);
}

.uibs-communication-history__list {
  display: grid;
  gap: var(--wp--preset--spacing--20);
  margin: 0;
  padding: 0;
  list-style: none;
}

.uibs-communication-history__event {
  margin: 0;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border-left: var(--wp--preset--spacing--20) solid
    var(--wp--preset--color--line);
  background: var(--wp--preset--color--base-2);
}

.uibs-communication-history__event--accepted {
  border-left-color: var(--wp--preset--color--accent-7);
  background: var(--wp--preset--color--accent-8);
}

.uibs-communication-history__event--activity {
  border-left-color: var(--wp--preset--color--accent-1);
  background: var(--wp--preset--color--base-2);
}

.uibs-communication-history__event--failed {
  border-left-color: var(--wp--preset--color--accent-5);
  background: var(--wp--preset--color--accent-6);
}

.uibs-communication-history__event-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--30);
}

.uibs-communication-history__event p {
  margin: var(--wp--preset--spacing--20) 0 0;
}

.uibs-communication-history__status {
  color: var(--wp--preset--color--contrast-2);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.uibs-communication-history__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--20);
  color: var(--wp--preset--color--accent-3);
  font-size: var(--wp--preset--font-size--x-small);
}

.uibs-communication-history__meta span::before {
  content: "\00b7";
  margin-right: var(--wp--preset--spacing--20);
}