/* v3.28 — компьютер: как WhatsApp Web */
@media (min-width:881px){
  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:12px 6%!important}
  .chat-msg{max-width:65%!important;padding:6px 10px 5px!important;border-radius:10px!important;border-top-left-radius:3px!important;background:var(--wa-in)!important;color:var(--ink)!important;border:0!important;box-shadow:0 1px 1px rgba(0,0,0,.1)!important;font-size:14px!important;position:relative}
  .chat-msg:not(.out){align-self:flex-start!important;width:auto!important}
  .chat-msg.out{align-self:flex-end!important;width:auto!important;background:var(--wa-out)!important;border-top-left-radius:10px!important;border-top-right-radius:3px!important}
  .chat-msg .m{font-family:inherit!important;font-size:11px!important;color:var(--wa-meta)!important;display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:1px!important}
  .chat-msg.out .m{color:var(--wa-meta-out)!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-tick{color:var(--wa-meta-out)!important;letter-spacing:-3px!important}
  .chat-tick.read{color:#53bdeb!important}
  .chat-quote{border-left:4px solid #1fa33a!important;border-radius:8px!important;background:rgba(0,0,0,.06)!important}
  .chat-msg.wa-album{padding:3px!important}
  .chat-dot{background:#1fa33a!important;min-width:20px!important;height:20px!important;border-radius:10px!important;font-family:var(--font-body)!important}
  .wa-pin-ic{display:inline-flex;vertical-align:middle;margin-left:5px;color:var(--ink-faint)}
}
@media (hover:hover){
  .chat-msg-acts{display:none!important}
  .wa-chev{position:absolute;top:3px;right:4px;width:24px;height:24px;border:0;border-radius:12px;display:none;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--ink-soft);background:inherit;box-shadow:-6px 0 8px -2px var(--wa-in,#fff)}
  .chat-msg.out .wa-chev{box-shadow:-6px 0 8px -2px var(--wa-out,#d9fdd3)}
  .chat-msg:hover .wa-chev,.wa-chev.on{display:flex}
  #chatRows .chat-row{position:relative}
  .wa-rchev{position:absolute;right:10px;bottom:10px;width:24px;height:24px;border:0;border-radius:12px;display:none;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--ink-soft);background:var(--surface-2)}
  #chatRows .chat-row:hover .wa-rchev{display:flex}
}
.wa-ctx{position:fixed;z-index:10060;min-width:210px;padding:6px;border-radius:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.28);animation:mmPop .12s ease-out}
.wa-ctx button{display:flex;align-items:center;gap:12px;width:100%;height:38px;padding:0 12px;border:0;background:transparent;color:inherit;font:500 14px var(--font-body);border-radius:8px;cursor:pointer;text-align:left}
.wa-ctx button:hover{background:var(--surface-2)}
.wa-ctx kbd{margin-left:auto;font:500 11px var(--font-body);color:var(--ink-faint)}
.wa-drop{position:absolute;inset:8px;z-index:30;border:2px dashed #1fa33a;border-radius:14px;background:rgba(31,163,58,.08);display:none;align-items:center;justify-content:center;color:#1f8a3a;font:600 16px var(--font-body);pointer-events:none}
.chat-conv.wa-dragging .wa-drop{display:flex}
.wa-notif{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#e7f6ec;color:#1d5c32;font-size:13px;border-bottom:1px solid var(--line)}
body[data-theme="dark"] .wa-notif{background:#1b2a22;color:#9fe0b4}
.wa-notif span{flex:1}
.wa-notif button{border:0;background:transparent;color:inherit;font:700 13px var(--font-body);cursor:pointer;padding:4px 6px}
#waEmojiBtn{width:40px;height:40px;flex:0 0 40px;border:0;background:transparent;font-size:22px;cursor:pointer;padding:0;border-radius:20px}
#waEmojiBtn:hover{background:var(--surface-2)}
@media (max-width:880px){ #waEmojiBtn{display:none} }
.wa-emoji{position:fixed;z-index:10060;width:320px;padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.28);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
.wa-emoji button{height:36px;border:0;background:transparent;font-size:22px;border-radius:8px;cursor:pointer;padding:0}
.wa-emoji button:hover{background:var(--surface-2)}