
/* v3.26 — голосовые, альбомы, видео, выбор нескольких, изменить/удалить, запись голоса */
.wa-voice{display:flex;align-items:center;gap:10px;min-width:220px;max-width:280px;padding:2px 0}
.wa-vp{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:20px;background:transparent;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.wa-vw{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.wa-bars{display:flex;align-items:center;gap:2px;height:28px;cursor:pointer}
.wa-bars i{flex:1;min-width:2px;border-radius:2px;background:currentColor;opacity:.35}
.wa-bars i.on{opacity:1;color:#3b9ae0}
.wa-vt{font-size:11px;color:var(--wa-meta,var(--ink-faint))}
.wa-vs{flex:0 0 auto;min-width:40px;height:26px;border:0;border-radius:13px;background:rgba(127,127,127,.2);color:inherit;font:600 12px var(--font-body);padding:0 8px;cursor:pointer}
.wa-vid{position:relative;display:block;width:240px;max-width:100%;border-radius:10px;overflow:hidden;background:#000;cursor:pointer;border:0;padding:0}
.wa-vid video{display:block;width:100%;max-height:320px;object-fit:cover;pointer-events:none}
.wa-vplay{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:26px;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff}
.wa-vdur{position:absolute;left:8px;bottom:6px;color:#fff;font:600 12px var(--font-body);text-shadow:0 1px 2px rgba(0,0,0,.7);display:flex;align-items:center;gap:4px}
.chat-msg.wa-in-album{display:none!important}
.chat-msg.wa-album{padding:3px!important}
.wa-agrid{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:240px;max-width:62vw;border-radius:10px;overflow:hidden}
.wa-agrid button{position:relative;border:0;padding:0;margin:0;aspect-ratio:1/1;background:#222;cursor:pointer;overflow:hidden}
.wa-agrid img{width:100%;height:100%;object-fit:cover;display:block}
.wa-agrid b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;font:600 30px var(--font-body)}
.wa-album .m{padding:2px 6px 1px}
.wa-gal{position:fixed;inset:0;z-index:10050;background:#000;display:flex;flex-direction:column;color:#fff;touch-action:none}
.wa-gal-top{display:flex;align-items:center;gap:8px;padding:max(8px,env(safe-area-inset-top)) 8px 8px}
.wa-gal-top span{flex:1;text-align:center;font:600 15px var(--font-body)}
.wa-gal-top a,.wa-gal-top button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:0;text-decoration:none;font-size:22px}
.wa-gal-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
.wa-gal-body img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .18s ease}
.wa-gal-nav{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border:0;border-radius:24px;background:rgba(255,255,255,.12);color:#fff;font-size:26px}
@media (hover:none){.wa-gal-nav{display:none}}
body.wa-selecting .chat-compose,body.wa-selecting .chat-reply-bar,body.wa-selecting .chat-file-pending{visibility:hidden}
body.wa-selecting .chat-msg[data-mid],body.wa-selecting .chat-msg.wa-album{cursor:pointer}
.chat-msg.wa-sel{box-shadow:0 0 0 2px #1fa33a!important;filter:brightness(1.08)}
.wa-selbar{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:10003;display:flex;align-items:center;gap:8px;padding:6px;border-radius:26px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 30px rgba(0,0,0,.3)}
.wa-selbar span{flex:1;text-align:center;font:600 15px var(--font-body)}
.wa-selbar button{height:44px;min-width:44px;border:0;border-radius:22px;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font:600 14px var(--font-body)}
.wa-selbar .go{background:#1fa33a;color:#fff}
.wa-selbar .go:disabled{opacity:.5}
.wa-edit textarea{width:100%;box-sizing:border-box;min-height:90px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:400 16px/1.4 var(--font-body);background:var(--surface-2);color:var(--ink);resize:vertical}
.wa-edit h4{margin:0 0 10px;font:600 16px var(--font-body)}
.wa-edit p{margin:0 0 12px;color:var(--ink-soft);font-size:14px;line-height:1.4}
.wa-edit .row{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.wa-edit .row button{height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--line);background:transparent;color:var(--ink);font:600 15px var(--font-body)}
.wa-edit .row .ok{background:#1fa33a;border-color:#1fa33a;color:#fff}
.wa-edit .row .del{background:#d64545;border-color:#d64545;color:#fff}
#waMicBtn{display:none;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:22px;background:#1fa33a;color:#fff;align-items:center;justify-content:center;padding:0;cursor:pointer}
.chat-compose.wa-empty #waMicBtn{display:flex}
.chat-compose.wa-empty #chatSendBtn{display:none!important}
.wa-rec{position:absolute;inset:0;z-index:20;display:flex;align-items:center;gap:10px;padding:0 8px;background:var(--surface)}
.wa-rec .dot{width:12px;height:12px;border-radius:6px;background:#e5484d;animation:waBlink 1s infinite}
.wa-rec .t{font:600 16px var(--font-body);min-width:52px}
.wa-rec .hint{flex:1;color:var(--ink-faint);font-size:13px}
.wa-rec button{width:44px;height:44px;border:0;border-radius:22px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;color:var(--ink-soft)}
.wa-rec .send{background:#1fa33a;color:#fff}
@keyframes waBlink{50%{opacity:.2}}
@media (max-width:880px){
  .chat-tick{color:var(--wa-meta-out,var(--ink-faint))!important;letter-spacing:-3px!important}
  .chat-tick.read{color:#53bdeb!important}
  .chat-tick.err{color:#e5484d!important;letter-spacing:0!important}
  .chat-quote{border-left:4px solid #1fa33a!important;border-radius:8px!important;background:rgba(0,0,0,.12)!important}
  .chat-msg.out .chat-quote{background:rgba(0,0,0,.12)!important}
}
