/* Isolated candidate: styles inherit the existing Bio2Twin Chat graphite theme. */
.b2t-shared-messages[hidden] { display: none !important; }
.b2t-shared-messages {
  margin: 12px auto 20px;
  width: min(100%, 860px);
  padding: 20px;
  color: inherit;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
}
.b2t-shared-messages-head {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
}
.b2t-shared-messages h2 { margin: 0; font-size: 18px; font-weight: 650; }
.b2t-shared-messages-reload {
  font: inherit; font-size: 13px; color: inherit;
  padding: 8px 13px; border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px; background: transparent; cursor: pointer;
}
.b2t-shared-messages-reload:focus-visible,
#b2t-shared-messages-toggle:focus-visible { outline: 3px solid #d85957; outline-offset: 3px; }
.b2t-shared-messages-reload:disabled { opacity: .5; cursor: wait; }
.b2t-shared-messages-status { margin: 12px 0; font-size: 13px; opacity: .78; }
.b2t-shared-messages-list {
  list-style: none; margin: 0; padding: 0;
  max-height: 460px; overflow: auto; display: grid; gap: 10px;
}
.b2t-shared-messages-item {
  padding: 14px 16px; background: rgba(0,0,0,.16);
  border: 1px solid rgba(255,255,255,.08); border-radius: 14px;
  overflow-wrap: anywhere;
}
.b2t-shared-messages-item h3 { margin: 0 0 7px; font-size: 15px; font-weight: 600; }
.b2t-shared-messages-item p { margin: 0 0 8px; white-space: pre-wrap; font-size: 14px; line-height: 1.5; }
.b2t-shared-messages-item small { opacity: .65; font-size: 12px; }
@media (max-width: 640px) {
  .b2t-shared-messages { margin: 10px 0 16px; padding: 14px; border-radius: 16px; }
  .b2t-shared-messages-list { max-height: 60vh; }
}