/* =====================================================================
   Direct Messages: Blocked User Notice Bar & Collapsed Messages
   ===================================================================== */

/* =====================================================================
   Blocked 1:1 Conversation Dock Bar
   ===================================================================== */

dm-blocked-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  border-top: 1px solid var(--border-subtle, #edebe6);
  background: #f7f6f2;                          /* Warm paper tone */
  color: var(--text-muted, #656f77);
  font-size: 0.92rem;
}

/* Maintain strict hidden override against flex */
dm-blocked-bar[hidden],
.dm-blocked-unblock[hidden] {
  display: none !important;
}

.dm-blocked-unblock {
  flex: 0 0 auto;
  padding: 5px 14px;
  border: 1px solid currentColor;
  border-radius: 8px;                           /* Refined rect */
  background: transparent;
  color: var(--accent, #4f46e5);
  font: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.dm-blocked-unblock:hover {
  background: rgba(79, 70, 229, 0.08);
}

.dm-blocked-unblock:focus-visible {
  outline: 2px solid var(--accent, #4f46e5);
  outline-offset: 2px;
}

dm-messages-module.is-blocked dm-reply-preview {
  display: none;
}

/* =====================================================================
   Group: Collapsed Messages from Blocked Members
   ===================================================================== */

message-container.is-blocked-sender > message {
  display: none;
}

dm-blocked-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0;
  padding: 5px 12px;
  border-radius: 8px;
  background: #f2f0eb;
  border: 1px solid var(--border-subtle, #edebe6);
  color: var(--text-muted, #656f77);
  font-size: 0.85rem;
  width: fit-content;
}

.dm-blocked-show {
  padding: 2px 10px;
  border: 1px solid var(--border-subtle, #edebe6);
  border-radius: 6px;
  background: #ffffff;
  color: var(--text-main, #16181b);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.12s ease;
}

.dm-blocked-show:hover {
  background: #f7f6f2;
  border-color: #ded9cf;
}