/* Home dashboard notifications and activity lists. */

.menu-home-notice {
  display: grid;
  gap: 12px;
  padding: 18px 20px;
  border-radius: var(--vk-form-card-radius);
  box-shadow: var(--menu-home-board-like-shadow);
}

.menu-home-notice-list {
  display: grid;
  gap: 10px;
}

.menu-home-notice-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  color: var(--vk-text-secondary);
}

.menu-home-notice-item .lucide {
  width: 19px;
  height: 19px;
  margin-top: 1px;
  color: var(--vk-app-accent-main);
  stroke-width: 2.15;
}

.menu-home-notice-item p {
  margin: 0;
  color: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.menu-home-notice-item a {
  color: var(--vk-app-accent-current);
  text-decoration: none;
}

.menu-home-notice-item a:hover {
  text-decoration: underline;
}

.menu-home-activity-list {
  display: grid;
  gap: 10px;
  padding: 18px 20px;
  border-radius: var(--vk-form-card-radius);
  box-shadow: var(--menu-home-board-like-shadow);
}

.menu-home-activity-item {
  --menu-home-activity-accent: var(--vk-app-accent-main);
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  color: var(--vk-text-secondary);
}

.menu-home-activity-item .lucide {
  width: 19px;
  height: 19px;
  margin-top: 1px;
  color: var(--menu-home-activity-accent);
  stroke-width: 2.15;
}

.menu-home-activity-item p {
  margin: 0;
  color: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.menu-home-activity-item time {
  color: inherit;
  font-weight: inherit;
}

.menu-home-activity-item a {
  color: var(--menu-home-activity-accent);
  text-decoration: none;
  font-weight: 850;
}

.menu-home-activity-item.is-own {
  --menu-home-activity-accent: var(--vk-app-accent-main);
}

.menu-home-activity-item.is-subscription {
  --menu-home-activity-accent: var(--vk-app-accent-current);
}

.menu-home-activity-item a:hover {
  text-decoration: underline;
}

.menu-home-activity-more {
  justify-self: start;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--vk-app-accent-current);
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.menu-home-activity-more:hover {
  text-decoration: underline;
}