:host {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

h4 {
  text-align: center;
  opacity: 0.8;
  margin-bottom: var(--s);
}

.offline-banner {
  display: flex;
  align-items: center;
  gap: var(--s);
  margin-bottom: var(--s2);
  padding: var(--s) 12px;
  border-radius: var(--card-border-radius);
  border: 1px solid var(--palette-warn-200, var(--c-warn));
  background: var(--palette-warn-50, rgba(255, 193, 7, 0.15));
  color: var(--palette-warn-900, var(--c-warn));
  font-size: 14px;
}

.offline-banner__icon {
  color: var(--palette-warn-700, var(--c-warn));
  width: 20px;
  height: 20px;
}

.offline-banner__message {
  line-height: 1.3;
}

.agenda {
  margin-top: var(--s3);
  gap: var(--s);
}

.agenda-day {
  margin-bottom: var(--s2);

  issue-preview-item {
    margin-bottom: var(--s);
  }
}
