/* ========================
   FinDeals - Additions for API-wired screens
   Small, targeted rules for markup added while wiring
   My Loans, Boost Post, and Chats to the backend APIs.
   Kept separate from style.css so the base stylesheet stays untouched.
======================== */

/* My Loans: promoted status label */
.myloan-status-label.is-promoted {
  color: var(--primary);
}

/* Boost Post: selectable tier cards */
.boost-highlight-card {
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.boost-highlight-card.is-selected {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(106, 56, 255, .15);
}

/* Chats: peer online indicator */
.chat-peer-online {
  display: block;
  font-size: .72rem;
  color: #16a34a;
  font-weight: 600;
}

/* Chats: "more options" dropdown (block / archive) */
.chat-more-menu {
  flex-shrink: 0;
}

.chat-more-menu .dropdown-menu {
  min-width: 180px;
  border-radius: 12px;
  border: none;
  box-shadow: 0 12px 32px rgba(60, 40, 120, .16);
  padding: .4rem;
}

.chat-more-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: .5rem;
  border-radius: 8px;
  font-size: .85rem;
  padding: .5rem .6rem;
}

/* Chats: blocked-chat banner */
.chat-blocked-banner {
  margin: .7rem 1rem 0;
  display: flex;
  align-items: center;
  gap: .45rem;
  background: #fdeaea;
  color: #a12626;
  border-radius: 10px;
  padding: .55rem .75rem;
  font-size: .76rem;
  font-weight: 600;
}

.chat-blocked-banner i {
  color: #d92d2d;
}