/* OpenMaus — conversations sur téléphone (mode simple et mode avancé).
   Injecté par patches/patchlook.py dans dist/index.html. Sans effet au-delà de 640 px. */
@media (max-width: 640px) {
  /* La barre d'actions et l'heure, invisibles tant qu'on ne les appelle pas,
     ne prennent plus de place à côté des bulles. */
  [role="log"]
    .group
    > :is(.justify-start, .justify-end)
    > .opacity-0.pointer-events-none,
  [role="log"] .group > :is(.justify-start, .justify-end) > span.opacity-0 {
    display: none;
  }

  /* Mode avancé : les réponses longues n'ont pas de bulle → vraie bulle, presque toute la largeur. */
  [role="log"]:not([data-simple-rows])
    .group
    > .justify-start
    > [class*="var(--chat-prose-max),var(--chat-card-pct)"] {
    width: auto;
    max-width: 90%;
    padding: 10px 16px;
    border-radius: 22px;
    background-color: var(--color-card);
  }

  /* Bulles plus larges (85 % au lieu de « largeur − 82 px ») et texte plus lisible. */
  [role="log"]
    .group
    > :is(.justify-start, .justify-end)
    > [class*="--chat-bubble-pct"] {
    max-width: 85%;
  }
  [role="log"] .group :is(.chat-md, .chat-text, .user-bubble-colored) {
    font-size: 16px;
    line-height: 1.5;
  }
}