/* Inbox v3 — modules du widget dans le fil (MODE SERVI UNIQUEMENT, voir inbox-modules.js).
   Réutilise .badge, .definition (styles.css) et .in-attachment (inbox-media.css) ; tokens v3 seuls. */
.in-thread .in-module{margin:8px 16px;padding:12px;max-width:calc(100% - 48px);align-self:flex-end;flex-shrink:0;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--base);color:var(--ink);font-size:13px;line-height:1.5}
.in-thread .in-module.client{align-self:flex-start}
.in-thread .in-module.event{align-self:center;padding:8px 12px;background:var(--surface);border-style:dashed}
.in-module>header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-size:13px}
.in-module>header svg{width:16px;height:16px;flex-shrink:0;color:var(--muted)}
.in-module>header strong{font-weight:500;overflow-wrap:anywhere}
.in-module>header .badge{margin-left:auto}
.in-module-sub{margin:4px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.in-module .definition{margin:8px 0 0;gap:0 16px}
.in-module .definition>div{padding:8px 0;min-width:0}
.in-module .definition dd{font-size:13px;overflow-wrap:anywhere}
.in-module .definition dd small{display:block;color:var(--muted);font-size:12px}
.in-module .in-message-body{margin-top:8px;overflow-wrap:anywhere}
.in-module .in-attachments{margin-top:8px}
.in-module-product{text-decoration:none}
div.in-module-product{cursor:default}
div.in-module-product:hover{background:var(--base)}
.in-module-product>svg{width:22px;height:22px;flex-shrink:0;color:var(--muted)}
.in-module-product>svg:last-child{width:14px;height:14px}
@media(max-width:768px){.in-thread .in-module{max-width:calc(100% - 32px);margin:8px}.in-module .definition{grid-template-columns:1fr}}
/* Rejeu des composants du widget (lecture seule) : largeur du widget, statut de prise en main. */
.in-replay{margin-top:8px;max-width:400px;min-width:0}
.in-replay.is-replayed{cursor:default;user-select:text}
.in-replay-host{min-width:0;overflow-x:auto}
.in-replay-host :is(button,input,select,textarea):disabled{cursor:default}
.in-thread .in-module-status{align-self:center;display:flex;align-items:center;gap:8px;margin:8px 16px;padding:4px 12px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.5;flex-shrink:0}
.in-module-status svg{width:14px;height:14px;flex-shrink:0}