/* /assets/css/update.css */

.update-box {
  display: flex;
  gap: 0.8rem;
  margin: 1.5rem 0;
  padding: 1rem 1.1rem;
  border: 1px solid;
  border-left-width: 1rem;
  border-radius: 0.35rem;
  background-color: var(--background-highlight);
  border-color: var(--foreground-dimmed);
}

.update-box__icon {
  flex: 0 0 auto;
  font-size: 1.35rem;
  line-height: 1.2;
}

.update-box__body {
  min-width: 0;
}

.update-box__heading {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.75rem;
  align-items: baseline;
}

.update-box__heading time {
  font-size: 0.85em;
  opacity: 0.75;
}

.update-box__content {
  margin-top: 0.35rem;  
}

.update-box__content p:last-child {
  margin-bottom: 0;
}

.update-box--note .update-box__title {
  color: #7cc6e0;
}

.update-box--warn .update-box__title {
  color: #e1ce6d;
}

.update-box--error .update-box__title {
  color: #ff6967;
}