.ljc-update-center {
  position: relative;
  display: flex;
  align-items: center;
}

.ljc-update-center__trigger {
  position: relative;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(125, 211, 252, 0.28);
  border-radius: 50%;
  background: rgba(56, 189, 248, 0.08);
  color: #dff6ff;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.ljc-update-center__trigger:hover,
.ljc-update-center__trigger[aria-expanded="true"] {
  border-color: rgba(125, 211, 252, 0.52);
  background: rgba(56, 189, 248, 0.17);
  color: #fff;
}

.ljc-update-center__trigger:focus-visible {
  outline: 3px solid rgba(56, 189, 248, .28);
  outline-offset: 2px;
}

.ljc-update-center__trigger svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ljc-update-center__unread {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 8px;
  height: 8px;
  border: 2px solid #090d13;
  border-radius: 50%;
  background: #f05252;
  box-sizing: content-box;
}

.ljc-update-center__panel {
  position: absolute;
  z-index: 2400;
  top: calc(100% + 12px);
  right: 0;
  width: min(370px, calc(100vw - 24px));
  max-height: min(520px, calc(100dvh - 76px));
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 16px;
  background: #fff;
  color: #232620;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .28);
}

.ljc-update-center__panel[hidden] { display: none; }

.ljc-update-center__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 17px 13px;
  border-bottom: 1px solid #ecece7;
}

.ljc-update-center__heading strong { font-size: 16px; }
.ljc-update-center__heading span { color: #7b8077; font-size: 11px; }

.ljc-update-center__body {
  max-height: min(448px, calc(100dvh - 142px));
  overflow-y: auto;
  padding: 8px;
}

.ljc-update-center__message {
  overflow: hidden;
  border-radius: 11px;
  background: #f7f8f4;
}

.ljc-update-center__message + .ljc-update-center__message { margin-top: 8px; }

.ljc-update-center__message-summary {
  display: grid;
  grid-template-columns:minmax(0, 1fr) auto 14px;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:11px 12px;
  cursor:pointer;
  list-style:none;
}

.ljc-update-center__message-summary::-webkit-details-marker { display:none; }
.ljc-update-center__message-summary::marker { content:""; }
.ljc-update-center__message-summary:hover { background:#f1f4ee; }
.ljc-update-center__message-summary:focus-visible { outline:3px solid rgba(15,143,124,.22); outline-offset:-3px; }
.ljc-update-center__message-summary strong { overflow:hidden; color:#173e36; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ljc-update-center__message-summary time { color:#8a8f86; font-size:10px; white-space:nowrap; }

.ljc-update-center__message-chevron {
  width:7px;
  height:7px;
  border-right:1.5px solid #6e756b;
  border-bottom:1.5px solid #6e756b;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .16s ease;
}

.ljc-update-center__message[open] .ljc-update-center__message-chevron { transform:rotate(225deg) translate(-1px, -1px); }

.ljc-update-center__message-content {
  padding:0 12px 12px;
  border-top:1px solid #e4e7df;
}

.ljc-update-center__message-content ol {
  margin:10px 0 0;
  padding-left:22px;
  color: #4e544b;
  font-size: 12px;
  line-height: 1.65;
}

.ljc-update-center__message-content li { padding-left:2px; }
.ljc-update-center__message-content li + li { margin-top:4px; }

.ljc-update-center__empty {
  margin: 0;
  padding: 24px 14px;
  color: #777d74;
  font-size: 12px;
  text-align: center;
}

body.lc-home-active .ljc-update-center__trigger,
body:not(.lc-home-active) .ljc-update-center__trigger {
  border-color: #d7d9d3;
  background: rgba(255, 253, 249, .82);
  color: #383b35;
}

body.lc-home-active .ljc-update-center__trigger:hover,
body.lc-home-active .ljc-update-center__trigger[aria-expanded="true"],
body:not(.lc-home-active) .ljc-update-center__trigger:hover,
body:not(.lc-home-active) .ljc-update-center__trigger[aria-expanded="true"] {
  border-color: #9dbdb3;
  background: #fff;
  color: #0f7866;
}

body.lc-home-active .ljc-update-center__unread,
body:not(.lc-home-active) .ljc-update-center__unread { border-color: #fff; }

@media (max-width: 640px) {
  .ljc-update-center__trigger { width: 34px; height: 34px; }
  .ljc-update-center__panel {
    position: fixed;
    top: calc(var(--lc-header-height, 56px) + 8px);
    right: 12px;
  }
}