/* ===== V69 - Subtask audio popover: keep popup clean even with many recordings ===== */
.ml-v65-sub-audios[hidden]{display:none!important}
.ml-v65-sub-audio-badge{
  min-width:34px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
}
.ml-v65-sub-record{
  width:28px!important;height:28px!important;min-width:28px!important;
  font-size:12px!important;
}
.ml-v65-sub-audios:not([hidden]){
  position:fixed!important;
  left:var(--ml-v69-audio-left, 24px)!important;
  top:var(--ml-v69-audio-top, 24px)!important;
  width:min(520px, calc(100vw - 32px))!important;
  max-height:min(240px, calc(100vh - 32px))!important;
  overflow:auto!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:18px!important;
  box-shadow:0 28px 90px rgba(15,23,42,.22), 0 8px 24px rgba(15,23,42,.10)!important;
  z-index:2147483450!important;
  backdrop-filter:blur(14px)!important;
  animation:mlV69AudioIn .14s ease-out both!important;
}
.ml-v65-sub-audios:not([hidden])::before{
  content:'🎧 Ghi âm việc con';
  display:block;
  color:#0f172a;
  font-weight:950;
  font-size:13px;
  letter-spacing:-.01em;
  padding:2px 4px 4px;
}
.ml-v65-sub-audio-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid #eef2f7!important;
}
.ml-v65-sub-audio-row audio{
  width:100%!important;
  height:32px!important;
  margin:0!important;
}
.ml-v65-sub-audio-row button{
  width:30px!important;height:30px!important;
  border:0!important;border-radius:999px!important;
  background:#fee2e2!important;color:#b91c1c!important;
  font-weight:950!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.ml-v65-sub-wrap{overflow:visible!important}
.ml-v65-subtasks{overflow:visible!important}
.ml-v65-section.ml-v65-subtask-section{overflow:visible!important}
.ml-v65-main,.ml-v65-body,.ml-v65-panel{overflow:visible!important}
.ml-v65-modal .ml-v65-body{max-height:calc(90vh - 116px)!important;overflow:auto!important}
@keyframes mlV69AudioIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}