/* v3.24 — Переписки как в WhatsApp (телефон) */
@media (max-width:880px){
  body{--wa-wall:#efeae2;--wa-in:#ffffff;--wa-out:#d9fdd3;--wa-meta:#667781;--wa-meta-out:#5f7a67;--wa-green:#1fa33a}
  body[data-theme="dark"]{--wa-wall:#0f1519;--wa-in:#1f262b;--wa-out:#1d4a33;--wa-meta:#8b969e;--wa-meta-out:#a9c7b6}
  .chat-msgs{background:var(--wa-wall)!important;gap:4px!important;padding:8px 10px!important}
  .chat-msg{max-width:80%!important;padding:6px 9px 5px 10px!important;border-radius:14px!important;border-top-left-radius:4px!important;background:var(--wa-in)!important;color:var(--ink)!important;border:0!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important;align-self:flex-start;touch-action:pan-y}
  .chat-msg:not(.out){align-self:flex-start!important;width:auto!important}
  .chat-msg.out{width:auto!important;align-self:flex-end!important;background:var(--wa-out)!important;border-top-left-radius:14px!important;border-top-right-radius:4px!important}
  .chat-msg .m{font-family:inherit!important;font-size:11px!important;color:var(--wa-meta)!important;text-align:right;margin-top:1px!important;display:flex;justify-content:flex-end;align-items:center;gap:3px}
  .chat-msg.out .m{color:var(--wa-meta-out)!important}
  .chat-msg .lbl{font-size:12px!important}
  .chat-day{border:0!important;background:var(--wa-in)!important;color:var(--wa-meta)!important;font-size:12.5px!important;padding:4px 12px!important;border-radius:8px!important;box-shadow:0 1px 1px rgba(0,0,0,.08)}
  .chat-msg.wa-swiping{transition:none!important}
  .chat-msg .wa-rp{position:absolute;left:-44px;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:16px;background:var(--surface);display:flex;align-items:center;justify-content:center;opacity:0}
  /* нижняя панель */
  #chatQuick{display:none!important}
  .chat-compose{align-items:flex-end!important;gap:6px!important}
  .chat-compose .chat-attach:not(.chat-kz){border:0!important;background:transparent!important;font-size:0!important;width:44px!important;height:44px!important;flex:0 0 44px!important}
  .chat-compose .chat-attach:not(.chat-kz)::after{content:"+";font-size:30px;font-weight:300;line-height:1;color:var(--ink-soft)}
  .chat-compose textarea{border-radius:22px!important;min-height:44px!important;padding:11px 14px!important;background:var(--surface-2)!important;border:0!important}
  .chat-compose .chat-kz{height:44px!important;border:0!important;background:transparent!important;color:#3b9ae0!important}
  #chatSendBtn{width:44px!important;height:44px!important;flex:0 0 44px!important;padding:0!important;border-radius:22px!important;font-size:0!important;background:var(--wa-green)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='M22 2 15 22l-4-9-9-4z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:20px!important}
  #chatSendBtn:disabled{background-color:var(--ink-faint)!important}
  /* шапка */
  #chatMobileInfo{display:none!important}
  #chatName,#chatHeadAva{cursor:pointer}
  .wa-headcall{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none;margin-left:auto}
  .chat-scroll-bottom{border:0!important;box-shadow:0 4px 14px rgba(0,0,0,.25)!important}
  .wa-sb-n{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:var(--wa-green);color:#fff;font:700 12px/20px var(--font-body);text-align:center}
  /* список */
  .chat-dot{background:var(--wa-green)!important;min-width:20px!important;height:20px!important;border-radius:10px!important;font-size:11.5px!important;font-family:var(--font-body)!important}
  #chatRows{position:relative}
  #chatRows .chat-row{position:relative;z-index:1;background:var(--surface);transition:transform .18s ease}
  #chatRows .chat-row.wa-dragging{transition:none}
  .wa-pin-ic{display:inline-flex;vertical-align:middle;margin-left:5px;color:var(--ink-faint)}
  .wa-acts{position:absolute;right:0;z-index:0;display:flex}
  .wa-acts button{width:72px;border:0;color:#fff;font:500 12px var(--font-body);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
  /* меню «+» */
  .wa-sheet{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:10002;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:16px 12px 10px;box-shadow:0 -8px 40px rgba(0,0,0,.35);animation:mmPop .16s ease-out;max-height:75vh;overflow-y:auto}
  .wa-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .wa-tiles button{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:transparent;color:inherit;font:500 13px var(--font-body);padding:4px 0}
  .wa-tiles i{width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:24px}
  .wa-qr{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
  .wa-qr small{display:block;color:var(--ink-faint);font-size:12px;margin:2px 4px 6px}
  .wa-qr button{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;font:400 15px var(--font-body);padding:11px 8px;border-radius:10px}
  .wa-qr button:active,.wa-tiles button:active{background:var(--surface-2)}
}