/* public/components/inbox/inbox.css */

.inbox-subtab.active {
  color: var(--text) !important;
  border-bottom: 2px solid var(--accent) !important;
}

.inbox-thread-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  transition: background 0.15s ease;
}

.inbox-thread-item:hover,
.inbox-thread-item.active {
  background: var(--bg3);
}

.inbox-msg-bubble {
  max-width: 80%;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.5;
}

.inbox-msg-bubble.sent {
  background: var(--accent);
  color: #fff;
  align-self: flex-end;
  border-bottom-left-radius: 2px;
}

.inbox-msg-bubble.received {
  background: var(--bg3);
  border: 1px solid var(--line);
  color: var(--text);
  align-self: flex-start;
  border-bottom-right-radius: 2px;
}