/* Memberikan icon pada tombol audio di toolbar */
.ql-audio:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  /* Menggunakan mask agar warna icon mengikuti tema (hitam/biru saat aktif) */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>') no-repeat 50% 50%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>') no-repeat 50% 50%;
  mask-size: cover;
}

/* Pastikan elemen audio di dalam editor tidak terlalu lebar */
.ql-editor audio {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 100%;
}