.side-panel__banner {
  margin: 8px 8px 10px;
  overflow: hidden;
  border: 1px solid rgba(206, 161, 83, .45);
  border-radius: 9px;
  background: #261c20;
}

.side-panel__banner img {
  display: block;
  width: 100%;
  height: clamp(64px, 8vw, 92px);
  object-fit: cover;
  object-position: center 42%;
}

#side-panel .side-panel__rules-link {
  align-self: flex-end;
  margin: auto 12px 8px;
  padding: 6px 2px;
  border: 0;
  background: transparent;
  color: #c4a98b;
  font: 400 12px/1.4 system-ui, sans-serif;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

:root[data-theme="light"] #side-panel .side-panel__rules-link { color: #765047; }

.chat-status-picker {
  display: grid;
  gap: 5px;
  margin: 8px;
  color: #d6c2b5;
  font-size: 12px;
}

.chat-status-picker select {
  min-width: 0;
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #735362;
  border-radius: 6px;
  background: #241d25;
  color: #f6e9e2;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

.chat-status-picker select:disabled { opacity: .6; cursor: wait; }

.user-chat-status {
  color: #c4a98b;
  font-size: .92em;
  font-style: italic;
  white-space: normal;
  overflow-wrap: anywhere;
}

:root[data-theme="light"] .chat-status-picker { color: #574250; }
:root[data-theme="light"] .chat-status-picker select {
  background: #fff9f6;
  color: #382832;
  border-color: #ad8999;
}
:root[data-theme="light"] .user-chat-status { color: #765047; }