/* ALLO212 V191 — messages dans l'écran */
.v191-host{position:relative}
.v191-scr{position:absolute;z-index:6;top:14px;left:14px;width:min(380px,calc(100% - 28px));font-family:Montserrat,system-ui,sans-serif;transition:opacity .4s,transform .4s}
.v191-scr.gone{opacity:0;transform:translateY(-8px)}
.v191-scr[hidden]{display:none}
.v191-scr-in{display:grid;min-height:0}
.v191-c{grid-area:1/1;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:22px;background:rgba(255,252,247,.93);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 40px rgba(30,18,8,.28);opacity:0;transform:translateX(-18px) scale(.98);transition:opacity .55s,transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.v191-c.on{opacity:1;transform:none;pointer-events:auto}
.v191-c.out{opacity:0;transform:translateX(18px) scale(.98)}
.v191-c img{width:58px;height:58px;border-radius:16px;object-fit:cover;box-shadow:0 6px 14px rgba(60,40,20,.2)}
.v191-t{display:grid;gap:1px;min-width:0;line-height:1.25}
.v191-t em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#B8894A}
.v191-c.is-wa .v191-t em{color:#128C4A}
.v191-t b{font-size:14.5px;font-weight:600;color:#2A1A10}
.v191-t span{font-size:12px;font-weight:500;color:#6B5A4E;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v191-c a{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#E8894A,#C25717);color:#fff!important;font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px rgba(194,87,23,.3)}
.v191-c.is-wa a{background:#25D366;box-shadow:0 8px 18px rgba(37,211,102,.32)}
.v191-c a:hover{filter:brightness(1.05)}
.v191-scr-x{position:absolute;z-index:2;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:1px solid #EADBC8;background:#fff;color:#6B5A4E;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.v191-scr-dots{display:flex;gap:5px;margin:7px 0 0 12px}
.v191-scr-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.6);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;transition:width .3s,background .3s}
.v191-scr-dots button.on{width:18px;background:#fff}
/* écrans bas (pages annuaire) et téléphone : version compacte */
.hf-gal-screen .v191-scr{top:10px;left:10px}
.hf-gal-screen .v191-c{grid-template-columns:44px 1fr auto;padding:7px 9px 7px 7px;gap:10px;border-radius:18px}
.hf-gal-screen .v191-c img{width:44px;height:44px;border-radius:13px}
.hf-gal-screen .v191-scr-dots{display:none}
.hf-gal-screen .v191-t span{-webkit-line-clamp:1}
@media (max-width:700px){
  .v191-scr{top:10px;left:10px;width:calc(100% - 20px)}
  .v191-c{grid-template-columns:42px 1fr auto;gap:9px;padding:7px 8px 7px 7px;border-radius:18px}
  .v191-c img{width:42px;height:42px;border-radius:12px}
  .v191-t em{display:none}.v191-t b{font-size:13px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v191-t span{display:none}
  .v191-c a{padding:8px 11px;font-size:12px}
  .v191-scr-dots{display:none}
  .v191-scr-x{top:-6px;right:-4px;width:22px;height:22px;font-size:14px}
}
@media (max-width:340px){.v191-t span{display:none}}
@media (prefers-reduced-motion:reduce){.v191-c{transition:opacity .3s}}