/* === Styles extraits de messages.html === */
/* Actions messages/conversations */
.btn-chat-del {
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid var(--border); background: transparent; color: var(--muted);
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: all .2s; flex-shrink: 0;
}
.btn-chat-del:hover { border-color: var(--red); color: var(--red); background: rgba(248,231,2,.08); }
.msg-actions {
  display: none; gap: .25rem; margin-top: .25rem; padding: 0 .35rem;
}
.msg-wrap.own:hover .msg-actions { display: flex; }
.msg-act {
  border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03);
  color: var(--muted); border-radius: 999px; padding: .15rem .45rem;
  font-size: .62rem; cursor: pointer; font-family: "DM Sans", sans-serif;
}
.msg-act:hover { color: var(--white); border-color: rgba(255,255,255,.22); }
.msg-act.danger:hover { color: var(--red); border-color: rgba(248,231,2,.45); }
.msg-edited { font-size: .58rem; color: rgba(245,242,238,.32); margin-left: .25rem; }
@media (max-width: 720px) { .msg-actions { display: flex; } }
.notif-target .msg-bubble{outline:2px solid rgba(248,231,2,.75); box-shadow:0 0 0 6px rgba(248,231,2,.14);}

.u-messages-inline-1 { display:none }

.u-messages-inline-2 { display:none }

.messages-error-text { max-width: 420px; text-align: center; color: #888; font-size: .8rem; line-height: 1.6; padding: 0 1rem; }
.messages-error-link { color: #f8e702; }
.picker-empty { padding: .8rem 1rem; font-size: .82rem; color: #555; }
.user-main { flex: 1; min-width: 0; }


/* Messages page modern shell */
body.fts-chat-modern .chat-empty-title::before { content: '💬 '; font-family: "DM Sans", sans-serif; }
body.fts-chat-modern .chat-empty-sub { color: rgba(245,242,238,.68); }
body.fts-chat-modern .btn-chat-del { border-radius: 999px; }
body.fts-chat-modern .modal { background: #121212; border: 1px solid rgba(255,255,255,.08); }


/* Patch UX v19 — messages plus premium */
body.fts-chat-modern .sb-title { line-height: 1; }
body.fts-chat-modern .btn-compose { box-shadow: 0 10px 24px rgba(0,0,0,.2); }
body.fts-chat-modern .chat-empty-sub { max-width: 360px; line-height: 1.55; }
body.fts-chat-modern .type-tab.on { box-shadow: inset 0 0 0 1px rgba(248,231,2,.14); }
body.fts-chat-modern .modal-title { font-weight: 900; }


/* V57 — rendu distinct des rappels automatiques dans les MP */
.msg-wrap.auto-reminder .msg-bubble {
  background: linear-gradient(135deg, rgba(248,231,2,.13), rgba(255,255,255,.04));
  border: 1px solid rgba(248,231,2,.34);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.msg-wrap.auto-reminder .msg-auto-head {
  display: inline-flex; align-items: center; gap: .35rem;
  margin: 0 0 .42rem; padding: .18rem .5rem; border-radius: 999px;
  background: rgba(248,231,2,.14); color: var(--gold);
  font-size: .62rem; font-weight: 900; letter-spacing: .02em;
}
.msg-wrap.auto-reminder .msg-text-content { line-height: 1.5; }
.msg-wrap.auto-reminder .msg-actions { display: none !important; }