/* Mardly Squad voice-note recorder */
.squad-voice-btn{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;position:relative}
.squad-voice-btn:hover{background:#302c49;color:var(--foreground)}
.squad-voice-btn svg{width:18px;height:18px}
.squad-voice-btn.is-recording{color:#ff6b6b;background:rgba(255,107,107,.12)}
.squad-voice-btn.is-recording:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;top:4px;right:4px;animation:squadVoicePulse 1s ease-in-out infinite}
.squad-voice-status{display:flex;align-items:center;gap:8px;padding:7px 9px;margin:6px 8px 0;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#211e35;color:var(--foreground);font-size:10px}
.squad-voice-status[hidden]{display:none}
.squad-voice-status-time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:34px}
.squad-voice-status-label{flex:1;color:var(--muted)}
.squad-voice-cancel{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:2px 4px}
.squad-voice-cancel:hover{color:var(--foreground)}
.squad-voice-preview{display:flex;align-items:center;gap:8px;padding:6px 8px 0}
.squad-voice-preview[hidden]{display:none}
.squad-voice-preview audio{width:min(100%,300px);height:34px}
@keyframes squadVoicePulse{50%{opacity:.35;transform:scale(.8)}}

/* WhatsApp-style Squad voice recorder / preview — matches chat.php */
.squad-inputbox{position:relative}
.squad-wa-record-panel,.squad-wa-voice-preview{
    position:absolute;left:0;right:0;bottom:0;z-index:100;
    min-height:76px;padding:10px 12px;display:flex;align-items:center;gap:12px;
    background:#11181d;border-top:1px solid rgba(255,255,255,.08);
    border-radius:28px 28px 0 0;box-shadow:0 -12px 30px rgba(0,0,0,.25);
}
.squad-wa-record-panel[hidden],.squad-wa-voice-preview[hidden]{display:none!important}
.squad-inputbox.squad-voice-mode{min-height:76px;overflow:visible}
.squad-inputbox.squad-voice-mode>.squad-textarea,
.squad-inputbox.squad-voice-mode>.squad-media-preview,
.squad-inputbox.squad-voice-mode>.squad-link-compose-preview,
.squad-inputbox.squad-voice-mode>.squad-compose-context,
.squad-inputbox.squad-voice-mode>.squad-tools{visibility:hidden;pointer-events:none}
.squad-wa-record-delete{width:50px;height:50px;flex:none;border:0;border-radius:50%;background:#351824;color:#ff557f;font-size:20px;display:grid;place-items:center}
.squad-wa-record-center{flex:1;min-width:0}
.squad-wa-record-top{display:flex;align-items:center;gap:14px;min-width:0}
.squad-wa-record-timer{font-size:17px;color:#fff;font-variant-numeric:tabular-nums;min-width:38px}
.squad-wa-record-live-wave,.squad-wa-preview-wave{height:30px;display:flex;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;flex:1;scrollbar-width:none}.squad-wa-record-live-wave::-webkit-scrollbar,.squad-wa-preview-wave::-webkit-scrollbar{display:none}
.squad-wa-record-live-wave i,.squad-wa-preview-wave i{width:2px;min-width:2px;border-radius:4px;background:#e6e9ec;opacity:.75;transition:height .08s linear}
.squad-wa-record-pause{width:100%;height:46px;margin-top:6px;border:0;border-radius:24px;background:#30363b;color:#fff;font-size:15px;font-weight:600}
.squad-wa-record-send{width:52px;height:52px;flex:none;border:0;border-radius:50%;background:#20c967;color:#07150e;display:grid;place-items:center}
.squad-wa-record-send svg{width:26px;height:26px;fill:currentColor}
.squad-wa-preview-player{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.squad-wa-preview-play{width:44px;height:44px;border:0;border-radius:50%;background:#2c3338;color:#fff;font-size:17px}
.squad-wa-preview-main{flex:1;min-width:0}
.squad-wa-preview-time{font-size:11px;color:#c9ced2;font-variant-numeric:tabular-nums}
.squad-wa-preview-mic{font-size:20px;opacity:.7}
.squad-wa-voice-preview audio{display:none}

/* Sent Squad voice note card — same compact player used by chat.php */
.squad-wa-voice{width:min(300px,76vw);min-width:205px;display:flex;align-items:center;gap:9px;padding:1px 1px 1px 0;min-height:0;background:transparent;overflow:visible;cursor:default}
.squad-wa-voice-play{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:inherit;display:grid;place-items:center;cursor:pointer}
.squad-message.mine .squad-wa-voice-play{background:rgba(0,0,0,.13)}
.squad-wa-voice-main{flex:1;min-width:0}
.squad-wa-wave{height:27px;display:flex;align-items:center;gap:3px;overflow:hidden}
.squad-wa-wave i{width:2px;min-width:2px;border-radius:3px;background:currentColor;opacity:.42}
.squad-wa-wave i.played{opacity:1}
.squad-wa-voice-bottom{display:flex;align-items:center;margin-top:0}
.squad-wa-voice-time{font:9px "Space Mono",monospace;opacity:.72;font-variant-numeric:tabular-nums}
.squad-wa-voice-bottom audio{display:none}
.squad-wa-voice-mic{width:22px;height:22px;flex:none;display:grid;place-items:center;opacity:.5}
.squad-wa-voice-mic svg{width:15px;height:15px;fill:currentColor}

@media(max-width:520px){
    .squad-wa-record-panel,.squad-wa-voice-preview{padding:9px 8px;gap:8px}
    .squad-wa-record-delete{width:46px;height:46px}
    .squad-wa-record-send{width:50px;height:50px}
    .squad-wa-voice{min-width:205px;width:76vw}
}