/* PPS Link · discussion : fichiers en attente avant l'envoi, modification et suppression de ses messages (29/10). */
.attente{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 6px}
.attente-item{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:6px 6px 6px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.attente-item img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:none}
.attente-item .ic{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--card);font-size:10px;font-weight:700;color:var(--muted);flex:none}
.attente-nom{display:grid;min-width:0;max-width:200px}.attente-nom b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attente-nom small{color:var(--muted);font-size:12px}
.attente-aide{width:100%;margin:0;font-size:12px;color:var(--muted)}
.correction{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--accent)}.correction svg{width:16px;height:16px}.correction span{flex:1}
.bubble{position:relative}
.modifie{margin-left:8px;font-size:11px;color:var(--muted);font-style:italic}
.bubble .btn.icon.msg-actions{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:28px;height:28px;min-width:0;min-height:0;padding:0;border:0;border-radius:8px;background:none;box-shadow:none;display:grid;place-items:center;opacity:0;transition:opacity .15s}   /* les trois points seuls, sans cercle (Housame, 29/10) */
.bubble .btn.icon.msg-actions:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
/* Une place à part pour « ⋯ » (Housame, 29/10) : sur ordinateur, à côté de la bulle (à gauche de ses messages, à droite des autres) ;
   sur téléphone, dans la bulle pleine largeur, dans une marge réservée à droite. Jamais sur le texte. */
@media (min-width:761px){.group.mine .bubble .btn.icon.msg-actions{right:auto;left:-30px}.group:not(.mine) .bubble .btn.icon.msg-actions{right:-30px}}
@media (max-width:760px){.bubble:has(.msg-actions){padding-right:40px}}
.msg-actions svg{width:16px;height:16px}
.bubble:hover .btn.icon.msg-actions,.bubble .btn.icon.msg-actions:focus-visible{opacity:1}
@media (pointer:coarse){.bubble .btn.icon.msg-actions{opacity:.75}}
/* Téléphone (Housame, 29/10) : toutes les bulles de la largeur de l'écran, le texte ne décide plus de la place du bouton ; sur ordinateur, inchangé. */
@media (max-width:760px){.thread .group{width:100%;max-width:100%}.thread .bubbles{flex:1;min-width:0}.thread .bubble{width:100%;max-width:100%;box-sizing:border-box}
}
.bubble.retire{display:inline-flex;align-items:center;gap:6px;font-style:italic;color:var(--muted);background:transparent;border:1px dashed var(--line)}.bubble.retire svg{width:14px;height:14px}
.msg-menu{position:fixed;z-index:80;min-width:220px;padding:6px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px #0006;display:grid;gap:2px}
.msg-menu .item{display:flex;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.msg-menu .item:hover{background:var(--hover)}.msg-menu .item svg{width:16px;height:16px}.msg-menu .item.danger{color:var(--danger,#e5484d)}